web前端实习报告

web前端实习报告

篇一：Web前端技术实训报告书 《Web前端技术实训》任务书 一、实训课题名称

1、 教育类站的设计与制作 2、 商业类站的设计与制作

3、 旅游休闲类站的设计与制作 4、 体育健身类站的设计与制作

二、 课题设计目的

通过实训，应使学生巩固所学知识，把所学的理论知识运用到站制作实践中。培养学生动手能力，将PS制作效果图、HTML、CSS+DIV页布局、JavaScript等Web前端开发技术结合起来，在实训环节中进行运用。为以后学习动态站打下基础。

三、 任务要求：

用PhotoShop、DreamWeaver等开发工具制作一个由静态页构成的简单站，要求包括一个首页、至少三个子页，按照站开发流程，先做页效果图，然后制作页素材、构建站文件结构、规划页布局、制作页动画、实现页功能，尔后进行站测试，并编制出各阶段必要的文档。在编写文档时，必须严格遵照要求，最后提交文档。

功能要求：该站首页必须包括站logo、导航条（带有鼠

标事件变化效果）、banner（简单flash动画）、图片、多媒体运用、文字等主要信息展示；子页包括用户注册（带有表单输入项本地验证功能）、登录（用户名和密码非空验证）、子页相关栏目。各页面之间通过超链接切换。

最后要求提交详细的课程设计报告及页效果图（.psd）和站运行文件，现场运行验收开发的系统。 四、 课题设计报告书要求：

1、 课题设计报告书第一页为封面，封面上写清楚标题、班级、姓名、指导老师、 完成日期。

2、 课题设计报告书第二页为本任务书。 3、 课题设计报告书第三页为教师评语。 4、 课题设计报告书第四页为目录。

5、 课题设计报告书第五页开始为具体内容： （1）开发背景 站栏目划分 2）页素材及站架（2）站分析设计部分 栏目内容介绍 构制作 1）客户需求分析 站拓扑图 3）首页制作页面设计 2）站风格定位 4）站效果图 4）子页面制作 3）站建设方案 （3）站制作部分 页风格创意设计 1）效果图制作

6、课题设计报告书最后一页是本次课程设计的小结和参考文献。

7、字数要求不少于3000字。

8、打印纸张使用B5纸，页边距设为上、下、左2厘米，右厘米， 五、 如有雷同，将作不及格处理。 六、 完成时间：

教育类站设计报告书——宁海职业技术学院 - 教师评语 教师： ．5.

一

前

言 ........................................................................................................................................ - 4 -

客

户

需

求

分

析 ................................................................................................................

-

4

-

站

风

格

定

位 ................................................................................................................ - 5 -

1

．

色

彩： ....................................................................................................................

-

5

-

2

．

排

版 ........................................................................................................................

-

6

-

3

．

特

效 ........................................................................................................................ - 6 -

二

站

设

计

前

期

准

备 ................................................................................................................ - 6 -

站

风

格

定

位 ................................................................................................................ - 6 -

1

．

页

面

风

格

创

意

设

计 ................................................................................................ - 7 -

2

．

站

栏

目

划

分 ........................................................................................................

-

7

-

3.

特

效 ................................................