网页设计实训报告

实训报告

题目：

实训课程名称：网页设计系别：

专业 / 班级：

年级：

学号：

姓名：

指导老师：

2018年4月27日

目录

1 实训目的 (1)

2 实训内容 (1)

2.1准备工作 (2)

2.2使用的技术 (2)

2.3设计制作要求 (2)

3 方案设计与实施步骤 (2)

4 实训中出现的问题、分析及解决方法 (3)

5.2日志 (4)

5.3 教程视频 (4)

6 实训总结 (5)

1 实训目的

通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。

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

(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使用的技术

html css html5

2.3设计制作要求

网页内容有内涵，图文并麻，跳转无问题，配合csss 进行开发，千万规划好项目的架构，易于维护。在网页中有图片，有视频，有图片，有动画。

3 方案设计与实施步骤

1、网站主题

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

2、网站材料

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

3、网站规划

我的网站共有4个主页面：首页、日志、视频教程、留言。

4 实训中出现的问题、分析及解决方法

在实训中经常出现样式重复用，未避免冗余，提取公共样式。

5 实训作品展示

5.1首页

清晰的导航条，右边是音频播放并且带上专辑图片

5.2日志

简单清晰的各人日志，主要写了对技术的了解，左上角有个返回按钮便于用户操作5.3 教程视频

点击会出现视频，左上角同样有个便于客户操作的返回按钮

6 实训总结

首先我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。我独立的完成了网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；我现在已经熟练使用超级链接，合理使用列表；我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查找。好的技能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。