Web 前端课程设计 河北师范大学汇华学院 1 《Web 前端技术课程设计》报告 一、 实训课题名称 二、 课题设计目的 通过实训，应使学生巩固所学知识，把所学的理论知识运用到网站制作实践中。培养学生动手能力，将 PS 制作效果图、HTML、CSS+DIV 网页布局、JavaScript 等 Web前端开发技术结合起来，在实训环节中进行运用。为以后学习动态网站打下基础。 三、 实现功能： 用 PhotoShop、DreamWeav er 等开发工具制作一个由静态网页构成的简单网站，要求包括一个首页、至少三个子网页，按照网站开发流程，先做网页效果图，然后制作网页素材、构建网站文件结构、规划网页布局、制作网页动画、实现网页功能，尔后进行网站测试，并编制出各阶段必要的文档。在编写文档时，必须严格遵照要求，最后提交文档。 功能要求：该网站首页必须包括网站 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 小计 6 0 设计 报告 部分 (30 分) 1. 结构完整，条理清晰（封面、任务书、教师评语、目录、正文内容、小结、参考文献） 10 2. 独立完成 5 3. 描述工具使用恰当：网站拓扑图 5 4. 制作步骤描述清晰 5 5. 报...
