《网页设计与制作》课程实训指导书.doc

《网页设计与制作》课程设计实训指导书实训目的《网页制作课程设计》是电子商务专业的一门重要的专业必修课程也是该专业的一门重点建设课程。随着电子商务的迅速发展网站的建设也越来越重要。目前很多企业都在上网开展网络营销活动设计并制作企业自己的商务网站则是企业实现网络化经营的重要手段。因此作为电子商务专业的学生学习网页的设计与制作是十分必要的。通过课程设计的训练使每位学生在掌握理论知识基础上通过身体力行的实践具备网页设计与制作的相关技术及网页制作的操作技能能独立设计小型WEB站点。实训任务通过对网站的设计使学生熟练应用网站设计软件使学生对网站建设有一个综合系统的掌握。在制作过程中主要完成对网页的布局、色彩的搭配、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等完成项目作品。具体要求是：（1）网站中网页的个数不少于10页（2）至少有一页用到表格布局（3）至少有一页用到CSS+DIV布局（4）至少有一页使用框架布局至少有一页使用页内框架（5）为该网站设计一个调研问卷（6）适当使用图片并把所有的图片放在一个文件夹下（7）可以借助Dreamweaver工具实训计划序号任务内容课时1网站策划项目任务分析画出网站结构草图1确定栏目1进行版面设计1搜集素材12制作网页建立站点1进行主页的设计与制作2进行其他页面的设计2建立几个页面间的链接关系13测试网站检查网页的运行情况14作品提交与评分依照评分表进行考核15实训报告的编写参见附录（课后完成）0合计12实训考核与评分根据实训期间的纪律考核情况、对待实训的态度站点的目录结构各个页面的布局结构、颜色搭配文字、图像、动画的合理搭配网页之间的链接是否顺畅网页制作技术的应用网站的整体浏览效果等方面进行综合评分。评分参考标准如下表所示。网站开发实训的参考评分标准序号考核项目评分比例1网站效果（1）内容方面：主题明确内容健康、具体各个页面的文字、图像、动画能够清晰地表达主题。70%（2）版面结构：版面结构合理每个页面都有返回上一级或链接到其他页面的文字或按钮。（3）视觉感受：色彩搭配协调、美观页面设计规范没有出现乱码、空链接和错误链接。（4）网站风格：网站具有特色主题、文字、图像、动画有创新。2纪律考核实训期间组织纪律性强无迟到、早退、缺课现象10%3创新情况制作的网页具有独创性构思巧妙、有新意5%4成员协作所有的成员在规定时间内完成实训任务无雷同现象或抄袭现象。5%5实训报告实训报告书写认真、完整、字迹清楚、页面整洁实训收获较大10%合计100%作品完成情况当场验收考核实训报告在14周上交。附录一：实训报告内容•封面•目录•网站全名及logo标志；•建立网站的目的、意义；•网页设计制作最突出的创意（如Amgo“俺们走”logo设计有特色）；•网站的栏目设计；•色彩搭配及其含义（如绿色+金黄+淡白体现优雅舒适的感觉；）•网站的结构图和页面组成；•网站设计中具体实现的几个关键功能和相关技术说明（例如布局的方法：应用层、应用表格、应用模板、应用Flash或其他脚本技术）；•对所做各网页的抓图并做简要说明；•网站建设的心得体会和扩展性分析；•参考资料附录二：参考网站主题（1）制作教学资源网站。（2）制作个人网站。（3）制作班级网站。（4）制作学习网站。（5）制作学校网站。（6）制作旅游网站。（7）制作公司网站。附录三：网站设计与制作案例3．1规划网站1．策划网站主题在首手设计网站之前要确定好网站的主题每个网站都应该具有一个明确的主题。本章所创建的网站是一个学习类网站主要介绍网页制作的基础知识、网站建立的基础知识、网页制作的技巧、网页特效的制作方法、网络编程语言、动画制作方法、图像处理方法等内容同时为读者提供大量的网页制作素材、学习网页设计和编程的视频教程解决学习网页设计与制作过程中遇到的问题。所以该网站的主题是“提供制作素材、解决学习问题、指导网页制作”。2．确定网站风格确定好站点主题后就要根据该主题选择站点的风格。由于本章所建立的网站是一个学习类网站要求结构清晰结合现代教学理念将学习与网络合理整合实现教学对象广泛、使用方便、时间自由。本网站的主要特点如下：（1）设计风格要大众化为了提高浏览速度尽量减少图片的使用更多地使用表格实现效果。（2）背景颜色以灰色和白色为主、黄色为辅文字颜色以黑色为主、蓝色和红色为辅。（3）文字内容丰富、知识性强标题简洁明了字体一般采用宋体大小一般为12像素。（4）首页的版式结构采用典型的“国”字型结构二级栏目网页采用“顶部和嵌套的左侧框架”结构以及简单的“左右型”结构。本章所介绍的网站名称为“网页设计与制作教学网”简称为“网页教学网”英文名称为“zzwebjx”。3．构思网站栏目结构先在纸上绘制网站的栏