1、网页设计与制作上机试卷（二） 操作题一:1. 建立并设置本地根文件夹: 新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root，并在该文件夹中新建Xl-09文件夹， 在Xl-02文件夹下新建images文件夹。 2. 复制文件:将DWMXUnitlYl-02Yl-02OJpg文件复制到Xl-02文件夹中。 3. 定义站点:设置 站点名称:定义DreamweaverMX站点，命名为 精美宋词。 设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。 设置默认图像文件夹:默认图像文件夹指定为考生文件夹中的rootY1-02文件夹。 设置 HTTP地址晑HTTP地址设置为htt
2、p:/localhost。 将设置好的定义站点对话框的高级选项卡分类栏中本地信息列表项拷屏，以文件名 保存在Xl-02文件夹中。 4. 创建与设置文档: 创建文档:启动Dreamweaver MX，新建一个未命名的HTML文档。 命名和保存文档:文档命名为，并将其保存到考生文件夹中的rootxl-09文件夹中。 设置文档页面属性晑文档的标题设置为 念奴娇一赤壁怀古;背景图像设置为Xl-02 图像;左边界、边界宽带、顶部边界以及边界高度分别设置为25.将设置好的页面属性对话框拷屏，以 文件名保存在Xl-02文件夹中。 输入文本:在文档申输入样图1-O2A中的文本。 5. 创建与运用HTML样式:
3、 创建HTML样式:创建样式名为HTMl-02的HTML样式。具体设置为段落样式，应用该样式时清除已有的 样式格式;设置字体为华文新魏，粗体，大小为7号字，颜色为#0033CC，格式为 标题1，对齐方式为 居中对齐。 运用HTML样式:对所输入文本的标题 念奴娇-赤壁怀古运用HTMl-02样式。 使用CSS样式表:创建CSS样式:在文档中创建CSS样式，以cssl-02为CSS样式名保存到Xl-02文件 夹中。设置字体为隶书，字号为18像素，颜色为#0066FF,居中对齐，带下划线，首行缩进0像素。 使用CSS样式:对所输入文本的第2段运用cssl-02样式，运用样式的效果如样图1，02B所示
4、。 将操作结果保存在Xl-02文件夹中。 操作题二： 在本地根文件夹root中新建X2-02文件夹。在答题过程中不要对文档使用或定义任样式。 1布局页面: 绘制页面布局:新建一个文档，以为文件名保存到X2-02文件夹中。参照样图2-02A在 文档中绘制页面布局。 设置页面布局:参照样图2-02A的标注，顶端布局单元格的宽度为482像素，高度为63像素，背景颜色为 #FFCCgg;左侧布局表格的宽度为80像素，高度为258像素，背景颜色为#FF9999;右侧布局表格的宽度为482 像素，高度为195像素，背景颜色为#FFFF99。 2表格的创建与设置: 创建表格:新建一个文档，以为文件名保存到X
5、2-02文件夹中。参照样图2-02Bl在 文档中创建一个表格。 设置表格:表格的宽度为502像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格命名为T2-02A。 填充表格:输入样图2-02B中的表格数据及文字。 设置单元格属性:表格水平居中对齐;除第1行单元格外，其余各列单元格的宽度为100像素，高度均为30像素。 使用格式化表格命令。设置行颜色，奇数行颜色为#FFCCg9，偶数行颜色为#33CCgg。表格第1行的对齐方式 为居中，文本格式为粗体，背景颜色为#6633CC,文本颜色为白色。表格的第1列对齐方式为居中对齐，文本 样式为斜体。表格的边框设置为1。 4复制表格或单元格:
6、复制T2-02A的第2行第6行，粘贴到表格T2-02A的下面，命名为T2-02B。 管理表格:按T2-02B第2列的降序排序T2-02B，如样图2-02C所示。 重新编排表格:复制表格T2-02B，重命名为T2-02C。交换T2-02C中数学组与“语文组”两列，如 (样图2-02D所示。将操作结果保存到X2-02文件夹中。 操作题三： 在本地根文件夹root中新建X2-02文件夹。在答题过程中不要对文档使用或定义任何样式。 1. 布局页面: 绘制页面布局:新建一个文档，以为文件名保存到X2-02文件夹中。参照样图2-02A在 文档中绘制页面布局。 设置页面布局:参照样图2-02A的标注，顶端布
7、局单元格的宽度为482像素，高度为63像素，背景颜 色为#FFCCgg;左侧布局表格的宽度为80像素，高度为258像素，背景颜色为#FF9999;右侧布局表格的 宽度为482像素，高度为195像素，背景颜色为#FFFF99。 2. 表格的创建与设置: 创建表格:新建一个文档，以为文件3保存到X2-02文件夹中。参照样图2-02Bl在 文档中创建一个表格。 设置表格:表格的宽度为502像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格命名为 T2-02A。 填充表格:输入样图2-02B中的表格数据及文字。 设置单元格属性:表格水平居中对齐;除第1行单元格外，其余各列单元格的宽度为10
8、0像素，高度均为30像素。 使用格式化表格命令。 设置行颜色，奇数行颜色为#FFCCg9，偶数行颜色为#33CCgg。 表格第1行的对齐方式为居中，文本格式为粗体，背景颜色为#6633CC,文本颜色为自色。 表格的第1列对齐方式为居中对齐，文本样式为斜体。 表格的边框设置为1。 3. 复制表格或单元格:复制T2-02A的第2行第6行，粘贴到表格T2-02A的下面，命名为T2-02B。 4. 管理表格:按T2-02B第2列的降序排序T2-02B，如样图202C所示。 5. 重新编排表格:复制表格T2-02B，重命名为T2-02C。交换T2-02C中数学组与“语文组”两列，如 (样图2-02D所示
9、。将操作结果保存到X2-02文件夹中。 操作题四： 在考生文件夹中新建一个文件夹，命名为X4-01,将DWMXUnit4Y4-0lWJ文件夹复制到X4-01文件夹中。 1. 框架的插入:打开一个空白文档，在该文档中创建一个框架。 2. 框架的命名:将顶部框架命名为Top.下边的框架命名为Main。 3. 保存框架集文件:将框架集文件命名为，保存到X4-02文件夹中。 4. 填充框架内容:按照(样图4-02) 设计并填充Top框架内容，其中表格的背景颜色为#FFFFCC;页面的 背景颜色为#FFFFgg。 5. 插入代码片断:参照样图4-02 在Top框架第1行单元格中插入代码片断面板中Snip
10、pets 代码片断。 6. 保存与设置框架文档:保存框架文件到x4-02文件夹中，其中Top框架保存为,Main框架 保存为。 7. 超级链接的建立与框架目标的指定:创建顶部Top框架中文本风中叶与Wj文件链接; 文本告别校园与Wj文件链接;文本缘生缘灭与WJ文件链接;文本听雨 与WJ文件链接;文本水中花与WJ文件链接。每首诗的正文在Main框架中显示。 8. 框架源文件的指定:设置Content框架中的源文件。源文件设置为WJY4-02A文档将操作结果保存在 Y4-02文件夹中。 操作题五： 将DWMXUnit5Y5-02文件夹复制到考生文件夹root文件夹中，重命名为X5-02。X5-0l
11、文档 重命名为。打开X5-02文档，参照样图5-02完成下列操作。 1. 创建和设置链接:在文档中的哲学专题图像处创建到的链接。 2. 插入命名书签:在文档右栏内容区中，在文本世界观、本体论、目的论、万法论、 诡辩论和唯我论的右边分别插入命名书签，书签的命名依次为X5-02AX5-02D。 3. 创建命名书签链接:分别创建左栏文本世界观与右栏命名书签世界观处的链接;左栏文本本体论 与右栏命名书签本体论处的链接;左栏文本目的论与右栏命名书签目的论处的链接;左栏文本方法论 与石栏命名书签万法论处的链接;左栏文本诡辩论与右栏命名书签诡辩论处的链接;左栏文本唯我论 与右栏命名书签唯我论处的链接。 4.
12、 链接的设置与更改:创建右栏中所有文本返回专题目录与命名书签专题目录;处的链接，其中专题 目录书签命名为X5-02F. 5. 创建电子邮件链接:在文档的文本Email中插入电子邮件链接，电子邮件地址为。 将操作结果保存到X5-02文件夹. 操作题六： 将DWMXUnit6Y6-02文件夹复制到考生文件夹root文件夹中，重命名为X6-02文件夹。新建一个以 为文件名的文档，保存到X6-02文件夹中。打开该文档，完成下列操作。 1. 层的插入及命名:在该文档中插入一个层，命名为Layerl。 2. 层内插入图像:将X6-02images图像插入到文档中的Layer1中。 3. 设置层的大小和坐标
13、:调整层和层内图像的大小，使它们大小保持一致，宽度100，高度为100， 单位为像素。 4. 时间轴和行为的使用:参照样图6-02完成时间轴和行为的使用。将Layerl图层加到动画轨道中， 5. 动画轨道设置为40帧。创建动画的运动轨迹，要求该图层的运动方向是从右到左。在时间轴面板 设置循环。添加行为，在该文档中只要按下鼠标键则播放动画，反之则停止播放动; 将操作结果保存到X6-02文件夹中. 操作题七： 在考生文件夹的root文件夹中创建文件夹，新建文档，保存到X7-02文件夹中，参照 样图7-02完成下列操作。 1. 插入并命名表单:在Y7-02加m文档中插入一个命名为LoginForm的
14、表单。 2. 插入表单对象:参照样图7-02分别在客户名和口令右边插入一个文本输入框。 3. 表单对象属性的设置: 将客户名文本域命名为textFieldl，字符宽度和最多字符数依次为20和12, 类型为单行文本域。将 口令文本域命名为textField2，字符宽度和最多字符数依次为20和12,类型为密 码类型。插入与设置表单按钮:参照样图7-02插入表单按钮，该按钮的名称为Submit,标签为客户登录， 动作为递交表单。表单的属性设置:设置表单LoginForm动作为表单处理程序，方法为发送请求。 将操作结果保存到Y7-02文件夹中。 操作题八： 设置页面属性打开 文档,标题设置为文化教育首
15、页_新浪网. 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)
16、和(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
17、-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列单元格中插入,在表格的下面插入
18、12行4列的表格 分别在第1和4列单元格中插入图像,在第12行单元格中插入图像.创建该区时,根据需 要对相应的单元格进行合并和设置其宽度和高度,注意表格边界的修饰图和背景图像的利用. 创建(样图8-11A中标注的(3)区:文本文教信息文本为宋体,3号字,粗体,该区背景颜色为#FCFBE3. 创建(样图8-12A中标注的(4)区:设置区域背景颜色值为#FCFBE3,表单名称为SOusuo,方法为Post 动作为 文本载的命名为textfield.字符宽度和最多字符数分别为16,80类型为单行文本域,下拉列表框 的命名为select,类型为菜单,列表值为网站,网页,软件.游戏和新闻,按钮的命名为Submit标签为搜索,动作 为提交表单. 创建(样图8-11A中标注的(5)区参照样图8-11B完成区的创建,输入区的文本和竖线. 将操作结果保存到X8-11文件夹中
