文档介绍：网页设计实训报告

二零一零年一月
网站主题: 左手倒影右手年华
本次实训历时五天,首先上网查看他人网站,之后规划自己的网站,然后收集文字和图片资料,打开dreamweaver 8软件,选择新建站点,着手自己的网页制作,有时在做网页时会遗忘掉以前学过的知识,我还翻了以前的学过的知识点。这个网站,我多次使用到跑马灯,我还上网查了一些资料,本想找些代码运用到这个网站中,可是有些失败,就用了跑马灯的链接。
网站的主题说明
本次实训我是以郭敬明的小说集《左手倒影右手年华》为网页题材内容,网页分有五个类别,包括主页、小说集、留言板、作者简介和映像图画。主页主要是小说的序言,用跑马灯链接了郭敬明的新浪博客,小说集包含了《左手倒影右手年华》的一本小说文章:回首又见它、扬花、天下、一个仰望天空的小孩、庄周梦蝶、天亮说晚安、桃成蹊里的双子座人、剧本、冬日的幻觉、关于《生活在别处》的别处、思想的声音、毕业骊歌、某年某个春末夏初、八月天高人浮躁、猜火车、四季歌。
二、网站的总体规划
这个网站结合了小说安静、忧郁的内容,是以暗色格调为主,主要是黑色和灰色,由主页、小说集、留言板、作者简介和映像图画五个标题栏构成,分别用唯美的小图片做标题按钮,用黄色的字体突出鲜明。小说集里利用新页面的链接小说内容,运用的背景图像大多都是暗色的,为了形成鲜明的对比,比如:暗色的背景,我就使用白色文字;亮色的背景,我就使用黑色文字。有几篇文章,由于文字较少,我就把他们放在一个网页里,运用了锚点链接,以减少空间。
网站的设计、制作
(图1)
我在首页之前加入了一张进入页面(如图1),我的网站是类似于空间类型,在这里,我用一张图片就说明了我的网站主题,写出了小说名。
我的主页(如图2),运用跑马灯链接了郭敬明的博客,插入了时间,运用浮动框架插入了小说的序言。小说集、留言板、作者简介和映像图画,是保存了首页的模版来制作的,再制作相应的页面,进行相应的浮动框架插入界面。
小说集里的每篇文章都链接到三级页面(如图3),在新的窗口打开,三级页面里都运用了CSS样板固定了背景图像。
留言板里,运用了表单。
作者简介里着重介绍了作者的生平,图片运用了跑马灯。
映像图画主要运用跑马灯来播放图片。
(图2)
(图3)
四、心得体会
五天的实训课程结束了,此次实训检验了这一学期的学****且对知识进行了汇总,通过本次实训我已基本掌握了制作简单网页的过程,基本学会运用dreamweave