创建一个10行5列HTML,网页设计与制作上机试卷.doc

网页设计与制作上机试卷(二十)

操作题一：

建立并设置本地根文件夹 :

新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root ，并在该文件夹中

新建 xl-20 文件夹。

复制文件 :将 DWMV\Unitl\Y1-20\Y1-2O.jPg文件复制到Y1-20 文件夹中。

2.定义站点

:

设置 " 站点名称

":定义

DreamweaverMX

站点，命名为

"唐诗名人

"。

设置本地根文件夹

:本地根文件夹指定为考生文件夹中的

root

文件夹。

设置本地默认图像文件夹

:默认图像文件夹指定为考生文件夹中的

root\Y1-20

文件夹。

设置 "HTTP 地址 ":HTTP 地址设置为

http://localhost

。

将设置好的 "定义站点 " 对话框的 "高级 "选项卡 " 分类 " 栏中 "本地信息 "列表项拷屏，以 X1-20A.bmp 文件名保存在 X1-20 文件夹中。

3.创建与设置文档

创建文档 :启动

命名和保存文档

:

Dreamweaver MX ，新建一个未命名的HTML 文档。

:文档命名为X1-20.html ，并将其保存到考生文件夹中的

root\X1-20

文件

夹中。

设置文档页面属性

:Xl-2O.html

文档的标题设置为

" 杜牧简介

"; 背景图像设置为

X1-2O\Yl-2O.JPg图像 ;

左边界、边界宽带、顶部边界以及边界高度分别设置为

20、 40、 20、

40。

将所完成设置后的

" 页面属性

"对话框拷屏，以

X1-20B.bmp

文件名保存在

X1-20 文件夹

中。

输入文本 :在 Xl-2O.htm 文档中输入 [样图 1-2OA]中的文本。

创建运用 HTML 样式 :

创建 HTML 样式 :创建样式名为HTMl-2O 的 HTML 样式。具体设置为段落样式，应用

该样式时清除已有的样式格式; 设置字体为华文行楷， 粗体，大小为 6 号字，颜色为 #FFOO00，

格式为" 标题 2"，对齐方式为居中对齐。运用 HTML 样式 : 对所输入文本的标题"杜牧简介

" 运用 HTMl-20 样式。

6.使用 CSS样式表 :

创建 CSS样式 :在 Xl-2O.htm 文档中创建CSS样式，以 cssl-2O 为 CSS样式名保存到X1-20

文件夹中。设置字体为宋体，字号为16，颜色为 #FFOOFF,删除线，居中对齐，首行缩进30

点数。 使用 CSS样式 :对所输入文本的第2 段运用 cssl-20样式，运用样式的效果如[样图 1-2OB]

所示。

将操作结果保存在Xl-20 文件夹中。

操作题二：

在本地根文件夹root 中新建 X2-06 文件夹。在答题过程中不要对文档使用或定义任何

样式。

布局页面 :

绘制页面布局 :新建一个文档，以X2-2OA.htm 为文件件名保存到X2-20 文件夹中。参

照[ 样图 2-2OA]在 X2-2OA.htm 文档中绘制页面布局。

设置页面布局

:参照 [样图

2-2OA]的标注，左侧布局单元格的宽度为

78 像素，高度为

300 像素，背景颜色为#QQI7FFF,中间布局表格的宽度为

颜色为 #FFFFCC;右侧布局表格的宽度为88 像素，高度为

286 像素，高度为300 像素，背景

300 像素，背景颜色为#FF99FF。

表格的创建与设置 :

创建表格

:新建一个文档，以

X2-2OB.htm

为文件名保存到

Y2-20 文件夹中。参照

[样图

2-2OB]在

X2-2O.htm

文档中创建一个表格。

设置表格 :表格的宽度为494 像素，单元格填充和单元格间距设置为0，表格的边框设置为1，

表格命名为T2-2OA。 填充表格 :输入[ 样图 2-2OB]中的表格数据及文字。

3.设置单元格属性:

各单元格的宽度为80 像素，高度为 20 像素 ;各单元格的对齐方式均为水平居中对齐、竖

直居中对齐。

复制表格T2-20A 并粘贴到T2-2OA 的下面命名为T2-2OB。

设置表格T2-2OB 格式，使用格式化表格命令。结果如[ 样图 2-2OC]所示。

设置行颜色，奇数行颜色为#FF6666，偶数行颜色为#FFFFCC。

表格第 1 行的对齐方式为居中，文本样式为粗体，背景颜色为#FFFFgg。

表格的第1 列对齐方式为左对齐，文本样式为正常字体。

表格的边框为3。

4．复制表格或单元格: 复制表格 T2-