一、实训目的
通过实训，巩固《静态网站设计与开发》和《JavaScript编程技术》《CSS+DIV网页布局》课程所学的知识，在网站制作过程中实践，提高学生动手能力，将PS制作效果图、HTML、CSS+DIV网页布局、JavaScript等Web前端开发技术结合起来，在实训环节中运用，为以后学习动态网站的相关知识打下基础。
二、任务要求
用PhotoShop、DreamWeaver等开发工具制作一个由静态网页构成的简单网站、要求包含一个首页、五个子页及以上，按照网站开发流程，先做网页效果图，然后制作网页素材、构建网站文件结构、规划网页布局、制作网页动画、实现网页功能，然后进行网站测试。
功能要求：各页面应用CSS+DIV网页布局，使用CSS样式使风格统一、页面之间通过超链接切换。该网站首页必须包括系统时间显示并动态更新、网站logo、导航条（带有鼠标事件变化效果）、banner（简单flash动画）、图片、多媒体运用、文字等主要信息展示；子网页包括用户注册（带表单输入项本地验证功能：用户名，密码和再次输入密码非空、一致确认，邮箱验证；要弹出即事错误提示）、登录（用户名和密码非空验证）、子网页相关栏目。
最后要求提交详细的课程设计报告及网页效果图（.psd）和网站运行文件，现场运行验收开发的系统。
三、实训题目
为了发挥大家制作主页的积极性和发挥大家的个人创意，实训题目的主题不限（不得有违反法律法规的言论）。
四、实训的一般步骤及要求
1、准备阶段
分析课题、明确实训任务，根据实训任务书给定的技术指导和条件，进行调查研究、查阅参考文献。
2、方案设计阶段
对查阅文献进行反复比较和可行性论证，确定网站结构的拓扑图。
（1）画出体现方案的网站结果拓扑图（包括主页、网页、相互之间的连接情况等）。
（2）过程设计，根据网站结构拓扑图，进行网站的设计与网页的制作，并写出相互之间的连接情况清单。
（3）完成整个网站的设计和网页的制作。
3、方案验证阶段
对制作好的网站，调试，发布
4、编写实训报告书。
五、实训报告内容要求
1、封面
2、目录（含页码）
3、设计任务、要求
4、方案设计
A、课题分析、设计指导思想；
B、网站结构图，可加文字说明；
C、网站设计的详细配置；
D、验证结果的方法选择
5、网站的链接、验证说明
6、收获、体会、意见和建议