《WEB前端开发》课程期末作品要求 一、作品 主题 要求作品为根据作者认知水平, 从不同深度围绕主题发表自己的感悟、体会,动手实践的过程和成果。要求每名学生提交一份期末作品,独立完成,不得相互抄袭,如遇雷同作品,酌情认定,确定为抄袭者,相关作品皆作废,期末成绩计0分。提交作品推荐主题如下(不限于以下主题): (1)“厉害了我的国”(作为当代大学生,我们关注国事,关注发展,关于当今的中国,你了解有多深入呢?通过网页制作表达金专人爱党,爱祖国,爱人民的真挚感情......); (2)“我的成长经历”(每个人都会有各种各样的经历,如:思想上、工作上、生活上......); (3)“我心中的爱”(我们生活在爱的世界当中,如:对生活的爱、对工作的爱、对家乡的爱、对亲人的爱......); (4)企业门户网站(创建某产品公司门户站点,对公司的一系列产品和活动做以介绍); (5)我的大学(例如:信息交流类如:校园论坛;展示类如校园风景、人物风采;生活类如课堂、学生趣闻等)。 二、 作品要求 1 .网站主题鲜明,色彩和谐,重点突出,形式与内容和谐统一。 2 .建立一个静态网站,网站中至少包含5个HTML5页面,其中包括一个表单页面,HTML5页面间通过超级链接相联系。 3 .静态网站中至少包含1个CSS样式表文件。 4 .HTML5页面版式编排布局合理。使用DIV进行页面的排版布局。 5 .运用所学,在页面中插入文本、图像、表格、超级链接、表单、多媒体对象等各种对象,并合理设置它们的属性参数。如果有链接应不为空。 6 .运用DIV+CSS技术格式化各种对象,并实现动画及网页特效。比如交互按钮、鼠标悬停动画、选项卡、幽灵按钮等。 7 .页面中要求包含导航栏(横向或纵向皆可)具有超链接功能。 8 .在页面中添加javascript代码实现网页特效,如跑马灯文字、图片淡入淡出、旋转文字、跟随鼠标的星星、时间日期显示等等。(此项不做必须要求,如有则根据效果酌情加分); 9 .使用Photoshop或Fireworks制作一个网页素材图片,并插入你的网页。(此项不做必须要求,如有则根据效果酌情加分); 10 .也可以通过其他各种方式加入各种网页特效。(此项不做必须要求,如有则根据效果酌情加分)。 三、 具体要求 1 .内容要求 (1)网站首页面,命名为index.html,不得修改。 主要内容:网页导航(超级链接),滚动字幕,以及邮箱链接和友情链接等 (2)“作者简介”页面 主要内容:姓名、班级,成长历程、爱好和特长。可加入一、两幅图片在网页中 (3)“主题内容”页面 主要内容:根据所选主题设计相应的显示页面,适当加入各种效果,力求完整的展示要叙述的主题。 (4)“图片像册”网页 使用 Photoshop处理个人照片或其他图片6~9幅,使用无序列表设置照片在页面中成2*3(2行3列)或3*3(3行3列)排列。 2 .文件存放要求 (1)在本地计算机上建立站点根文件夹,以班级姓名命名,例如应用1701王晓光的文件夹命名为:yy1701wangxiaoguang。注:应用专业以yy开头,网络专业以wl开头。 (2)在站点文件下进行网页设计,首页文件名为index.html (不得使用其它文件名)。 (3)所有文件的文件名必须使用英文或拼音名字,如page1.html、page2.html等,不能使用中文名。 (4)网页中需要的各种素材文件,例如:要插入到网页的图片、动画图片、背景图片等,必须事先下载或保存到站点文件夹中,然后再插入到网页适当的位置。图片文件一般为jpg格式(静态图片)或gif格式(动画图片)。背景音乐文件一般为mid格式。 (5)页面应为静态页面,不需要服务器支持。 四、 考核标准 1. 内容(10分} (1)内容健康,积极向上,无违反国家政策、法律的内容。 (2)内容新颖、详细而充实,具有观赏性。 (3)清晰表达设计意图。 2. 结构(10分) (1)栏目设置合理,导航分明,方便查阅,具有有很好的交互性。 (2)网页运行畅通正常,网页链接无错误。 3. 技术(30分) (1)文档、图形经过优化以加快下载的速度。 (2)多种软件结合运用,flash、gif和JavaScript特效等动态效果的实现。 (3)可以采用HTML5、CSS3、JavaScript等网页设计语言编写。 4. 美工(25分) (1)版面简洁,文本、图案整齐美观。 (2)没有乱码和错误的表格。 (3)按钮图片的制作美观、实用。 (4)图片使用得当,网页内各个元素搭配合理。 (5)色彩搭配协调,有层次感,有利于浏览阅读。 5. 创意(20分) (1)表现手法是否新颖、与众不同页面具有个人设计风格。 (2)内容定位是否独到、有特色。 6. 印象分(5分) 根据对作品的整体印象适当给予0-5分。