网页设计实训报告总结3篇

网页设计实训报告总结3篇

网页设计实训报告总结 3篇 篇一 题 目：

实训课程名称：

网页设计 系 别：

专业 / 班级：

年 级：

学 号：

姓 名：

指 导 老 师：

20xx年 x月 x日 目 录 1 实训目的 2 实训内容 2.1准备工作 2.2使用的技术 2.3设计制作要求 3 方案设计与实施步骤 4 实训中出现的问题、分析及解决方法 5.2日志 5.3 教程视频 6 实训总结 1 实训目的 通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。

(1)掌握规划网站的内容结构，目录结构 ,链接结构的方法。

第 1 页 共 9 页

(2)掌握页面的整体 控制和头部内容设置的方法。

(3)熟练掌握网页页面布局的各种方法。

(4)熟练掌握在网页中输入 ,设置标题和正文文字的方法。

(5) 熟练掌握在网页中插入图象 ,flash动画和背景音乐的方法。

(6) 熟练建立各种形式的超级链接的方法。

(7)掌握表单网页制作方法。

(8) 掌握网页特效制作方法。

(9)掌握网站测试的方法。

2 实训内容 1．网站主题要求 结合个人工作需要及兴趣爱好，独立完成主题的选择。

2．网站内容要求 网站不少于 2级，页面总数不少于 10个；内容和素材避免雷同。

3．设计制作要求 4设计静 态网站 (HTML页面 )； 5 站点文件、文件夹的命名与组织要求规范； 6每个网页要求有标题； 7网页要求整合多种媒体（音频、视频、动画、图片、文字等）； 8要求有 CSS的设计和使用； 9 要求网站无错误链接； 2.1准备工作 前期做好网页的规划，设计好 image view vied css 等目录，做好不混乱易于维护 2.2使

第 2 页 共 9 页

用的技术 html css html5 2.3设计制作要求 网页内容有内涵，图文并麻，跳转无问题，配合 csss 进行开发，千万规划好项目的架构，易于维护。在网页中有图片，有视频，有图片 ，有动画。

3 方案设计与实施步骤 1、网站主题 我的网站的主旨在于从各个方面全面的介绍我自己，展示自己，包括我的个人资料、爱好。建立一个展示自我形象的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是浅灰色，用以展示自己性格的效果。最重要的是做出自己的风格，给浏览者好的欣赏感受。

2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料 ,图象资料 ,flash动画和网页特效等，用以得来更加具有说服力的页面。要想 做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站 3、网站规划 我的网站共有 4个主页面：

首页、日志、视频教程、留言。

4 实训中出现的问题、分析及解决方法 在实训中经常出现 样式重复用，未避免冗余，提取公共样式。

5 实训作品展示 6 实训总结 首先我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。我独立的完成了网站设计的全过程，把设计中散

第 3 页 共 9 页

乱的网页链接成 框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；我现在已经熟练使用超级链接，合理使用列表；我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：

要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查找。好的技 能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。

篇二 一 .实训目的 (1) 掌握网页制作软件 DreamweaverCS3基本操作和使用技能。

(2) 掌握规划网站的内容结构 ,目录结构 ,链接结构的方法。

(3) 掌握页面的整体控制和头部内容设置的方法。

(4) 掌握网页页面布局的各种方法。

(5) 掌握在网页中输入 ,设置标题和正文文字的方法。

(6) 掌握在网页中插入图像和背景音乐的方法。

(7) 熟练建立各种形式的超级链接的方法。

第 4 页 共 9 页

二 .实训原理 HTML（ (Hypertext Markup Language）超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准， 它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以使用浏览器被网上浏览。

三．设计过程 （ 1）网站主题 我做的网站主要是从各个方面介绍我的家乡，包括历史由来，名胜古迹，旅游圣地等。同时，网站里的每一个网页都设置了不一样的风格，用以展示图文最好的效果。

（ 2）网站材料 我主要在网站上搜集图片、文字、相关的新闻。同时，请教老师 flash动画和网页特效等。

（ 3）网站规划 我的网站共有 7个页面：

主页 ——乡愁；历史由来；蔡伦故馆；八角古亭；人文风景；耒阳竹海；幸福耒阳。每一个页面应用了不同的背景图片，以保证不同内容的不同页面风格。

（ 4）网站的制作工具 做网页时主要使用的是 DeamweaverCS3。另外，为了处理网页中的其他元素，还使用了 Photoshop软件。

（ 5）制作网站的网页 素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点 “乡愁 ”，建立的各个页面都应该放在本地站点中，在 网页制作时所需的各个元素都进行了统一的管理，统一的文件夹放同一类型的文件，我在制作时建立了 “图片素材 ”文件夹来存放图片，做

第 5 页 共 9 页

到有条不紊，主页中还插入了背景音乐，音乐名为 “高山流水 ”。

四．设计框图 五．实训总结 经过两周的实训我做了一个属于自己的网页，这也是我自己独立完成的第一个网页。在做网页设计的过程中我对 HTML（超文本标记语言）也有了更多的了解，在设计中我用的工具主要是 Dreamweaver，这款软件虽然有提示作用，很大程度上给我提供了帮助，但还是有很多东西对我而言是陌生的。

我知道，这次实训是老师 对我们一个学期学习的一个检验，虽然在网页设计中很多知识我们在课堂上都认真听老师讲过，但是真正让我们自己动手做的时候还是感到力不从心，这说明我们自主动手能力不够，同时也提醒了我们：

要想成为一个合格的程序员就要具备一种自学能力，更要勤于自己动手去做，去尝试。

这次实训让我深刻的了解到为人处事和团队的重要性。做事首先要先做人，如何更好的与人相处，如何与人顺畅的交流，这些都是现代社会最基本的问题，对于我们刚步入大学不久的人来说，需要学习的东西还很多。实训中我们 5个人组成一个团队，大家一起开动脑筋，想主题，聊布局，想 着如何把网站设计的更美观。从实训队友的身上我看到了互帮互助，细心努力的态度，在以后的生活中我会更加留意身边同学的优点，从他们身上找寻我所缺少的品质，不断学习，不断完善自己。

鲁迅先生曾说过：

世上本没有路，走的人多了，便成路。其实，生活之路也是自己走出来的，每个人一

第 6 页 共 9 页

生总要去很多陌生的地方，然后熟悉，然后再走向另一个陌生的地方。在不久的将来，我也将要踏上人生的另一段旅程，我一定会用自己的努力创造出一片属于我自己的天空。

篇三 一 .实训意义：

网页设计与制作综合实训是教学过程中重要的实践性教学环节 .它是根据专 业教学计划的要求 .在教师的指导下对学生进行网页制作专业技能的训练 ,培养学生综合运用理论知识分析和解决实际问题的能力 ,实现由理论知识向操作技能的培养过程 .因此加强实践教学环节 ,搞好实训教学 ,对实现本专业的培养目标 ,提高学生的综合素质有着重要的作用 . 二 .实训目的 : 1. 通过综合实训进一步巩固 ,深化和加强学生的理论知识于专业技能。

(1)掌握规划网站的内容结构 ,目录结构 ,链接结构的方法。

(2)掌握表单网页制作方法。

(3)掌握网页特效制作方法。

(4)掌握 js基本语法。

(5)掌握获取元素，元素值，子元素， 父元素的方法。

(6)掌握表单的验证方法，计算等。

2. 训练和培养学生获取信息和处理信息的能力 ,充分培养和提高学生的动手能力 ,学

第 7 页 共 9 页

会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、 Flash动画和网页特效等。

3. 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。

4. 培养学生理论联系实际的工作作风 ,严肃认真的科学态度以及独立工作的能力 ,树立自信心。

三．实验步骤 1. 网站主题 我的网站的主题在于从各个方面全面的介绍网络游戏专题 ,包括每个页面都有介绍不 同的游戏资料，、心得、图片等内容。同时，网站里的每一个网页都有统一的风格 ,每一个网页的主题色彩都是浅蓝色，给人带来一种温和舒适的感觉。最重要给浏览者好的欣赏感受。

2． 网站材料 网站材料主要在网站上搜集所要的网页信息 ,包括图片、文字、相关的资料。同时 ,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料，图像资料，网页特效等，用以得来更加具有说服力的页面。想要做好自己的网站，就要尽量搜集材料，搜集材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。

3． 网站规划 我的网站共有 7个主页面：

首页、浏览页面 1、浏览页面 2、详细页面、购物车、登陆页面、注册页面。每一个页面都有着自己的独特背景，以保证网站风格多样化，增加浏览者的好感。

第 8 页 共 9 页

四、网站介绍

第 9 页 共 9 页