网页设计与制作上机试卷(二十)
操作题一:
建立并设置本地根文件夹 :
新建本地根文件夹:在考生文件夹中新建本地根文件夹,命名为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-