网页设计与制作上机试卷

1、网页设计与制作上机试卷（一） 操作题一： 1、建立并设置本地根文件夹: 新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root，并在该文件夹中新建Xl-01文件夹。 复制文件:将DWMXUnitlYl-0lYl-Ol.jpg文件复制到Xl-01文件夹中。 2、定义站点: 设置 "站点名称":定义DreamweaverMX站点，命名为 "我的站点"。 设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。 设置 "HTTP地址":HTTP地址设置为localhost。 将设置好的"定义站点"对话

2、框的"高级"选项卡"分类"栏中"本地信息"列表项拷屏，以Xi-OlA.bmp 文件名保存在Xl-01文件夹中。 3、创建与设置文档: 创建文档:启动Dreamweaver MX，新建一个未命名的HTML文档。 命名和保存文档:文档命名为Xl-0l.html，并将其保存到考生文件夹申的rootXl-01文件夹中。 设置文档页面属性:将Xl-0l.htm文档的标题设置为"黄河一我的母亲"背景图像设置为Xl-0lYl-0l.jpg 图像;左边界、边界宽带、顶部边界以及边界高度分别设置为20。 将设置好的"页面属

3、性"对话框拷屏，以Xl-OlB.bmp文件名保存在Xl-01文件夹中。 4、输入文本:在Xl-0l.htm文档中输入样图1-OlA中的文本。 5、创建与运用HTML样式: 创建HTML样式:创建样式名为HTMl-0l的HTML样式。具体设置为段落样式，应用该样式时清除已有的样式 格式;设置字体为隶书，粗体，大小为6号字，颜色为#66FF33，格式为 "标题1"，对齐方式为居中对齐。 运用HTML样式:对所输入文本的标题 "黄河一我的母亲"运用HTMl-01样式。 6、使用CSS样式表: 创建CSS样式:在Xl-0l.htm文档中创建CSS样式，

4、以cssl-0l为CSS样式名保存到Xl-01文件夹中。 设置字体为隶书，字号为16点数，颜色为#eC66FF。左对齐，带下划线，首行缩进20点数。 使用CSS样式:对所输入文本的第2段运用cssl-O1样式，运用样式的效果如样图1-01B所示。 将操件结果保存在Xl-01文件夹中。 操作题二： 1、布局页面: 绘制页面布局:新建一个文档，以X2-OlA.htm为文件名保存到X2-01文件夹中。参照样图2-OlA在X2-OlA.html 文档中绘制页面布局。 设置页面布局:参照样图2-01A的标注，顶端布局单元格的宽度为700像素，高度为73像素，背景颜色 为#FFCCFF;左侧布局表格的宽度

5、为100像素，高度为403像素，背景颜色为#FFCCCC;右侧布局表格的宽度 为600像素，高度为403像素，背景颜色为#FFCC99。 2、表格的创建与设置： 创建表格:新建一个文档，以X2-OlB.htm为文件名保存到Y2-01文件夹中。参照样图2-OlB在X2-0l.htm文 档中创建一个表格。 设置表格:表格的宽度为412像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格命名为 T2-OlA。填充表格:输入样图2-OlB中的表格数据及文字。 3、设置单元格属性: 表格水平居中对齐;除第1行单元格外，其余各列单元格的宽度为80像素，度均为25像素。使用格式化表格 命令。设置行

6、颜色，奇数行颜色为#FFFFCC，偶数行颜色为#CCFFgg。表格第1行的对齐方式为居中，文本样 式为粗体，背景颜色为#6633CC,文本颜色为白色。表格的第1列对齐方式为居中对齐，文本样式为斜体。表 格的边框为1。 4、复制表格或单元格:复制T2-OlA的第2行第6行，粘贴到表格T2-OlA的下面，命名为T2-01B。 5、管理表格:按T2-OlB第2列的升序排序T2-OlB，如样图2-OlC所示。 6、重新编排表格:复制表格T2-OlB，重命名为T2-OlC。交换T2-OlC中"销售部"与“开发部”两列，如样图 2-01D所示。将操作结果保存到X2-01文件夹中。 操作

7、题三： 1、运用图像:打开X3-0lA.htm文档，在该文档中插入X3-01imagesY3-0l.jpg图像。 2、设置图像属性: 设置图像高为300像素，宽为400像素，纵向和横向间隙为100像素，图像在文档窗口中居中。 绘制图像热点区域，参照样图3-01创建图像热点区域。头部采用圆形热点工具;背部采用矩形热点工具; 翅膀和尾部采用多边形热点工具。头部热点区域替代文本为学习头部的制作;背部热点区域替代文本学 习背部的制作"翅膀处热点区域替代文本为学习翅膀的制作;尾部热点区域替代文本为学习尾部的制作。 3、设置图像链接:分别为头部、背部、翅膀和尾部热点区域创建链接，均链接到X3-0

8、1X3-OlB.htm文档，链 接文档在-blank目标中打开。 4、电子相册的创建:打开一新文档窗口，创建相册图。设置主标题为"相册集"，副标题为"风景篇"，其他信 息为"祖国大好河山欣赏"。源文件夹指定为DWMXUnit3Y3-0lpic文件夹，目的文件夹指定为X3-01文件夹。 缩小尺寸为1OOxlO0，每行显示5列，缩小格式及图片格式分别为JPEG-BeHerQual时，图像的显示比例为100， 创建图像导航。将X3-0lindex.htm文档重命名为X3-0lB.htm，按提示更新链接。 将操作结果保存到X3-01文件夹中。

9、 操作题四： 1、框架的插入:打开一个空白文档，在该文档中创建一个框架。 2、框架的命名:将左边的框架命名为IndeX，顶部框架命名为Top，右边框架命名content. 3、保存框架集文件:将框架集文件命名为X4-0lA.htm，保存到X4-01文件夹中. 4、填充框架内容:参照样图4-01在Index框架中输入目录和各首唐诗的名称;文本格式为"段落"， 幼园，4号，颜色为白色。文本格式为段落，隶书，5号，颜色为白色，Top框架作为标题栏输入文 本"唐诗欣赏"，文本格式为段落，隶书，5号，颜色为白色. 5、插入代码片断:参照样图4-01在Top框架第2

10、行单元格中插入"代码片断。面板中Snippets x4-0l.csn代码片断。 6、保存与设置框架文档:保存框架到X4-01文件夹，其中Top框架保存为X4-0lB.htm文档;Index框架 保存为X4-0lC.htm;Content框架保存为X4-0lD.htm。设置X4-0lB.htm文档和X4-01C4.htm文档的背景 颜色为#999999。 7、超级链接的建立与框架目标的指定:创建左边Index框架中文本"<感遇>"与WJYY4-0lAthtm文件链 接;文本"<下终南山过斛斯山人宿置酒>与WJY4-0lB.htm文件

11、链接;文本"<月下独酌)"与WJY40lC.htm 文件链接;文本"<春思>"与WJY4-0lD.htm文件链接;文本<望岳>"与WjY4-0lE.htm文件链接;文本” <赠卫八处士>"与WJY4-0lF.htm文件链接;文本"<佳人>"与WjY4-0lG.htm文件链接。每首诗的正文均在 Content框架中显示。 8、框架源文件的指定:设置Content框架中的源文件，源文件设置为WjY4-0lA文档。将操作结果保存在 X4-01文件夹中。 操作题五： 1

12、、创建和设置链接:在文档中的"DreamweaverUluaDev教程"图像处创建与X5-01.HTM的链接。 2、插入命名书签:在X5-0l.htm文档右栏"内容区"中，在文本"一、内容简介""二、准备工作"、 "三、Web应用示例"和"四、拷贝文件"的左边分别插入命名书书签的命名依次为X5-OlA,X5-OlD。 3、创建命名书签链接:分别创建左栏文本"一、内容简介"与右栏命名书签"一、"容简介"处的链接; 左栏文本&qu

13、ot;二、准备工作"与右栏命名书签"二、准备工作"处接;左栏文本"三、Web应用示例"与右 栏命名书签"三、Web应用示例"处的链接;左栏文本"四、拷贝文件"与右栏命名书签"四、拷贝文件" 处的链接。 、 4、链接的设置与更改:创建右栏中所有文本"返回目录"与左栏命名书签"教程，目录处链接，要求 "教程目录"命名书签的名称为x5-01e，和"教程目录"的链接，删除原返回目录"文本中的空链接。 5、创建电子邮

14、件链接:在"教程目录"栏目下的文本"联系我们"中创建电子邮接，电子邮件地址为 guest。 将操作结果保存到X5-01文件夹中。 操作题六： 1、    层的插入及命名:在该文档申分别插入三个没有包含关系的层，依次命名为Layer1、Layer2和Layer3。 2、    层内插入图像:将X6-0lhimagesY6-0lA.jpg图像插入到Layerl中，Y6-0lB.jPg像插入到Laye1中， Y6-0lC.jpg图像插入到Layer3中。设置层的大小和坐标. 3、  

15、;  调整层和层内图片的大小，使它们的大小保持一致，宽度为400，高度为300,单位为像素。设置层在 页面中的坐标，X为226，Y为61. 4、    时间轴和行为的使用:参照样图6-01完成时间轴和行为的使用。 5、    设置时间轴:将Layerl图层加到第1条动画轨道第1-5帧中;将Layer2图层加到第2条动画轨道的第5-10 帧中;将Layer3图层加到第3条通道的第10-15帧中。 6、    添加行为:在第1帧处加入显示Layerl、同时隐藏其他层的行为;在踊处加入显示Layer2

16、、同时隐藏其他 层的行为;在第10帧处加入显示Layer3,同时隐藏其他层的行为;在第15帧处隐藏Layer3的行为。 7、    设置循环和自动播放:将动画设置为循环并自动播放，拖动最后1帧频道上的小方块与15帧处行为频道 上的行为重合。 将操作结果保存到x6-01文件夹中。 操作题七： 1、  插入并命名表单:在X7-0l.htm文档中插入一个命名为LoginFom的表单。 2、  插入表单对象:参照(样图7-01完成"调查表单"的布局、文本的输入和表单对象的插入操作。 3、  表单对象属性的设置:将 &quo

17、t;姓名:"右边的文本域命名为name，字符宽度为10，最多字符数为16, 类型为单行文本域。 将 "性别:"右边两个单选按钮均命名为gender，取值依次为0、1，初始状态均未被选中。 将 "EmaiI:"右边的文本域命名为email，字符宽度为30,最多字符数为20,类型为单行文本域。 将 "平均每天上网:"右边文本域命名为hour，类型为菜单类型。列表的选项为1-2小时、3-5小时、5-10 小时、10小时以上，列表的值依次为01-04，初始选项为1-2小时。 将 "经常上的网站:"右边的复选框从左

18、到右命名依次为netlnet3，初始状态均为未选中状态取值依次 为01-03。 将 "对现在网站的建议:"右边文本框命名为jianyi，类型为多行文本域，字符宽度为50，字符行数为5。 · 4、  插入表单按钮:将左边按钮命名为Submitl ，右边按钮命名为Submit2,设置按钮:左边按钮标签为 "提交"，右边按钮标签为 "重填"左边按钮动作为提交表单，右边按钮动作为重置表单。 5、  表单的属性设置:设置表单LoginForm动作为Login.asp表单处理程序，方法为发送请求。 将操作结果保存到X

19、7-01文件夹中。 操作题八： 设置页面属性打开X8-11.htm 文档,标题设置为文化教育首页_新浪网. 1.       创建CSS样式 重定义HTML标记:分别将Boby和Td标记的字体设置为宋体9磅,仅在当前文档中使用 定义样式文件:定义名称为CSS8-11.CSS超链接样式文件,保存在X8-11文件夹中,光标移到链接时的 颜色设置为#FF0000,超链接的正常状态颜色设置为#33FF33,访问过的超链接颜色设置为#993366。 2.       局页面轮廓:参照样

20、图8-11A完成样图8-11B中所标注的各个区域的制作. 布局(1)区页面轮廓:按样图8-11A中标注的(1)区参照样图8-11B用2行10列,1行3列和1行2列的表格 布局页面轮廓； 布局(2),(3)和(4)区页面轮廓:按样图8-11A中标注的(2),(3)和(4)区,参照样图8-11B用2行3列表格； 布局(2),(3)和(4)区页面轮廓.在一列单元格中布局样图8-11A中标注的(2)区,第1行第1列单元格 中插入ed02.gif图像,在该单元格中使用edbg02.gif为背景图,第2行第1列单元格中嵌套一个12和 4列的表格用于布局样图8-11A中标注的(2)区的下半部部分轮廓.在第3

21、列单元格中嵌套一个12行2列 的表格布局样图8-11A中标注的(3)区页面轮廓.在(3)区的下面布局样图8-11A中标注的(4)区页面轮廓. 布局(5)区页面轮廓:用4行1列的表格来布局(5)区页面轮廓. 通过对上述各布局表格中单元格的拆分或合并,布局页面轮廓. 3.       填充页面元素: 创建(样图8-11A中标注的(1)区:第1行第1列单元格背景颜色设置为#FFC800从上到下可用2行10列, 1行3我和1行2列的表格来完成,在1行2列表格的第2列元格中插入一个背景颜色为#666666,1行21 列的表格来完成,在1行2列表

22、格的从上以下3个表格高度分别为28,60和34,宽度为750,单位均为像素. "文化教育"导航中各文本之间用图像间隔图像的W,H为14和21,文本,"首页"所在单元格背景颜色为#CCCCFF. 创建(样图8-11A中标注的(2)区:将第2行单元格背景颜色设置为#CCCCFF,分别插入水平线和1行3列的表格, 在表格的第1无单元格中插入ed03.gif图像,第3列单元格中插入ed04.gif,在表格的下面插入12行4列的表格 分别在第1和4列单元格中插入edbg04.gif图像,在第12行单元格中插入edbg08.gif图像.创建该区时,根据需 要对相应的

23、单元格进行合并和设置其宽度和高度,注意表格边界的修饰图和背景图像的利用. 创建(样图8-11A中标注的(3)区:文本"文教信息"文本为宋体,3号字,粗体,该区背景颜色为#FCFBE3. 创建(样图8-12A中标注的(4)区:设置区域背景颜色值为#FCFBE3,表单名称为SOusuo,方法为Post 动作为 Search.asp文本载的命名为textfield.字符宽度和最多字符数分别为16,80类型为单行文本域,下拉列表框 的命名为select,类型为菜单,列表值为网站,网页,软件.游戏和新闻,按钮的命名为Submit标签为搜索,动作 为提交表单. 创建(样图8-11A中标

24、注的(5)区参照样图8-11B完成版权区的创建,输入版权区的文本和竖线. 4.       将操作结果保存到X8-11文件夹中 网页设计与制作上机试卷（二） 操作题一:1.       建立并设置本地根文件夹: 新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root，并在该文件夹中新建Xl-09文件夹， 在Xl-02文件夹下新建images文件夹。 2.       复制文件:将DWMXUnitlYl-02

25、Yl-02OJpg文件复制到Xl-02文件夹中。 3.       定义站点:设置 "站点名称":定义DreamweaverMX站点，命名为 "精美宋词"。 设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。 设置默认图像文件夹:默认图像文件夹指定为考生文件夹中的rootY1-02文件夹。 设置 "HTTP地址"晑HTTP地址设置为http:/localhost。 将设置好的"定义站点"对话框的"高级"选项卡"

26、分类"栏中"本地信息"列表项拷屏，以Xl-O2A.bmp文件名 保存在Xl-02文件夹中。 4.       创建与设置文档: 创建文档:启动Dreamweaver MX，新建一个未命名的HTML文档。 命名和保存文档:文档命名为Xl-02.htm，并将其保存到考生文件夹中的rootxl-09文件夹中。 设置文档页面属性晑Xl-02.html文档的标题设置为 "念奴娇一赤壁怀古"背景图像设置为Xl-02Yl-02.jpg 图像;左边界、边界宽带、顶部边界以及边界高度分别设置为25.将设

27、置好的"页面属性"对话框拷屏，以 Xl-O2B.bmp文件名保存在Xl-02文件夹中。 输入文本:在Xl-02.htm文档申输入样图1-O2A中的文本。 5.       创建与运用HTML样式: 创建HTML样式:创建样式名为HTMl-02的HTML样式。具体设置为"段落"样式，应用该样式时清除已有的 样式格式;设置字体为华文新魏，粗体，大小为7号字，颜色为#0033CC，格式为 "标题1"，对齐方式为 居中对齐。 运用HTML样式:对所输入文本的标题 "念奴娇-

28、赤壁怀古"运用HTMl-02样式。 使用CSS样式表:创建CSS样式:在Xl-02.htm文档中创建CSS样式，以cssl-02为CSS样式名保存到Xl-02文件 夹中。设置字体为隶书，字号为18像素，颜色为#0066FF,居中对齐，带下划线，首行缩进0像素。 使用CSS样式:对所输入文本的第2段运用cssl-02样式，运用样式的效果如样图1，02B所示。 将操作结果保存在Xl-02文件夹中。 操作题二： 在本地根文件夹root中新建X2-02文件夹。在答题过程中不要对文档使用或定义任样式。 1布局页面: 绘制页面布局:新建一个文档，以X2-02A.htm为文件名保存到X2-02文件

29、夹中。参照样图2-02A在 X2-02A.htm文档中绘制页面布局。 设置页面布局:参照样图2-02A的标注，顶端布局单元格的宽度为482像素，高度为63像素，背景颜色为 #FFCCgg;左侧布局表格的宽度为80像素，高度为258像素，背景颜色为#FF9999;右侧布局表格的宽度为482 像素，高度为195像素，背景颜色为#FFFF99。 2表格的创建与设置: 创建表格:新建一个文档，以X2-02B.htm为文件名保存到X2-02文件夹中。参照样图2-02Bl在X2-02B.htm 文档中创建一个表格。 设置表格:表格的宽度为502像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格

30、命名为T2-02A。 填充表格:输入样图2-02B中的表格数据及文字。 设置单元格属性:表格水平居中对齐;除第1行单元格外，其余各列单元格的宽度为100像素，高度均为30像素。 使用格式化表格命令。设置行颜色，奇数行颜色为#FFCCg9，偶数行颜色为#33CCgg。表格第1行的对齐方式 为居中，文本格式为粗体，背景颜色为#6633CC,文本颜色为白色。表格的第1列对齐方式为居中对齐，文本 样式为斜体。表格的边框设置为1。 4复制表格或单元格:复制T2-02A的第2行第6行，粘贴到表格T2-02A的下面，命名为T2-02B。 管理表格:按T2-02B第2列的降序排序T2-02B，如样图2-02C

31、所示。 重新编排表格:复制表格T2-02B，重命名为T2-02C。交换T2-02C中"数学组"与“语文组”两列，如 (样图2-02D所示。将操作结果保存到X2-02文件夹中。 操作题三： 在本地根文件夹root中新建X2-02文件夹。在答题过程中不要对文档使用或定义任何样式。 1.       布局页面: 绘制页面布局:新建一个文档，以X2-02A.htm为文件名保存到X2-02文件夹中。参照样图2-02A在 X2-02A.htm文档中绘制页面布局。 设置页面布局:参照样图2-02A的标注，顶端布局单元格的宽度为4

32、82像素，高度为63像素，背景颜 色为#FFCCgg;左侧布局表格的宽度为80像素，高度为258像素，背景颜色为#FF9999;右侧布局表格的 宽度为482像素，高度为195像素，背景颜色为#FFFF99。 2.       表格的创建与设置: 创建表格:新建一个文档，以X2-02B.htm为文件3保存到X2-02文件夹中。参照样图2-02Bl在X2-02B.htm 文档中创建一个表格。 设置表格:表格的宽度为502像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格命名为 T2-02A。 填充表格:输入样图2-02B中的表

33、格数据及文字。 设置单元格属性:表格水平居中对齐;除第1行单元格外，其余各列单元格的宽度为100像素，高度均为30像素。 使用格式化表格命令。 设置行颜色，奇数行颜色为#FFCCg9，偶数行颜色为#33CCgg。 表格第1行的对齐方式为居中，文本格式为粗体，背景颜色为#6633CC,文本颜色为自色。 表格的第1列对齐方式为居中对齐，文本样式为斜体。 表格的边框设置为1。 3.       复制表格或单元格:复制T2-02A的第2行第6行，粘贴到表格T2-02A的下面，命名为T2-02B。 4.   

34、60;   管理表格:按T2-02B第2列的降序排序T2-02B，如样图2·02C所示。 5.       重新编排表格:复制表格T2-02B，重命名为T2-02C。交换T2-02C中"数学组"与“语文组”两列，如 (样图2-02D所示。将操作结果保存到X2-02文件夹中。 操作题四： 在考生文件夹中新建一个文件夹，命名为X4-01,将DWMXUnit4Y4-0lWJ文件夹复制到X4-01文件夹中。 1.       框架的插

35、入:打开一个空白文档，在该文档中创建一个框架。 2.       框架的命名:将顶部框架命名为Top.下边的框架命名为Main。 3.       保存框架集文件:将框架集文件命名为X4-02A.htm，保存到X4-02文件夹中。 4.       填充框架内容:按照(样图4-02) 设计并填充Top框架内容，其中表格的背景颜色为#FFFFCC;页面的 背景颜色为#FFFFgg。 5.  

36、0;    插入代码片断:参照样图4-02 在Top框架第1行单元格中插入"代码片断"面板中SnippetsX4-02.csn 代码片断。 6.       保存与设置框架文档:保存框架文件到x4-02文件夹中，其中Top框架保存为X4-02B.htm,Main框架 保存为X4-02C.htm。 7.       超级链接的建立与框架目标的指定:创建顶部Top框架中文本"风中叶"与WjY4-02A.htm文

37、件链接; 文本"告别校园"与WjY4-02B.htm文件链接;文本"缘生缘灭"与WJY4-02C.htm文件链接;文本"听雨" 与WJY4-02D.htm文件链接;文本"水中花"与WJY4-02E.htm文件链接。每首诗的正文在Main框架中显示。 8.       框架源文件的指定:设置Content框架中的源文件。源文件设置为WJY4-02A文档将操作结果保存在 Y4-02文件夹中。 操作题五： 将DWMXUnit5Y5-02文件夹复制到考生文件夹ro

38、ot文件夹中，重命名为X5-02。X5-0lY5-02.htm文档 重命名为X5-02.htm。打开X5-02X5-02.htm文档，参照样图5-02完成下列操作。 1.       创建和设置链接:在文档中的"哲学专题"图像处创建到X5-02.htm的链接。 2.       插入命名书签:在X5-02.htm文档右栏"内容区"中，在文本"世界观"、"本体论、"目的论"、"万

39、法论"、 "诡辩论"和"唯我论"的右边分别插入命名书签，书签的命名依次为X5-02AX5-02D。 3.       创建命名书签链接:分别创建左栏文本"世界观"与右栏命名书签"世界观"处的链接;左栏文本"本体论" 与右栏命名书签"本体论"处的链接;左栏文本"目的论"与右栏命名书签"目的论"处的链接;左栏文本"方法论" 与石栏命名书签"万

40、法论"处的链接;左栏文本"诡辩论"与右栏命名书签"诡辩论"处的链接;左栏文本"唯我论" 与右栏命名书签"唯我论"处的链接。 4.       链接的设置与更改:创建右栏中所有文本"返回专题目录"与命名书签"专题目录"处的链接，其中"专题 目录"书签命名为X5-02F. 5.       创建电子邮件链接:在文档的文本Email中

41、插入电子邮件链接，电子邮件地址为guest。 将操作结果保存到X5-02文件夹. 操作题六： 将DWMXUnit6Y6-02文件夹复制到考生文件夹root文件夹中，重命名为X6-02文件夹。新建一个以X6-02.htm 为文件名的文档，保存到X6-02文件夹中。打开该文档，完成下列操作。 1.       层的插入及命名:在该文档中插入一个层，命名为Layerl。 2.       层内插入图像:将X6-02imagesY6-02.jpg图像插入到X6-02.htm文档中的L

42、ayer1中。 3.       设置层的大小和坐标:调整层和层内图像的大小，使它们大小保持一致，宽度100，高度为100， 单位为像素。 4.       时间轴和行为的使用:参照样图6-02完成时间轴和行为的使用。将Layerl图层加到动画轨道中， 5.       动画轨道设置为40帧。创建动画的运动轨迹，要求该图层的运动方向是从右到左。在时间轴面板 设置循环。添加行为，在该文档中只要按下鼠标键则播放动画，反之

43、则停止播放动; 将操作结果保存到X6-02文件夹中. 操作题七： 在考生文件夹的root文件夹中创建X7-02.htm文件夹，新建X7-02.htm文档，保存到X7-02文件夹中，参照 样图7-02完成下列操作。 1.       插入并命名表单:在Y7-02加m文档中插入一个命名为LoginForm的表单。 2.       插入表单对象:参照样图7-02分别在"客户名"和"口令"右边插入一个文本输入框。 3.  

44、     表单对象属性的设置: 将"客户名"文本域命名为textFieldl，字符宽度和最多字符数依次为20和12, 类型为单行文本域。将 "口令"文本域命名为textField2，字符宽度和最多字符数依次为20和12,类型为密 码类型。插入与设置表单按钮:参照样图7-02插入表单按钮，该按钮的名称为Submit,标签为"客户登录"， 动作为递交表单。表单的属性设置:设置表单LoginForm动作为Login.asp表单处理程序，方法为发送请求。 将操作结果保存到Y7-02文件夹中。 操作题八：

45、 设置页面属性打开X8-11.htm 文档,标题设置为文化教育首页_新浪网. 1.       创建CSS样式 重定义HTML标记:分别将Boby和Td标记的字体设置为宋体9磅,仅在当前文档中使用 定义样式文件:定义名称为CSS8-11.CSS超链接样式文件,保存在X8-11文件夹中,光标移到链接时的 颜色设置为#FF0000,超链接的正常状态颜色设置为#33FF33,访问过的超链接颜色设置为#993366。 2.       局页面轮廓:参照样图8-11A完成样图8-11B

46、中所标注的各个区域的制作. 布局(1)区页面轮廓:按样图8-11A中标注的(1)区参照样图8-11B用2行10列,1行3列和1行2列的表格 布局页面轮廓；布局(2),(3)和(4)区页面轮廓:按样图8-11A中标注的(2),(3)和(4)区,参照样图8-11B 用2行3列表格；布局(2),(3)和(4)区页面轮廓.在一列单元格中布局样图8-11A中标注的(2)区,第1行第1 列单元格中插入ed02.gif图像,在该单元格中使用edbg02.gif为背景图,第2行第1列单元格中嵌套一个12和 4列的表格用于布局样图8-11A中标注的(2)区的下半部部分轮廓.在第3列单元格中嵌套一个12行2列的表

47、 格布局样图8-11A中标注的(3)区页面轮廓.在(3)区的下面布局样图8-11A中标注的(4)区页面轮廓.布局 (5)区页面轮廓:用4行1列的表格来布局(5)区页面轮廓.通过对上述各布局表格中单元格的拆分或合并,布局 页面轮廓. 3.       填充页面元素: 创建(样图8-11A中标注的(1)区:第1行第1列单元格背景颜色设置为#FFC800从上到下可用2行10列, 1行3我和1行2列的表格来完成,在1行2列表格的第2列元格中插入一个背景颜色为#666666,1行21 列的表格来完成,在1行2列表格的从上以下3个表格高度分别为2

48、8,60和34,宽度为750,单位均为像素. "文化教育"导航中各文本之间用图像间隔图像的W,H为14和21,文本,"首页"所在单元格背景颜色为#CCCCFF. 创建(样图8-11A中标注的(2)区:将第2行单元格背景颜色设置为#CCCCFF,分别插入水平线和1行3列的表格, 在表格的第1无单元格中插入ed03.gif图像,第3列单元格中插入ed04.gif,在表格的下面插入12行4列的表格 分别在第1和4列单元格中插入edbg04.gif图像,在第12行单元格中插入edbg08.gif图像.创建该区时,根据需 要对相应的单元格进行合并和设置其宽度和高度

49、,注意表格边界的修饰图和背景图像的利用. 创建(样图8-11A中标注的(3)区:文本"文教信息"文本为宋体,3号字,粗体,该区背景颜色为#FCFBE3. 创建(样图8-12A中标注的(4)区:设置区域背景颜色值为#FCFBE3,表单名称为SOusuo,方法为Post 动作为 Search.asp文本载的命名为textfield.字符宽度和最多字符数分别为16,80类型为单行文本域,下拉列表框 的命名为select,类型为菜单,列表值为网站,网页,软件.游戏和新闻,按钮的命名为Submit标签为搜索,动作 为提交表单. 创建(样图8-11A中标注的(5)区参照样图8-11B完

50、成版权区的创建,输入版权区的文本和竖线. 将操作结果保存到X8-11文件夹中 网页设计与制作上机试卷（三） 操作题一:1.                     建立并设置本地根文件夹: 新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root，并在该文件夹中新建Xl-03文件夹。 复制文件:将DWMXUnitlYl-03Yl-03.jpg文件复制到Xl-03文件夹中。 2. 

51、                    定义站点: 设置 "站点名称":定义DreamweaverMX站点，命名为 "精美宋词"。 设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。 设置 "HTTP地址":HTTP地址设置为http:/localhost/。 将设置好的"定义站点"对话框的"高级&qu

52、ot;选项卡"分类"栏中"本地信息"列表项拷屏，以Xl-03A.bmp文件名 保存在Xl-03文件夹中。 3.                     创建与设置文档: 创建文档:启动DreamweaverMX，新建一个未命名的HTML文档。 命名和保存文档:文档命名为Xl-03.html，并将其保存到考生文件夹中rootx1-03文件夹中。 设置文档页面属

53、性:Xl-03.html文档的标题设置为 "水调歌头"背景图像设置为Xl-03Yl-03.jpg图像; 左边界、边界宽带、顶部边界以及边界高度分别设置为30。 将设置好的"页面属性"对话框拷屏，以Xl-03B.bmp文件名保存在Xl-03文件夹中。 4.                     输入文本:在Xl-03.html文档中输入样图1-03A中的文本

54、。 5.                     创建与运用HTML样式: 创建HTML样式:创建样式名为HTMl-03的HTML样式。具体设置为"段落样式，应用该样式时清除已有的样式格式; 设置字体为隶书，粗体，大小为6号字，颜色为#009900，格式为 "标题1"，对齐方式为左对齐。 运用HTML样式:对所输入文本的标题 "水调歌头"运用HTM

55、l-03样式。 使用CSS样式表:创建CSS样式:在Xl-03·h血文档中创建CSS样式，以cssl-03为CSS样式名保存到Xl-03文件夹中。 设置字体为隶书，字号为18像素，颜色为#FF66CC，左对齐，带下划线，首行缩进0点数。 使用CSS样式:对所输入文本的第2段运用cssl-03样式，运用样式的效果如样图1-03B所示。将操作结果保存在 Xl-03文件夹中。 操作题二： 在本地根文件夹root中新建X2-03文件夹。在答题过程中不要对文档使用或定义任何样式。 1.         &

56、#160;           布局页面:绘制页面布局:新建一个文档，以X2-03A.htm文件名保存到X2-03文件夹中。参照样图2-03A 在X2-03A.tml文档中绘制页面布局。 2.                     设置页面布局:参照样图2-03A的标注，左侧布局单元格的宽度为45

57、3像，高度为162像素， 背景颜色为#CCCCCC;右侧布局表格的宽度为97像，高度为162像素，背景颜色为#ggFFFF;底部布局表格的宽度 为550像素，高度为88像素，背景颜色为#OOCCCC。 3.                     表格的创建与设置: 创建表格:新建一个文档，以X2-03B.htm为文件名保存到X2-03文件夹中。参照样图2-03B在X2-03B.htm 文档中创建

58、一个表格。 设置表格:表格的宽度为452像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格 命名为T2-03A。 填充表格:输入样图2-03B中的表格数据及文字。 4.                     设置单元格属性: 表格水平居中对齐;除第1行单元格外，其余各列单元格的宽度为90像素，高度均为25像素。 使用格式化表格命令。 设置行颜色，奇数行颜色为#FFCC66，偶数行颜色

59、为#FF99FF。 表格第1行的对齐方式为居中，文本样式为粗体，背景颜色为#6633CC,文本颜色为白色。 表格的第1列对齐方式为居中对齐;文本样式为斜体和粗体。 表格的边框设置为1。 5.                     复制表格或单元格:复制T2-03A的第2行第6行，粘贴到表格T2-03A的下面，命名为T2-03B。 6.     &

60、#160;               管理表格:按T2-03B第3列的升序，排序T2-03B如样图2·03C所示得新编排表格:复制表格 T2-03B，重命名为T2-03C。交换T2-03C中"公美"与“化工”两列，如样图2-03D所示。 将操作结果保存到X2-03文件夹中。 操作题三： 创建一个名称为Y3_03的文件夹，保存到root文件夹中。在Dreamweaver MX中新建一个HTML文档， 以X3-03A.htm为文

61、件名保存在X3-03文件夹中。将C:DWMXUnit3Y3-03imagesY3-03A.jPg和 Y3-03B.jpg图像文件复制到X3-03文件夹中。 1.                     运用图像:打开考生文件夹中的X3-03A.html文档，创建轮换图。初始图像指定为" X3-03Y3-03A.jPg,替换图像为X3-0Y3-03B.jPg. 2.  

62、                   设置图像属性:参照样图3-03设置图像的高为300像素，宽为300像素，纵向和横向间隙为 100像素，图像在文档窗口中居中，替代文本为"链接到沙漠相册集"。 3.                

63、0;    设置图像链接:为该轮换图像创建一个到X3-03B.htm文档的链接。 4.                     电子相册的创建:打开一新文档窗口，创建相册图。设置主标题为"沙漠相册集"，副标题为" 沙漠篇"，其他信息为 "沙漠风景欣赏"。源文件夹为C:DWMXUnit3Y3-03pic文件夹，

64、目的 文件夹指定为X3-03文件夹，缩小尺寸为 1OOXlO0，每行显示 5列，缩小格式及图片格式分别为 JPG-Better Quality，图像的显示比例为90，并创建图像导航。 5.                     将X3-03index.htm文档重命名为X3-03B.htm，并按提示更新链接。 将操作结果保存到X3-03文件夹中。 操作题四： 在考生文件夹中新建一个文件夹，命名为

65、X4-03。将DWMXUnit4Y4-03WJ文件夹复制到X4-03文件夹中。 1.                     框架的插入:打开一个空白文档，在该文档中创建一个框架。 2.                  

66、;   框架的命名:将左边的框架命名为Main，右边的框架命名为Right。 3.                     保存框架集文件:将框架集文件命名为X4-03A.htm，保存到X4-03文件夹中。 4.              

67、       填充框架内容:参照样图4-03填充框架内容，其中右边的框架中文档的背景颜色为#cccccc. 5.                     插入代码片断:参照样图4-03在Right框架中表格的下万插入"代码片断"面板中SnippetsX4-03.csn 代码片断。 6.   

68、;                  保存与设置框架文档:设置框架，左列框架的宽度设置为80%，该框架的上下、左右间距均为10像素。 右列框架的宽度为20%，该框架的边界宽度、边界高度为0。保存框架文件到X4-03文件夹中，Main框架保存为 X4-03B.htm，Right框架保存为X4-03C.htm。 7.         

69、0;           超级链接的建立与框架目标的指定:创建右边Right框架中文本"美丽写在脸上"WJY4-03A.htm文件链接; "记忆里的树"与WJY4-03B.htm文件链接;"心的祈祷"与WJW4-03C.htm文件链接;文本"无家的宿命"与 WJY4-03D.htm文件链接;文本"眼睛的诉说"与WJY4-03E.htm文件链接;文本"美人照"与WJy4-03f.

70、htm文件 链接;文本"花开的声音"与WJY4-03G.htm文件链接;使所有的正文均在Main框架中显示。 8.                     框架源文件的指定:设置各框架中的源文件。Main框架中的源文件设置为Y4-03A.htm.Right框架中的 源文件为X4-03C.htm 将操作结果保存在Y4-03文件夹中. 操作题五： 将DWMXUnit5Y5-03文件

71、夹复制到考生文件夹root文件夹中，重命名为X5-03。将X5-03Y5-03.htm文档重 命名为X5-03.hTM。打开X5-03X5-03.hTM文档，参照样图5-03完成下列操作。 1.                     创建和设置链接:在文档中的"友情链接"图像处创建到X5-03.htm的链接。 2.     &

72、#160;               插入命名书签:在X5-03.hTM文档正文中，在蓝色的文本"我的文集"、"我的感受"、"我的朋友"、 "我看品网"和"种子"处分别插入命名书签，书签的命名依次为X5-03A到X5-03D. 3.          

73、60;          创建命名书签链接:分别创建左栏文本"我的文集"与右栏命名书签"我的文集处的链接;左栏文本 "我的感受"与右栏命名书签"我的感受"处的链接;左栏文本"我的朋友:与右栏命名书签"我的朋友"处 的链接;左栏文本"我看品网"与右栏命名书""我看品网"处的链接;左栏文本"种子"与右栏命名书签"种子" 处

74、的链接。 4.                     链接的设置与更改:创建右栏正文中所有文本"返回目录"与左栏命名书签”目录”处的链接，其中左栏 "目录"书签命名为X5-03E. 5.              &#

75、160;      创建电子邮件链接:在"正文"中的文本"请和我联系"中插入电子邮件地址为guesto 将操作结果保存到X5-03文件夹中。 操作题六： 将DWMXUnit6Y6-03文件夹复制到考生文件夹root文件夹中，重命名为X6-03文件夹。新建一个以 X6-03.hml为文件名的文档，保存到X6-03文件夹中。打开该文档，完成下列操作。 1.             

76、        层的插入及命名:在该文档中插入一个层，命名为Layerl。 2.                     层内插入图像:将X6-03imagesY6-03.gif图像插入到X6-03.htm文档中的Layerl中。 3.                     设置层的大小和坐标:调整层和层内图像的大小，便它们的大小保持一致，宽度为48，高度为48， 单位为像素。 4.                     时间轴和行为的使用:参照(样图6-03完成时间轴和行为的使用。将Layerl图层加