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

网页设计与制作上机试卷（七） 操作题一:1. 建立并设置本地根文件夹: 新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root，并在该文件夹中新建Xl-07文件夹。 复制文件:将DWMXUnitl文件复制到Xl-07文件夹中。 2. 定义站点: 设置站点名称:定义DreamweaverMX站点，命名为 唐诗精品。 设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。 设置HTTP地址:HTTP地址设置为http:/localhost。 将设置好的定义站点对话框的高级选项卡分类栏中本地信息列表项拷屏，以文件名 保存在Xl-07文件夹中。 3. 创建与设置文档: 创建文档:启动DreamweaverMX，新建一个未命名的HTML文档。 命名和保存文档:文档命名为，并将其保存到考生文件夹中的rootXl-07文件夹中。 设置文档页面属性:文档的标题设置为 将进酒;背景图像设置为Xl-07Yl-07tjpg图像;左边界、 边界宽带、顶部边界以及边界高度分别设置为25,将设置好的页面属性对话框拷屏，以文件名 保存在Xl-07文件夹中。 4. 输入文本:在文档申输入样图1-07A中的文本。 5. 创建与运用HTML样式: 创建HTML样式:创建样式名为HTMl-07的HTML样式。具体设置为段落样式，应用该样式时清除已有的样式 格式;设置字体为方正姚体，粗体，大小为7号字，颜色为#FFOOFF，格式为 标题1，对齐方式为居中对齐。 运用HTML样式:对所输入文本的标题 将进酒运用HTMl-07样式。 6. 使用CSS样式表: 创建CSS样式:在文档中创建CSS样式，以cssl-07为CSS样式名保存到Xl-07文件夹中。设置字体 为隶书，字号为18像素，颜色为#0033FFF,左对齐，带上划线，首行缩进0点数。 使用CSS样式;对所输入文本的第2段运用cssl-07样式，运用样式的效果如样图1-07B所示。 将操作结果保存在Xl-07文件夹中。 操作题二： 在本地根文件夹root中新建X2-07文件夹。在答题过程中不要对文档使用或定义任何样式。 1. 布局页面: 绘制页面布局:新建一个文档，以为文件名保存到X2-07文件夹中。参照样图2-07A在 文档中绘制页面布局。 设置页面布局:参照样图2-07A的标注，底部布局单元格的宽度为452像素， 高度为85像素，背景颜色为 #FFCCFF;左侧布局表格的宽度为327像素，高度为227像素，背景颜色为#OOCCFF;右侧布局表格的宽度为125 像素，高度为227像素，背景颜色为#CCFF99. 2. 表格的创建与设置： 创建表格:新建一个文档，以为文件名保存到X2-07文件夹中。参照样图207B在创建 一个表格。 设置表格的宽度为492像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格命名为T2-07A。 填充表格:输入样图2-07B中的表格数据及文字。 3. 设置单元格属性: 表格水平居中对齐,各单元格的高度为30像素，第1列单元格的宽度为176像素，其余各列单元格的宽度为50像素。 单元格对齐方式设置为水平、竖直均居中。 4. 复制表格或单元格：复制表格T2-07A，粘贴到T2-07A的下面，命名为T2-07B。 5. 管理表格：参照样图2-07C)对T2-07B中相应的单元格进行合并。 6. 重新编排表格:在T2-07B最后一行单元格的下面再插入一行单元格;将该行单元格合并在第1列单元格内输入 文本各注。该行单元格的高度为40像素，如样图2-07C所示。 将操作结果保存到X2-07文件夹中。 操作题三： 创建一个名称为X3-07的文件夹，保存到root文件夹中。在Dreamweaver MX中新建一个HTML文档，以 为文件名保存在X3-07文件夹中。将Y3-07images和图像文件复制到 X3-07文件夹中。 1. 运用图像:打开文档，创建轮换图。初始图像指定为X3-07Y3-07Ajpg，替换图像为X3-07 2. 设置图像属性:参照样图3-07设置图像的高为400像素，宽为300像素，纵向和横向间隙为20像素， 图像在文档窗口中左对齐，替代文本为雕塑。 3. 设置图像链接:为该轮换图像创建到文档的链接。 4. 电子相册的创建: 打开一新文档窗口，创建相册图。设置主标题为雕塑相册集，副标题为经典雕塑，其他信息为经典 雕塑欣赏。源文件夹为Y3-07C文件夹，目的文件夹指定为X3-07文件夹，缩小尺寸为72x72，每行显示4列， 缩小格式及图片格式为JPG,图像的显示比例为100，并创建图像导航。 将X3-07indexhtml文档重命名为X3-07B，并按提示更新链接。 将操作结果保存到X3-07文件夹中。 操作题四： 在考生文件夹中新建一个文件夹，命名为X4-07。将DWMXUnit4Y4-07WJ文件夹复制到X4-07文件夹中。 1. 框架的插入:打开一个空白文档，在该文档中创建一个圆的框架。 2. 框架的命名:将左边的框架命名为Left，右边框架命名为right。 3. 保存框架集文件:将框架集文件命名为，保存到X4-07文件夹中。 4. 填充框架内容:参照样图 4-07)填充Right框架内容，将Right框架作为项目栏并输入标题书香诗语 和对应的目录，Left框架作为显示各个项目内容的窗口。 5. 插入代码片断:参照样图 4-07在Right框架第1行单元格中插入代码片断面板中Snippets 代码片断。 6. 保存与设置框架文档:设置并保存框架到X4-07文件夹中，其中LeH框架的宽度栈值为85，名称为， 并且设置该框架带滚动条;Right框架的宽度值为15%，名称为。 7. 超级链接的建立与框架目标的指定:创建右边Right框架中文本儿子的故事与WJ文件链接; 文本风中叶与WJ文件链接;文本告别校与WJ文件链接;文本水中花与WJ 文件链接;文本往事与WJ文件链接;文本缘生缘灭与WJ文件链接。使正文在Main 框架中显示、 8. 框架源文件的指定:设置Left框架中的源文件，将该框架中的源文件设为文档。 将操作结果保存在Y4-07文件夹中。 操作题五： 在考生文件夹中创建一个文件夹，命名为X5-07。将C:DWMXUnit5Y5-07文件夹中所有文档复制到 X5-07文件夹中。打开X5-07文档，参照样图5-07完成下列操作。 1. 创建和设置链接:创建一般链接，在文档中的文本中国画处创建到的链接。 2. 插入命名书签:在文档正文中的山水画、花鸟画、人物画和文人画标题文本处分别 插入命名书签，书签的命名依次为X5-07AX5-07D。 3. 创建命名书签链接:分别创建左列文本山水画与右列命名书签山水画处链接;左列文本花鸟画与 右列命名书签花鸟画处的链接;左列文本人物画与右列命名书签人物画处的链接;左列文本文人画与 右列命名书签文人画处链接。 4. 链接的设置与更改:创建文档右列正文中的所有文本返回和标题栏中文本中国画的链接，其中文本 中国画处的书签命名为X5-07E。 5. 创建电子邮件链接:在该文档左列文本Email，中插入电子邮件链接，电子件地址为。 将操作结果保存到X5-07文件夹中。 操作题六： 将DWMXUnit6Y6-07文件夹复制到考生文件夹root文件夹中，重命名为X6-07文件夹。新建一个以X6-07htm为文 件名的文档,保存到X6-O7文件.打开文档,完成下列操作。 1. 层的插入及命名:在该文档中分别插入两个没有包含关系的层，依次命名为Layerl和Layer2。 2. 层内插入图像:将X6-07images图像插入到Layerl层中，图像插入到Layer2层中。 3. 设置层的大小和坐标:调整层和层内图像的大小，便它们的大小保持一致，宽度为33,高度为33，单位为像素。 4. 时间轴和行为的使用:参照样图6-07完成时间轴和行为的使用。 创建动画的运动轨迹，要求利用录制路径的方式，使图层Layerl从左到右做曲线运动，使图层Layer2从右到左做 曲线运动，其中运动的曲线轨迹不作要求。 将时间轴面板设置为循环和自动播放。 添加行为:在第1帧位置加入显示Layerl的同时、隐藏Layer2的行为;在图层Layerl时间轴轨道的结束帧处加 入显示Layer2、同时隐藏Layerl的行为;在图层Layer2时间轴轨道的结束帧处加入隐藏Layer2的行为。 将操作结果保存到X6-07文件夹中. 操作题七： 在考生文件夹root文件夹中创建一个文件夹，命名为X7-07。新建一个文档，以为文件名保存 到该文件夹中，参照样图7-07完成下列操作。 1. 插入并命名表单:在该文档中插入一个表单，并将该表单命名为LoginFom。 2. 插入表单对象:参照K样图7，07输入样图中的文本，在文本的对应位置处分别插入相应的表单对象。 3. 表单对象属性的设置: 将 姓名:右边的文本域的命名为teXtl，字符宽度和最多字符数依次为12,20，类型为单行文本域。 将 性别:右边两个单选按钮均命名为gender，取值依次为0,1，初始状态为 男被选中。 将 “出生日期:右边的表单对象的命名依次为year、month和date;year文本域的字符宽度和最多字符数 均为4，载入显示文本为 19，类型为单行文本域;month下拉列表框的类型为菜单类型，列表值依次为01-12; date文本域的字符宽度和最多字符数均为2，类型为单行文本域。 将 有效证件:右边的文本域的命名为select，类型为菜单类型。列表的选项为身份证、驾驶证、护照、 工作证和学生证，列表的项目标签和值依次为01-05，初始选项为身份证。 将 有效证件号码:和 “电子邮箱:右边的文本域命名依次为zhengjian, email，字符宽度和最多字符数 均为24，类型均为单行文本域。 将 您的职业:右边文本域的命名为occupatlOn，类型为菜单类型，列表选项为待业、退休、学生、职员和 其他，列表的值为01-05，初始选项为学生。 将 企业类型:右边文本域的命名为enterlse，类型为菜单类型，列表的3项为国有企业、合资企业、外资企 业和私营企业，列表的值为01-04，初始选项为国有企业。 将 婚姻状况:右边两个单选按钮均命名为marital，未婚取值为0，已婚取值为1，并使未婚前的按钮被选中。 4. 插入与设置表单按钮:参照样图7-07插入表单按钮，按钮名称依次为Submit1、 Submit2;标签依次为 确认、重填;动作依次为提交表单和重置表单。 5. 表单的属性设天;设置表单LoginForm，动作为表单处理程序，发送Post请求。 将操作结果保存到X7-07文件夹中。 操作题八： 设置页面属性打开 文档,标题设置为文化教育首页新浪网. 1. 创建CSS样式 重定义HTML标记:分别将Boby和Td标记的字体设置为宋体9磅,仅在当前文档中使用 定义样式文件:定义名称为超链接样式文件,保存在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 列单元格中插入图像,在该单元格中使用为背景图,第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列元格中插入一个背景颜色为#666666,1行21 列的表格来完成,在1行2列表格的从上以下3个表格高度分别为28,60和34,宽度为750,单位均为像素. 文化教育导航中各文本之间用图像间隔图像的W,H为14和21,文本,首页所在单元格背景颜色为#CCCCFF. 创建(样图8-11A中标注的(2)区:将第2行单元格背景颜色设置为#CCCCFF,分别插入水平线和1行3列的表格, 在表格的第1无单元格中插入图像,第3列单元格中插入,在表格的下面插入12行4列的表格 分别在第1和4列单元格中插入图像,在第12行单元格中插入图像.创建该区时,根据需 要对相应的单元格进行合并和设置其宽度和高度,注意表格边界的修饰图和背景图像的利用. 创建(