网页设计与制作上机试卷六(DOC 13页).doc

1、网页设计与制作上机试卷（六） 操作题一:1. 建立并设置本地根文件夹: 新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root，并在该文件夹中新建Xl-06文件夹。 复制文件:将DWMXUnitlYl-06文件复制到Xl-06文件夹中。 2. 定义站点: 设置站点名称:定义DreamweaverMY站点，命名为 唐诗精品。 设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。 设置本地默认图像文件夹:默认图像文件夹指定为考生文件夹中的rootYl-06文件夹中。 设置HTTP地址设置为http:/localhost。 将设置好的定义站点对话框的高级选项卡分类栏中本地信息

2、列表项拷屏，以文件名 保存在Xl-06文件夹中。 3. 创建与设置文档: 创建文档:启动DreamweaverMX，新建一个未命名的HTML文档。 命名和保存文档:文档命名为，并将其保存到考生文件夹中的root以l-06文件夹中。 设置文档页面属性晑文档的标题设置为 长相思;背景图像设置为图像; 左边界、边界宽带、顶部边界以及边界高度分别设置为40、60、30、60。 将设置好的页面属性对话框拷屏，以文件名保存在Xl-06文件夹中。 4. 输入文本:在Xl06h血文档申输入样图1-06A中的文本。 5. 创建与运用HTMT样式: 创建HTMT样式:创建样式名为HTMl-06的HTML样式。具体

3、设置为段落样式，应用该样式时清除已有的样式 格式;设置字体为隶书，粗体，大小为7号字，颜色为#F17330Q，格式为 标题1，对齐方式为居中对齐。 运用HTML样式:对所输入文本的标题 长相思运用HTMl-06样式。 6. 使用CSS样式表: 创建CSS样式:在文档中创建CSS样式，以cssl-06为CSS样式名保存到Y1-06文件夹中。设置字 体为华文新魏，字号为18像素，颜色为#17F66FF，右对齐，带下划线，首行缩进0点数。 使用CSS样式:对所输入文本的第2段运用cssl-06样式，运用样式的效果如样图1-06B所示。 将操作结果保存在Xl-06文件夹中。 操作题二： 在本地根文件夹

4、root中新建X2-06文件夹。在答题过程中不要对文档使用或定义任何样式。 1. 布局页面: 绘制页面布局:新建一个文档，以为文件名保存到X2-06文件夹中。参照样图2-06A在 文档午绘制页面布局。 设置页面布局:参照样图2-06A的标注，左侧布局单元格的宽度设置为81像素，高度为312像素， 背景颜色为#CCCCCC;中间布局表格的宽度为263像素，高度为312像素，背景颜色为#OOCCFF;右侧布 局表格的宽度为 108像素，高度为312像素，背景颜色为#CCFFFF。 2. 表格的创建与设置: 创建表格:新建一个文档，以为文件名保存到Y2-06文件夹中。参照样图2-06B在 文档中创建

5、一个表格。 设置表格:表格的宽度为480像素，单元格填充和单元格间距设置为0，表格边框设置为1，表格命名为T2-06A。 填充表格:输入样图2-06B中的表格数据及文字。 3. 设置单元格属性: 将T2-06A表格对齐方式设置为居中对齐;各列单元格的宽度为80像素;单元格的高度为20像素;单元格的对齐方 式均为水平居中对齐、竖直居中。复制表格T2-06A并粘贴到T2-06A的下面命名为T2-06B。设置表格T2-06B格式， 使用格式化表格命令。完成结果如样图2-06C所示。设置行颜色，奇数行颜色为#FFFFCC，偶数行颜色为 #CCFF99。表格顶行的对齐方式为居中对齐，文本样式为正常字体，

6、背景颜色为#999999，文本颜色为自色。 表格的左列对齐方式为左对齐，文本样式为正常字体。表格的边框设置为1。 4. 复制表格或单元格:复制表格T2-06B;粘贴到T2-06B的下面，命名为T2-06Co 5. 管理表格:按T2-06C第2列的降序对表格T2-06C进行排序。 6. 重新编排表格:将T2-06C中第4列 (英语列)所在的单元格，移动到第2列的位置，如样图示-06D所示。 将操作结果保存到X2-06文件夹中。 操作题三： 创建一个名称为X3-06的文件夹，保存到root文件夹中。在DreamweaverMY中新建一个HTML文档，以 为文件名保存在X3-06文件夹中。将CihD

7、WMXUnit3Y3-06hmageshY3-06AJPg和图像文件复制到X3-06 文件夹中。 1. 运用图像:打开文档，创建轮换图。图像的命名为Imaee3-06，初始图像指定为， 替换图像为Y3-06。 2. 设置图像属性:参照样图3-06设置图像的高为350像素，宽为400像素，纵向和横向间隙为50像素，图像 在文档窗口中居中，图像的边框为1，边框颜色不作要求，替代文本为陶瓷欣赏。 3. 设置图像链接:为该轮换图像创建到文档的链接。 4. 电子相册的创建:打开一新文档窗口，创建相册图。设置主标题为相册集，副标题为陶瓷，其他信息 为经典陶瓷欣赏。源文件夹为C:DWMXunit3Y3-06

8、pic文件夹，目的文件夹指定为Y3-06文件夹，缩小尺寸 为72X72，每行显示5列，缩小格式及图片格式分别为JPEG-Better Quality时，图像的显示比例为90，并创建图 像导航。将X3-06文档重命名为，并按提示更新链接。 将操作结果保存到X3-06文件夹中。 操作题四： 在考生文件夹中新建一个文件夹，命名为X4-06。将DWMXUnit4Y4-06WJ文件夹制到X4-06文件夹中。 1. 框架的插入:打开一个空白文档，在该文档中创建一个的框架。 2. 框架的命名:将左边的框架命名为Left，顶部框架命名为Top，右边框架命名为Main。 3. 保存框架集文件:将框架集文件命名为

9、，保存到X4-06文件夹中。 4. 填充框架内容:参照样图4-06填充框架内容，将Left框架作为项目栏并输入对应的目录，Top框架 作为标题栏输入休闲与欣赏标题，Main框架作为显示各个项目的窗口。 5. 插入代码片断:参照样图4-06在Top框架中插入代码片断面板中SnippetsX4_0l.csn代码片断。 6. 保存与设置框架文档:设置并保存框架到X4-06文件夹中，将Top框架的高度值设为40像素， 保存为,Left框架的宽度值设为15%，名称为;Main框架的宽度值设为85%， 名称为，并且带有滚动条。 7. 超级链接的建立与框架目标的指定:创建左边Left框架中文本宋词欣赏与WJ

10、文件 链接;文本唐诗欣赏与WJ文件链接;文本文学欣赏与WJ文件链接;文本 笑话与WJ文件链接;文本星座忠告与WJ文件链接;使内容在Main框架中显示。 8. 框架源文件的指定:设置Main框架的源文件，将源文件设置为文档。 将操作结果保存在X4-06文件夹中。 操作题五： 在考生文件夹中创建一个文件夹，命名为X5-06。将C:DWMXUnit5Y5-06文件夹中所有文档复制到X5-06 文件夹中。打开X5-06文档，参照样图5-06完成下列操作。 1. 创建和设置链接:在文档中的文本电影学处创建一个空链接。 2. 插入命名书签:在文档正文中的电影美学、电影哲学、电影社会学、电影心理学 和电影符

11、号学的标题文本处分别插入命名书签，书签的命名依次为X506AX5-06E。 3. 创建命名书签链接:分别创建左栏文本电影美学与右栏命名书签电影美学处的链接;左栏文本 电影哲学与右栏命名书签电影哲学处的链接;左栏文本电影社会学与右栏命名书签电影社会学 处的链接;左栏文本电影心理学与右栏命名书签电影心理学处的链接;左栏文本电影符号学与右栏 命名书签电影符号学处的链接。 4. 链接的设置与更改:创建文档右栏正文中所有文本返回目录和左栏命名书签目录的链接，其中文 本目录处书签命名为X5-06F. 5. 创建电子邮件链接:在文档中的MailMe图标旁的文本写信中插入电子邮件链接，电子邮件地址为 。 将操

12、作结果保存到X5-06文件夹中。 操作题六： 将DWMXUnit6Y6-O6到考生文件夹root文件夹中，重命名为X6-06文件夹。新建一个以为文件 名的文档,保存到X6-06文件夹中,完成下列操作。 1. 插入及命名:在该文档中分别插入三个没有包含关系的层，依次命名为Layerl、Layer2和Layer3。 2. 层内插入图像:将X6-06图插入到Layerl层中，图像插入到Layer2层中， 图像插入到Layer3层中。 3. 设置层的大小和坐标: 调整层和层内图片的大小，使它们的大小保持一致，宽度为100，高度为1,单位为像素。 设置层在页面中的坐标，定位于(226.61)。 4. 时

13、间轴和行为的使用:参照样图6-06完成时间轴和行为的使用。 将Layerl图层加到第1条动画轨道第1-10帧,将Layer2图层加到第二条动画轨道的第10，20帧;将Layer3 图层加到第3条动画轨道的第20-30帧. 添加行为:在第1帧处加入显示Layerl、同时隐藏其他层的行为;在第l0帧处加入显示Layer2、同时隐藏其 他层的行为;在第20帧处加入显示Layer3,同时隐藏其他层的行为;在第30帧处加入隐藏Layer3的行为。 设置循环和自动播放，将最后1帧处行为频道上的小方块，拖到与30帧与频道上的行为重合。 将操作结果保存到X6-06文件夹中。 操作题七： 在考生文件夹root文

14、件夹中创建一个文件夹，命名为X7-06。新建一个文档，以为文件名 保存到该文件夹中，参照样图7-06)完成下列操作。 1. 插入并命名表单:在该文档中插入一个表单，并将该表单命名为LoginForm。 2. 插入表单对象:参照样图7-06输入样图中的文本，在文本的对应位置分别插入相应的表单对象。 3. 表单对象属性的设置: 将 姓名:和 Email:文本域依次命名为Name、Email，字符宽度和最多字符数分别为8、8，20、24， 类型均为单行文本域。 将文本 “留言下面的文本找输入框命名为liuyan，类型为多行文本域，字符宽度和行数依次为50、6; 该文本域载入时显示的值为请在此留言，你

15、的留言对我们很重要:。 将 性别:右边两个单选按钮均命名为button，取值男为01、女为02，初始状态均为未选中状态。 4. 插入与设置表单按钮:参照样图7-06插入表单按钮，按钮名称依次为Submit、 Submit2;标签依次为提交留言、重写留言;动作依次为提交表单和重置表单。 5. 表单的属性设置:设置表单LoginForm，动作为表单处理程序，方法为发送Post请求。 将操作结果保存到X7-06文件夹中。 操作题八： 设置页面属性打开 文档,标题设置为文化教育首页新浪网. 1. 创建CSS样式 重定义HTML标记:分别将Boby和Td标记的字体设置为宋体9磅,仅在当前文档中使用 定义

16、样式文件:定义名称为超链接样式文件,保存在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中标注的

17、(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列的表格来完

18、成,在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行单元格中插入图像.创建该区时,根据需 要对相应的单元格进行合并和

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