《网页设计实训》大一实训报告

网页设计实训报告

二零一零年一月

网站主题： 左手倒影右手年华

本次实训历时五天，首先上网查看他人网站，之后规划自己的网站，然后收集文字和图片资料，打开dreamweaver 8软件，选择新建站点，着手自己的网页制作，有时在做网页时会遗忘掉以前学过的知识，我还翻了以前的学过的知识点。这个网站，我多次使用到跑马灯，我还上网查了一些资料，本想找些代码运用到这个网站中，可是有些失败，就用了跑马灯的链接。

一、 网站的主题说明

本次实训我是以郭敬明的小说集《左手倒影右手年华》为网页题材内容，网页分有五个类别，包括主页、小说集、留言板、作者简介和映像图画。主页主要是小说的序言，用跑马灯链接了郭敬明的新浪博客，小说集包含了《左手倒影右手年华》的一本小说文章：回首又见它、扬花、天下、一个仰望天空的小孩、庄周梦蝶、天亮说晚安、桃成蹊里的双子座人、剧本、冬日的幻觉、关于《生活在别处》的别处、思想的声音、毕业骊歌、某年某个春末夏初、八月天高人浮躁、猜火车、四季歌。

二、网站的总体规划

这个网站结合了小说安静、忧郁的内容，是以暗色格调为主，主要是黑色和灰色，由主页、小说集、留言板、作者简介和映像图画五个标题栏构成，分别用唯美的小图片做标题按钮，用黄色的字体突出鲜明。小说集里利用新页面的链接小说内容，运用的背景图像大多都是暗色的，为了形成鲜明的对比，比如：暗色的背景，我就使用白色文字；亮色的背景，我就使用黑色文字。有几篇文章，由于文字较少，我就把他们放在一个网页里，运用了锚点链接，以减少空间。

二、 网站的设计、制作

（图1）

1. 我在首页之前加入了一张进入页面（如图1），我的网站是类似于空间类型，在这里，我用一张图片就说明了我的网站主题，写出了小说名。

2. 我的主页（如图2），运用跑马灯链接了郭敬明的博客，插入了时间，运用浮动框架插入了小说的序言。小说集、留言板、作者简介和映像图画，是保存了首页的模版来制作的，再制作相应的页面，进行相应的浮动框架插入界面。

 小说集里的每篇文章都链接到三级页面（如图3），在新的窗口打开，三级页面里都

运用了CSS样板固定了背景图像。  留言板里，运用了表单。

 作者简介里着重介绍了作者的生平，图片运用了跑马灯。  映像图画主要运用跑马灯来播放图片。

（图2）

（图3）

四、心得体会

五天的实训课程结束了，此次实训检验了这一学期的学习，且对知识进行了汇总，通过本次实训我已基本掌握了制作简单网页的过程，基本学会运用dreamweaver 8的一些简单操作。

在这五天的学习当中我觉得在制作过程中，发现自己学的东西太欠缺了，学习要有条不紊，要冷静思索，所以我想以后课上课下一定要认真学习，虚心听取别人意见，多去学习一点网页制作的技术。掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。掌握文字版面的编辑，掌握网页的超链接技术的应用，了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。了解列表的各种使用，了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。了解表单在网页中的应用，了解如何在网页中加入各种动态效果，了解网页中CSS的基础知

识，掌握CSS的各种属性应用。

但有些可惜，没有运用上音频，和视频的运用，希望在下次的实训中，能使用上，再接再厉了哈。

实践出真理，实训的日子过去了，从理论和操作中融合了我们平时所学的知识，为我们的学习和工作铺垫了精彩的一幕。因此，我坚信，用心去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的，我们要更加的去努力。