admin 管理员组

文章数量: 1087829


2024年5月8日发(作者：it培训套路)

web前端实训报告总结

（文章一）：Web前端技术课程实训报告 《Web前端技术课程设计》

报告

（一）、 实训课题名称

（二）、 课题设计目的 通过实训，应使学生巩固所学知识，把所学

的理论知识运用到网站制作实践中。 培养学生动手能力，将PS制作

效果图、、CSS+DIV网页布局、JavaScript等Web前端开发技术结合

起来，在实训环节中进行运用。为以后学xx站打下基础。

（三）、 实现功能： 用PhotoShop、DreamWeaver等开发工具制作一

个由静态网页构成的简单网站，要求包括一个首页、至少三个子网页，

按照网站开发流程，先做网页效果图，然后制作网页素材、构建网站

文件结构、规划网页布局、制作网页动画、实现网页功能，尔后进行

网站测试，并编制出各阶段必要的文档。在编写文档时，必须严格遵

照要求，最后提交文档。 功能要求：该网站首页必须包括网站logo、

导航条（带有鼠标事件变化效果）、banner（简单flash动画）、图片、

多媒体运用、文字等主要信息展示；子网页包括用户注册（带有表单

输入项本地验证功能）、登录（用户名和密码非空验证）、子网页相关

栏目。各页面之间通过超链接切换。 最后要求提交详细的课程设计

报告及网页效果图（.psd）和网站运行文件，现场运行验收开发的系

统。

（四）、 课题设计内容： （1）开发背景 （2）网站分析设计部分 1）

客户需求分析 ? 网站栏目划分 ? 栏目内容介绍 ? 网站拓扑图 ?

网页风格创意设计 2）网站风格定位 3）网站建设方案 4）网站效果

图 （3）网站制作部分 1）效果图制作 2）网页素材及网站架构制作

3）首页制作页面设计 4）子页面制作

（五）、体会及下一步学习方向 教师评语 参考方案： 目录 开发背

景…………………………………………………………………………4

前期准

备…………………………………………………………………………4

客户需求分

析……………………………………………………………………4 网

站风格定

位……………………………………………………………………5 色

彩…………………………………………………………………………

……5 排

版…………………………………………………………………………

……5 特

效…………………………………………………………………………

…....6 网站建设方

案……………………………………………………………………6 网

页风格创意设

计………………………………………………………………7 网站栏

目划分……………………………………………………………………7

栏目内容介

绍……………………………………………………………………8 网

站

图

实

拓扑

………………………………………………………………………9

训目

的…………………………………………………………………………1

0 实训任

务…………………………………………………………………………1

0 实训项

目…………………………………………………………………………1

1 网站基本介

绍……………………………………………………………………11 报

名界

面…………………………………………………………………………1

0 保存的文件位

置…………………………………………………………………11 首页

展示效果

图…………………………………………………………………12 导航

条展示效果

图………………………………………………………………13 留言板

表格布

局…………………………………………………………………14 网站

版权的展示

图………………………………………………………………14 国内黑

客网站界面展示

图………………………………………………………15 黑客新闻界面

展示图……………………………………………………………16 电影

展示

图………………………………………………………………………18

黑客简介界面展示

图……………………………………………………………20 黑客区别

界面展示图……………………………………………………………21

黑客分类界面展示

图……………………………………………………………22 实训中的

问题和解决办法………………………………………………………23

实训体

会…………………………………………………………………………2

4

（一）、开发背景 如今已是信息化时代，很多网络中的强盗已经将魔

爪伸向我们每一个网民。由此可见关于了解黑客以及黑客攻防方面的

知识和新闻是很有必要的。黑客学习网一直致力于面向全球华人提供

最新的黑客新闻、最先进的黑客攻防技术，力求将黑客学习网打造成

网民每天必看的学习网站！

（二）、前期准备 本网站是以信息安全类为主体设计，系统的介绍了

黑客攻防的新闻的知识。

（三）、客户需求分析 客户需求是指客户创建本网站的目的和对网站

建设提出来的特定的要求。 了解客户的需求，是建好黑客学习网站

的前提。黑客学习网 站通过互联网可以更好的开展信息技术的交流、

学习和网上报名等活动。这样可以提高网站的访问量、知名度，也是

网站业务的重要来源。客户对其拟建的黑客学习网站提出的主要要求

有以下几点：

（1）、宣传信息安全的重要性，提高人们对信息安全的认识，增加网

站的知名度。

（2）、适时地发布最新黑客新闻和技术，为学习者提供最佳资源。

（3）、在网上发布报名表，引进国内外的爱好者来此学习交流。

（4）、网站上要设有爱好者交流留言板，用户可以网站新闻和技术文

章进行评论和留言交流，对于网站的改进和更新很有帮助。

（四）、网站风格定位 网站风格是指网站的整体形象给浏览者的综合

感受。这个整体形象包括站点的logo、标志、色彩、字体、标语、版

面布局、浏览方式、交互性、文字、内容价值等诸多元素。可以从三

个方面对长xx旅游网进行定位。

（1）、色彩 网站的色彩是浏览者整体的视觉感官，如果网站的色彩

具有一致性，会使网站看起来美观，使浏览者不容易对内容混淆，增

加了浏览的简洁与方便。从而更能衬托网站的主题，若色彩能与主题

合理搭配，将会增加网站的易读性。 黑客学习网站选定的主题色是

黑灰色。因为若是要打开一个黑客方面的网站，每个人的头脑中肯定

都是黑色或者灰色，即为较暗淡神秘的颜色。能给吸引更多用户并给

用户一种神秘感，很适合黑客学习的网站。 网站中除了采用黑灰色

系外，还和淡蓝色、白色搭配，使网站产生一种舒适的气氛，使人可

以长时间驻留其间，眼睛也不会觉得疲劳。

（2）、排版

（文章二）：Web前端技术实训报告书 《Web前端技术实训》任务书

（一）、实训课题名称

（1）、 教育类网站的设计与制作

（2）、 商业类网站的设计与制作

（3）、 旅游休闲类网站的设计与制作

（4）、 体育健身类网站的设计与制作

（二）、 课题设计目的 通过实训，应使学生巩固所学知识，把所学

的理论知识运用到网站制作实践中。培养学生动手能力，将PS制作

效果图、、CSS+DIV网页布局、JavaScript等Web前端开发技术结合

起来，在实训环节中进行运用。为以后学xx站打下基础。

（三）、 任务要求： 用PhotoShop、DreamWeaver等开发工具制作一

个由静态网页构成的简单网站，要求包括一个首页、至少三个子网页，

按照网站开发流程，先做网页效果图，然后制作网页素材、构建网站

文件结构、规划网页布局、制作网页动画、实现网页功能，尔后进行

网站测试，并编制出各阶段必要的文档。在编写文档时，必须严格遵

照要求，最后提交文档。 功能要求：该网站首页必须包括网站logo、

导航条（带有鼠标事件变化效果）、banner（简单flash动画）、图片、

多媒体运用、文字等主要信息展示；子网页包括用户注册（带有表单

输入项本地验证功能）、登录（用户名和密码非空验证）、子网页相关

栏目。各页面之间通过超链接切换。 最后要求提交详细的课程设计

报告及网页效果图（.psd）和网站运行文件，现场运行验收开发的系

统。

（四）、 课题设计报告书要求：

（1）、 课题设计报告书第一页为封面，封面上写清楚标题、班级、

姓名、指导老师、 完成日期。

（2）、 课题设计报告书第二页为本任务书。

（3）、 课题设计报告书第三页为教师评语。

（4）、 课题设计报告书第四页为目录。

（5）、 课题设计报告书第五页开始为具体内容： （1）开发背景 ? 网

站栏目划分 2）网页素材及网站架（2）网站分析设计部分 ? 栏目

内容介绍 构制作 1）客户需求分析 ? 网站拓扑图 3）首页制作页

面设计 2）网站风格定位 4）网站效果图 4）子页面制作 3）网

站建设方案 （3）网站制作部分 ? 网页风格创意设计 1）效果图制

作

（6）、课题设计报告书最后一页是本次课程设计的小结和


本文标签： 网站 网页 设计 制作 实训

版权声明：本文标题：web前端实训报告总结 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1715129690a685881.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。