web前端实习报告.docx

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 字
&打印纸张使用B5纸，页边距设为上、下、左2厘米，
右厘米， 五、 如有雷同，将作不及格处理。 六、 完成 时间：
教育类站设计报告书——宁海职业技术学院 - 教师评语
教师：
．5.
言
、八
一前
- 4 -
客户需
求
分
析
- 4 - 站
风
格定
位
.. - 5 -
1
•
色
彩 ： .
- 5 -
2
．排
效
备
- 6 -
站
位
... - 6 -
站
计
... - 6 -
1．
页面
- 7
分
2．
站
6
设
风
风
7
3.
- 7 - 三、站拓扑 图
- 7 - 四 、 站 效 果 图
- 8 -
教育类站设计报告书——宁海职业技术学院
作
五
、中
期
站
制
- 11 -
作
(
一)
站
首
页
制
果 ： ...
- 11
- 1 、
首
页
logo
效
果 ： ...
.. -
11 - 2
、
站内
公告
效
- 11 - 3 、 站 内 新 闻 效 果 图 ：
- 11 - 4 、 登 陆 效 果 图 ：
- 12 - （二）站搭建过 程
- 14 - 三 、 制 作 站 的 Logo 动 画
- 16 - 六、站建设心得小 结
- 24 - 七 、 参 考 文 献
、八 、•
前言
客户需求分析 客户需求，是指学校创建门户站的目的和对站提出的特 定要求。
了解客户需求，是建好学校门户站的前提。宁海职业技 术学
1）
教育类站设计报告书——宁海职业技术学院 - 校对其拟建的门户站提出的主要要求有以下几点。 （ 宣传学校办学理念，展示办学设施、教师队伍、专业设置、 就
业情况，提高学校的社会知名度；
（ 2 ）适时发布学校管理、教学、招生等相关信息，为 求学者提供相
关咨询服务；
（ 3）获取社会各界对学校教育教学情况的评价和意见、 建议； （ 4）建立与兄弟院校进行交流学台；
（ 5）向社会各界推荐毕业生， 为毕业