Web前端课程设计河北师范大学汇华学院1 《Web前端技术课程设计》报告一、实训课题名称二、课题设计目的通过实训，应使学生巩固所学知识，把所学的理论知识运用到网站制作实践中。培养学生动手能力，将PS制作效果图、 HTML、CSS+DIV网页布局、 JavaScript等 Web前端开发技术结合起来，在实训环节中进行运用。为以后学习动态网站打下基础。三、实现功能：用 PhotoShop、 DreamWeaver 等开发工具制作一个由静态网页构成的简单网站，要求包括一个首页、至少三个子网页，按照网站开发流程，先做网页效果图，然后制作网页素材、构建网站文件结构、规划网页布局、制作网页动画、实现网页功能，尔后进行网站测试，并编制出各阶段必要的文档。在编写文档时，必须严格遵照要求，最后提交文档。功能要求：该网站首页必须包括网站logo 、导航条（带有鼠标事件变化效果）、banner（简单 flash动画）、图片、多媒体运用、文字等主要信息展示；子网页包括用户注册（带有表单输入项本地验证功能）、登录（用户名和密码非空验证）、子网页相关栏目。各页面之间通过超链接切换。最后要求提交详细的课程设计报告及网页效果图（.psd）和网站运行文件，现场运行验收开发的系统。四、课题设计内容：（1）开发背景（2）网站分析设计部分1）客户需求分析网站栏目划分栏目内容介绍网站拓扑图网页风格创意设计2）网站风格定位3）网站建设方案4）网站效果图（3）网站制作部分1）效果图制作2）网页素材及网站架构制作3）首页制作页面设计4）子页面制作五、体会及下一步学习方向Web前端课程设计河北师范大学汇华学院2 教师评语评分项分值得分网站设计实现部分(60 分) 1.实现 .能力(50 分) 效果图5 Logo 5 Banner 5 导航条5 页面布局与美化5 注册验证、登录10 图片多媒体运用5 程序复杂度5 运行效果5 2. 创新能力5 3. 学生答辩5 小计60 设计报告部分(30 分) 1. 结构完整，条理清晰（封面、任务书、教师评语、目录、正文内容、小结、参考文献）10 2. 独立完成5 3. 描述工具使用恰当：网站拓扑图5 4. 制作步骤描述清晰5 5. 报告内容充实5 小计30 学习态度部分(10 分) 考勤5 认真完成，勤于思考，积极提问5 小计10 总计100 成绩Web前端课程设计河北师范大学汇华学院3 参考方案：目录开发背景 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯4 前期准备 ⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯4...
