网页基础与制作技术实验指南.pdfVIP

网页基础与制作技术实验内容

一、实验目的

1.熟悉Dreamweaver界面和基本操作。

2.掌握在Dreamweaver中创建、创建网页的基本方法。

3.运用相关知识创建网页。

二、实验内容

1.建立站点，站点文件夹为学生文件夹。

(1)新建一个文件夹，文件夹名为学生的学号++wy(例一个学生其

学号为为王小民，则该学生的文件夹名为：王小民

wy”)

(2)把“网页_实验素材”文件夹中的全部文件到学生的学号文件

夹中。(千万注意：是文件夹中的文件，而不是文件夹本身)

(3)启动Dreamweaver，建立站点，站点名称为“我的站点1”，站点文件夹是

学生的学号文件夹。

2.按照“网页实验样张1”所示样张完成网页，以文件名“ex81.html”保存。具

体要求如下：

(1)建立空白网页，并把该空白网页以文件名“ex81.html”保存在站点文件夹中。

(2)以“.jpg”为网页背景，默认字体“隶书”，默认字体大小24像

素，网页标题“交通规则”。

(3)在页面上创建7行3列的表格(表格宽度为800像素，边框粗细为0)，表格相

对页面居中对齐。

(4)合并表格第一行，输入文字“欢迎学习交通规则”。

(5)按样张输入左边第一列文字，并设置各章(的网页文件在你的站点文

件夹下，第五章的为“学生的邮箱地址”，网页打开方式为新窗口

方式)。

(6)合并中间一列，按样张站点文件夹中的“交通安全很重要.doc”文件中

的文字。

(7)合并右边一列，“safety.jpg”，并设置为宽150、高260像素。

(8)新建CSS规则“bt”，设为白色、48像素，在“区块”分类中将“Text-align”

设为“center”。将之应用于文字“欢迎学习交通规则”。

(9)新建CSS规则“bg”，在“区块”分类中将“Text-align”设为“center”。

将之应用于表格中间一列和右边一列。

(10)浏览网页并关闭网页。

3.按照“网页实验样张2”所示样张完成网页，，以文件名“ex82.html”保存。

具体要求如下：

(1)建立空白网页，并把该空白网页以文件名“ex82.html”保存在站点文件夹中。

(2)网页默认字体“楷体”，默认字体大小16像素，网页标题“交通规则测试”。

(3)在网页第1行输入文字“交通规则测试”，并设置其大小为24像素、居中

对齐。

(4)在第2行建立1个红色虚线框的表单。

(5)在表单中建立表格（9行、2列、宽度70%、居中对齐）。

(6)在相应单元格中输入或测试题相应内容。