本课程实践部分期末考试以学生作品形式进行,要求每个学生独立设计制作完成一个专题网站。
主要考核点为使用HTML+CSS完成以下任务:
1、主题制作
网站主题:“个人博客”(自我介绍,我的相册,我的日志等)或者“我的家乡”(家乡简介 人文特色 风景美食等),“党的生日”。内容健康,主题突出。
2、名称(logo)
3、根据主题特色设计网站标志LOGO并放置在首页的左上角处,要正气、易记、有特色。
3、内容
要求内容较丰富,紧扣主题,积极向上,对用户有一定吸引力;不能有反动、暴力等不道德、不健康的内容,具有一定的艺术性、趣味性和知识性。
4、网站的栏目版块及功能
运用Css+Div布局,利用css样式表对页面进行设置,要求页面美观,布局合理,色彩搭配协调,有创意。
整个网站包括主页至少2个页面,首页页面为三栏或两栏布局,所有网页内容要有相关性,风格要求统一,页面居中,使用相对路径,不能使用绝对路径。
创建导航栏,导航要做成鼠标经过,或是样式,有两项以上能打开链接,其它的可设为空链接,在下层网页中要有返回上一页和首页的按钮或文字链接,位置摆放合适,便于浏览使用。
页面中必须有文字(占页面的30%),设计应体现应用布局、色彩、图片、文字、表格、表单、电子相册等元素,网页中至少有一个图文混排的页面。
网页底部必须有作者的姓名、电子邮件、地址等联系信息。
5、界面风格、创意
页面整体美观,界面清楚、整洁;页面布局要合理,美观、易扩充,疏密要得当;浏览和查询方便,页面导航方便、快捷。
6、网站的文件结构
目录层次:
不要将所有文件都存放在根目录下;按栏目内容建立子目录;目录的层次不要太多,建议不要超过3层。
文件命名要求:
网页首页文件名为index.html;设计中使用的图片放入“img”文件夹,网页中的各种文件夹和文件名均使用小写英文字母和阿拉伯数字组合,不得使用中文、标点符号或其他特殊字符;名字不要太长,尽量做到“见名知意”,一起放在以“本人姓名+学号”命名的文件夹内上交。
合理使用文件
图片等文件使用合理,不要滥用,应注意其大小,以防影响浏览速度;不含与网页无关的文件。
三、作品要求
以某一主题为内容,围绕主题做一个专题网站或个人微博。至少有2个网页,网站或微博要具有统一性、关联性和整体性;原则上不限制网站内容,与专业相关的最好;微博与个人有关,最好有个人相关图片;网站或微博的每一个网页都要自己制作,且内容要丰富,不能从网上下载网页稍加修改,否则以0分计。
注意:在项目文件夹中建一个“设计思路与操作指南”的文件,其中内容是除了各个网页的设计说明外,重点说清网页之间的链接关系,即说明是由何网页跳转至哪个页面;上交时还须把网页中用到的所有图片、声音等相关材料都一起上交。