网页设计与制作上机试卷.doc

网页设计与制作上机试卷（二十） 操作题一： 1. 建立并设置本地根文件夹: 新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root，并在该文件夹中新建xl-20文件夹。 复制文件:将DWMVUnitlY1-20Y1-2O.jPg文件复制到Y1-20文件夹中。 2. 定义站点: 设置站点名称:定义DreamweaverMX站点，命名为 唐诗名人。 设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。 设置本地默认图像文件夹:默认图像文件夹指定为考生文件夹中的rootY1-20文件夹。 设置HTTP地址:HTTP地址设置为http:/localhost。 将设置好的定义站点对话框的高级选项卡分类栏中本地信息列表项拷屏，以X1-20A.bmp文件名保存在X1-20文件夹中。 3. 创建与设置文档: 创建文档:启动Dreamweaver MX，新建一个未命名的HTML文档。 命名和保存文档:文档命名为X1-20.html，并将其保存到考生文件夹中的rootX1-20文件夹中。 设置文档页面属性:Xl-2O.html文档的标题设置为 杜牧简介;背景图像设置为X1-2OYl-2O.JPg图像; 左边界、边界宽带、顶部边界以及边界高度分别设置为20、40、20、40。 将所完成设置后的页面属性对话框拷屏，以X1-20B.bmp文件名保存在X1-20文件夹中。 4. 输入文本:在Xl-2O.htm文档中输入样图1-2OA中的文本。 5. 创建运用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文件夹。在答题过程中不要对文档使用或定义任何样式。 1. 布局页面: 绘制页面布局:新建一个文档，以X2-2OA.htm为文件件名保存到X2-20文件夹中。参照样图2-2OA在 X2-2OA.htm文档中绘制页面布局。 设置页面布局:参照样图2-2OA的标注，左侧布局单元格的宽度为78像素，高度为300像素，背景颜色为 #QQI7FFF,中间布局表格的宽度为286像素，高度为300像素，背景颜色为#FFFFCC;右侧布局表格的宽度为 88像素，高度为300像素，背景颜色为#FF99FF。 2. 表格的创建与设置: 创建表格:新建一个文档，以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-2OB，粘贴到T2-2OB的下面，命名为T2-2OC. 5管理表格:按T2-2OC第4列的降序排序表格T2-2OC. 6重新编排表格:将T2-2OC中第4列(英语列)所在的单元格，移到第2列的位置，如样图2-2OD)所示。 将操作结果保存到X2-20文件夹中。 操作题三： 创建一个名称为X3-20的文件夹，保存到root文件夹中。在DreamweaverMX中新建一个HTML文档，以 X3-20A.htm为文件名保存在X3-20文件夹中。将C:hDWMXUnit3Y3-20imagesY3-2OA.jpg和Y3-2OB.jpg 图像文件复制到X3-20文件夹中。 1. 运用图像:打开Y3-2OAhtm文档，创建轮换图。初始图像指定为X3-2oYY3-2OAOJpg, 替换图像为X3-2OY3-2OB.jpg. 2. 设置图像属性:参照样图3-20设置图像的高为150像素，宽为150像素，纵向和横向间隙为l00像素， 图像在文档窗口中居中，替代文本为单击可链接到东方文化。 3. 设置图像链接:为该轮换图像创建到X3-2OR.htm文档的链接。 4. 电子相册的创建: 打开一新文档窗口，创建相册图。设置主标题为 相册集，副标题为文化篇，其他信息为东方文化艺 术欣赏。源文件夹为C:DWMXUnit3Y3-2Opic文件夹，目的文件夹指定为X3-20文件夹，缩小尺寸为72X72， 每行显示5列，缩小格式及图片格式分别为JEG-Betner Quality时，图像的显示比例为80，并创建图像导航。 将Y3-20index.htm文档重命名为X3-20B.htm，并按提示更新链接。 将操作结果保存到X3-20文件夹。 操作题四： 在考生文件夹中新建一个文件夹，命名为X4-20。将DWMXUnit4Y4-20WJ文件夹复制到X4-20文件夹中。 1. 框架的插入:打开一个空白文档，在该文档中创建一个框架。 2. 框架的命名:将左边的框架命名为Left，顶部框架命名为而top，右边下部框架命名为Main。 3. 保存框架集文件:将框架集文件命名为X4-2OA.htm，保存到X4-20文件夹中。 4. 填充框架内容:参照样图4-20填充Lefe、Top框架内容。 5. 插入代码片断:参照样图4-20在Top框架中插入代码片断面板中SnippetsX4-20.csn代码片断。 6. 保存与设置框架文档:设置并保存框架文件到X4-20文件夹中，在该框架集中，将top框架的高度设 为50像素，框架的边界宽度为10像素，边界高度为0像素，框架的名称为X4-20B.htm;LeH框架的宽度为 150像素，框架的上下边距为50像素，左右的边距为0，Left框架命名为X4-20C.htm;Main框架的上下、左右边距为20像素，框架命名为x4-20D.htm，并将Main框架设置为带有滚动条。 7. 超级链接的建立与框架目标的指定:创建左边Left框架中文本2001年星座爱情与WjY4-20A.htm 文件链接;文本各星座介绍与WJY4-2OB.htm文件链接;文本;星座星座建议与WJlY4-2OC.htm文件 链接;文本星座约会何处去与WJY4-2OD.htm文件链接;文本星座忠告与WJY4-2OE.htm文件链接; 所有的正文均在Main框架显示。 8. 框架源文件的指定:设置Main框架中的源文件为Y4-2OA.htM 将操作结果保存在X4-20文件夹。 操作题五： 在考生文件夹中创建一个文件夹，命名为X5-20。将C:DWMXUnit5Y5-20文件夹中所有文档复制到X5-20文件 夹中。打开x5-20X5-20.htm文档，参照样图5-20完成下列操作。 1. 创建和设置链接:在文档的文本园林学一园林艺术处创建到X5-2O.htm的链接。 2. 插入命名书签:在X5-2O.htmM文档正文的园林意境、相地、园林布局、造景和借景标题文本中 分别插入命名书签，书签的命名依次为X5-2OAX5-2OE. 3. 创建命名书签链接:分别创建左列目录栏文本园林意境与右列命名书签园林意境，处的链接;左列目录栏文本相地与右列命名书签相地处的链接;左列目录栏文本园林布局与右列命名书签园林布局处的链接;左列目录栏文本造景与右列命名书签造景处的链接;左列目录栏文本借景与右列命名书签借景处的 链接。 4. 链接的设置与更改:创建文档中的所有文本返回目录与左列命名书签目录处的链接，其中目录书签命名为X5-2OF。 5. 创建电子邮件链接:在MailMe图标旁文本联系中插入电子邮件链接，电子邮件地址为。 将操作结果保存到X5-20文件夹中。 操作题六： 将DWMXUnit6VY6-20文件夹复制到考生文件夹root文件夹。新建一个以X6-2O.htm为文件名的文档，保存到 X6-20文件夹中.打开该文档,完成下列操作。 1. 层的插入及命名:在该文档中分别插入两个没有包含关系的层，命名为ceng1和ceng2. 2. 层内插入图像:将X6-2OimagesY6-2OA.gif图像插入层cengl中，Y6-2OB.gif插入层ceng2中。 3. 设置层的大小和坐标: 分别调整层和层内图像的大小，使它们的大小保持一致，cengl的宽度和高度均为38像素;ceng2的宽度和高度均为100像素。层cengl的初始位置是(28,44)坐标点，层ceng2的初始位置是(23，135)坐标点。 4. 时间轴和行为的使用:参照样图6-20完成时间轴和行为的使用。 在时间轴编辑器中，分别加入ceng1引图层的Timeline1时间轴轨道和ceng2图层的Timeline2时间轴轨道。 创建动画的运动轨迹，要求利用录制时间轴路径的方式创建，使所有图层从左到右做曲线运动。 设置时间轴面板，Timelinel时间轴设置为自动播放，速度为每秒8帧。Timeline2为循环播放，速度为每秒10帧。 添加行为:在Timelinel时间轴的第5帧位置添加弹出消息行为，内容为你好，要同时运行下一幅动画吗?; 在第6帧添加播放Timeline2时间行为;在Timelinel时间轴的最后1帧添加隐藏ceng2的行为。 将操作结果保存到X6-20文件夹中。 操作题七： 在考生文件夹root文件夹中创建一个文件夹，命名为X7-20。新建一个文档，以X7-2O.htm为文件名保存到该文件夹中，参照(样图7-20完成下列操作。 1. 插入并命名表单:在该文档中插入一个表单，并将该表单命名为LoginForm。 2. 插入表单对象:参照(样图7-20输入样图中的文本，在文本的对应位置分别插入相应的表单对象。 3. 表单对象属性的设置: 将 姓名:右边的文本域的命名为name，字符宽度和最多字符数均为8，类型为单行文本域。 将 性别:右边两个单选按钮均命名为gender，取值依次为0、1，初始状态为均未被选中。 将 学历:右边的下拉列表框命名为diploma，下拉列表框的类型为菜单类型，列表显示的选择项目依次 为初中、高中/中专、大学/专科、本科、硕士/硕士以上，取值依次为01-05，初始项为大学/专科。 将 建议:右边的文本域命名为jianyi，类型为多行文本域，字符宽度和行数依次为50、5，该文本域载入时显示的文本为 请发表高见:。 将 你喜欢的栏目:右边的复选框命名，从左到右依次为lovel-love4，初始状态均为未选中状态，取值为 01-04。 4. 插入与设霓表单按钮:参照样图7-20插入表单按钮，按钮名称依次为Submit1、Submit2;标签依次为 递交、重填;动作依次为提交表单和重置表单。 5. 表单的属性设置:设置表单Login Form，动作为Login.asp表单处理程序，方法为发送Post请求。 将操作结果保存到X7-20文件夹中。 操作题八： 设置页面属性打开X8-11.htm 文档,标题设置为文化教育首页新浪网. 1. 创建CSS样式 重定义HTML标记:分别将Boby和Td标记的字体设置为宋体9磅,仅在当前文档中使用 定义样式文件:定义名称为CSS8-11.CSS超链接样式文件,保存在X8-11文件夹中,光标移到链接时的颜色设置为#FF0000,超链接的正常状态颜色设置为#33FF33,访问过的超链接颜色设置为#993366。 2. 局页面轮廓:参照样图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列单元格中嵌套一个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列元格中插入一个背景颜色为#6666