网页设计与制作课程设计
通过课程设计，使学生理解网站创建、网页策划、设计与制作等知识，熟练掌握网页设计与制作中的各种操作技术，掌握网站设计的全过程，能够利用网页开发工具设计并制作网页，开发一个小规模的网站。

　　三、设计内容及要求

　　（1）给出网站建设方案

　　包括网站主题的确定、技术方案（操作系统、网络平台、主要采用的软件和技术等）、设计方案（网站层次结构设计、规模大小、风格和色系的选择等）。（实际建设有变化不受影响）。

　　（2）建立一个学生目录“T□”，“T□”是文件夹名，“T”表示班级信息，“□”用学生自己的姓名+学号末两位填入，例如“10计应张三26”。 建立一个站点，名称为localsite，完成网站的制作后将站点文件保存到自己的学生目录中，最后将学生目录文件和课程设计报告一起提交给老师。

　　（3）规范网站命名规则和文件存储路径，例如所有图片文件保存在images文件夹中。

　　（4）网站包括一张首页（index）和多张子页面，网站层次要达到2-3级，完整页面总数不少于8张，可用模板实现，至少包括一张表单页面。要求页面要有统一的主题颜色和主题内容，要求一定的超链接和布局（可用框架、表格、div+css来实现）。

　　（5）网站有标题和自己创意设计制作的logo图像。

　　（6）网页中使用的素材尽量自己制作，图片等元素应经过处理再使用。

　　（7）网页中应包含至少一个flash动画以增强页面效果，可适当合理地使用各种特效。

　　（8）网页内容使用CSS样式定义。

　　（9）制作完成后，要对站点进行测试和清理，以保证所有页面运行正确，无错误显示，链接正确有效、无断链（外部链接不算），删除无用的文件和文件夹。

　　（10）每位同学必须独立完成。

　　四、进度安排

　　课程设计共分三次进行，每次3节课，其进度时间大致分配如下：

　　（1）根据任务书安排工作计划，制定设计实现方案，同时开始设计工作。

　　（2）继续完成设计任务，并将设计过程中产生结果记录下来。

　　（3）整理、打包并完成课程设计报告的书写。

　　五、课程设计报告书写

　　依据网站的完成情况同步进行课程设计报告的撰写，具体内容和要求如下：

　　（1） 制定网站建设方案；

　　（2） 网站实现内容的介绍，包括：网站内容、布局的实现方法、层次结构等；

　　（3） 网站主要模块划分和超链接跳转关系图；

　　（4） 网站制作体会（如收获、建议和意见）；

　　（5） 将网站首页用A5纸打印出来附在报告后；

　　六、考核方式

　　课程设计采用以操作技能为核心的考核方式，具体根据网站完成的情况并结合学生的动手能力、独立分析解决问题的能力、创新精神、课程设计总结报告的完成情况，以及学习态度等进行综合考评。考核成绩分优秀、良好、中等、及格和不及格五个等级。考核标准包括：

　　（1）所有练习完成情况（所占比例为50%）；

　　（2）学生的动手能力、创新能力（所占比例为30%）；

　　（3）总结报告（20%）。

　　七、作业递交方式

　　每个班级（计应班分为两个班）的设计作品以光盘的形式提交。全班的作品记录在一张光盘上，每个同学以自己的姓名建一个目录。作业的上交时间本学期的停课时间。同时上交的还有每位同学的课程设计报告。

　　八、建站步骤：

　　1． 网站主题的确定（自定）

　　1）网站的主题：

　　自行选择如下内容 : 科普、科幻知识；公益形象宣传；大、中、小学教学用动画形象；奥林匹克体育；环境保护；战争与和平；求职；校园生活；诚信、传统美德；交通安全 ; 卫生与健康；爱心；教育；新青年；管理；实用工具等

　　在选择主题时还应注意以下几个问题。

　　① 主题选材要小而精。

　　② 最好选择自己擅长或者感兴趣的内容。

　　③ 选题不要太滥、目标定位不要太高。

　　2）、网站风格的确定

　　网站风格，就是指某一网站的整体形象给浏览者的综合感受，这包括选择网站版面布局、色系、特效、交互性、字体、内容等诸多因素

　　注意一下几点：

　　l 尽可能地将网站标志(logo)放在每个页面最突出的位置

　　l 使用统一的图片处理效果

　　l 突出标准色彩

　　l 使用标准字体

　　3）、网站名称

　　给网站取一个好记易懂的名字。

　　2．网站的规划

　　根目录

　　确定导航栏目，子目录的建立按导航栏目来命名，建立images来存放图片文件。

　　

　　子栏目3

　　Index.html

　　Images

　　子栏目n

　　子栏目1

　　子栏目2

　　3、网站素材的准备

　　Word文档，原始图片，动画、音乐文件等

　　4、制作网页效果图

　　用fireworks制作出网页效果图，并要用的图片切片导出。

　　5、用dw制作网页

　　可以用table布局也可以用div+css布局。二级页面用模板制作，以统一风格。

　　6、网站制作完成后，进行测试。

　　保证链接的正确，删除无用的文件。

　　7、填写课程设计报告。

　　九、注意问题：

　　1. 所做网页的首页文件名必须为 index.htm ，二级栏目文件取名同栏目名。

　　2. 每个网页都要设置标题，标题内容和栏目内容相吻合。

　　3、所有文件名和目录名全部使用英文字母和数字，不得使用汉字或全角符号。

　　项目名称：网站主题与风格的确定

　　日期：2011年6月11日

　　工作目标：确定网站的主题，和网站的风格（包括布局、色系、字体、文字内容等）

　　工作要求：主题健康，小而精，风格简洁，美观大方，导航清晰，操作方便

　　主要内容与小结：

　　你的网站主题是什么？

　　准备采用什么样的布局？

　　准备采用什么色系？

　　链接的形式是哪种？

　　网站的字体是什么？等等

　　项目名称：网站规划和效果图的制作

　　日期：2011年6月18日

　　工作目标：确定网站目录结构，收集好素材，制作网页效果图

　　工作要求：目录论文范文http://www.chuibin.com/ 结构为2~3层，图片单独放在images中，效果图切片导出

　　主要内容与小结：

　　1、网站目录规划？要求粘贴图片，并进行说明

　　2、对切片导出的图形进行说明.

　　

　　项目名称：网站制作和测试

　　日期：2011年6月19日

　　工作目标：制作首页和二级页面

　　工作要求：用table布局也可以用div+css布局。二级页面用模板制作，以统一风格

　　主要内容与小结：

　　1、 粘贴首页效果图，并进行说明？

　　2、 对二级页面的制作进行说明？

　　3、 测试的结果