网页设计与制作实验报告.docVIP

2010秋计算机信息管理网页设计与制作姓名：戴泽来学号：1034005451669

NUMPAGES4

安徽电大开放教育学院

评分：实验报

评分：

专业计算机信息管理年级2010秋指导教师王瑜

学号1034005451669学生姓名：戴泽来日期：2011-6-13

实验题目：网页设计实验报告

实验目的：通过该实验让学生掌握dreamweaver软件的使用，对网页设计要有一定程度的理解和掌握。

网站名称：竹风个人网站

网站说明：竹风个人网站采用html语言制作，使用table表格布局和外链css样式表，其中涉及到图片的插入，flash的插入，js弹出窗口等等。

实验步骤：

一、收集资料

网站制作的主要资料来源于：

1.网站公告滚动来源：/jscss/code/250.shtml

2.动态文章：/zz/c/seo_1.shtml

3.网站大图片来源：百度搜索/i?ct=201326592cl=2lm=-1tn=baiduimageistype=2fm=indexpv=z=0word=%B7%E7%BE%B0s=0oq=%B7%E7f=3rsp=0

4.背景FLASH来源：/flash/

二、页面制作

本站除了两个背景图片使用ps处理外，基本上都是在Dreamweaver里制作的，使用的是表格排版布局。

三、流程处理

网站首页

网站首页

联系我们新闻动态版权声明

联系我们

新闻动态

版权声明

网址导航

四、网站结构、

1、首页

首页页包括网站公告、新闻动态、网址导航、友情链接等。

2、新闻动态

新闻动态页面主要是网站公告、新闻动态、友情链接等

3、网址导航

网址导航页面主要是网站公告、新闻动态、网址导航、友情链接等

4、联系我们

网址导航页面主要是网站公告、新闻动态、联系我们内容、友情链接等

5、版权声明

网址导航页面主要是网站公告、新闻动态、版权声明内容、友情链接等

五、具体讲解

总体布局

网站的总体布局采用table表格，也涉及到ol标签和js等。

新闻公告

插入一行一列表格，键入内容，并使用marquee标签使得内容有了向下滚动的效果。

新闻动态

本站所有新闻动态内容均来自互联网络。此处列表采用的ol标签来进行列表排版。

推荐文章

此处列表采用的ol标签来进行列表排版。

站长信息

插入一行一列表格，键入站长信息内容。

最新动态

此处列表采用的ol标签来进行列表排版，内容来自互联网络。

网址导航

插入一行一列表格,网址导航的内容来自网址之家(/)

友情链接

插入一行一列表格,其内容也是来自互联网络。

实验心得

一学期结束了，在老师的教导下对dreamweaver软件有了比较深刻的认识。这个网站是一个个人网站，虽然简单、粗糙，但这也同时表示我对这门课程的基础掌握还比较不错，通过对这个实验的学习和制作，使我掌握了基本的网站制作方法，并应用到实际操作中去。相信在以后的学习和工作当中，这一项技术将发挥它应有的价值。