网页制作实验报告最终成果

网页制作实验报告

一、实验目的及要求

（一）实验目的

1．掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点； 2．掌握页面排版.图片的嵌入和建立超级链接的方法；

3．掌握利用表格实现网页布局的方法；

4．掌握使用dreamweaver等网页制作工具创建网站的方法。

（二）实验要求

1．按“实验内容”完成网上的操作；

2．完成网页的制作，并能在IE浏览器中正常显示。

3.所有实验环节和搭档一起完成，要独立完成，不得抄袭他人成果，并将结果写在报告中。

二、实验环境

软件环境：Windows 2000操作系统；Microsoft FrontPage 2003 ，dreamwaver.

三、实验内容

1．上网访问一些网站，了解各网站的风格（主题图形形象、，整体色调的搭配是否协调，主题是否突出等）。

2．确定主题，选择版面布局方式。确定网页制作的主题，从多种布局方式中选择一个适合主题的。

3.从网上搜索材料。根据主题从网上下载图片，标识等

4.开始网页的制作

将各种设计用于网页的实际制作中，利用制作工具实现链接，对文字的编辑，对表格边框的添加等。

5.预览效果并完善。

四．实验步骤

1.规划网页的布局

（1）.打开dreamweaver软件，认识各种工具栏的作用，功能。

（2）.站点的建立。单击站点-管理站点-新建-命名-保存。

（3）.打开新建站点。建立子文件命名为images.专门用来存放网页设计中的图片。单击插入-常用项-表格，设置表格属性。在页面属性中进行调整。

2.进行文字，图片的插入。

（1）.在设计好的表格中插入图片，插入标语，以及一些主页的文字以及背景的设计。

（2）一些尺寸的大小，文字字体的大小颜色等等在属性中进行修改。完成主页的设计。

（3）插入日期，时间，保证每次浏览时出现时间的更新。

（4）熟练运用表格的合并、插入、删除，加宽，加高，居中对齐等等细小功能。

3.制作其它的子网页文件

（1）.制作方法同主页的制作方法相似，同样是插入表格，图片，文字。

（2）.将他们分别保存在不同命名的.html的子文件中。

4.导航栏之间的超级链接

（1）首先选中主页文字，在属性面板链接中输入要链接的网页的名称，单击目标选择-blank即可。

（2）运用不同的超链接方式对各个导航栏进行链接。

（3）建立锚点链接，单击插入-锚记名称-保存。这样，在要尽心锚点链接的内容前就进行了标记。选择要链接的导航标题如“我的资料”将鼠标拖到刚刚做过的锚点标记前，链接文本框中出现了#1的字样，则锚点链接完成。

执行编辑-首选参数-不可见元素-去掉命名锚记前面的勾。

5 动画以及视频的插入

（1）新建文档，单击插入-媒体-swf进行插入。

6对网页进行细节性的修改

制作完成后，进行网页浏览。

五.实验结果

网页制作完成，通过预览可以进入各层链接，了解网页制作的详细情况，查看网页的介绍，可以联系我进行讨论。