网页设计与制作上机试卷十一

1、网页设计与制作上机试卷（十一）操作题一：1. 建立并设置本地根文件夹:新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root，并在该文件夹中新建Yl-11文件夹。复制文件：文件复制到X1-11文件夹中。2. 定义站点:设置"站点名称":定义DreamweaverMY站点，命名为"唐诗名人"。设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。设置本地默认图像文件夹:默认图像文件夹指定为考生文件夹中的rootXl-11文件夹。设置"HTTP地址":HTTP地址设置为http:/localhost。将设置好的&qu

2、ot;定义站点"对话框的"高级"选项卡"分类"栏中"本地信息"列表项拷屏，以文件名保存在Yl-11文件夹中。3. 创建与设置文档:创建文档:启动Dreamweaermx，新建一个未命名的HTML文档。命名和保存文档:文档命名为，并将其保存到考生文件夹中的rootXl-11文件夹中。设置文档页面属性文档的标题设置为"张九龄简介"背景图像设置为图像;左边界、边界宽带、顶部边界以及边界高度分别设置为25。将设置好的"页面属性"对话框拷屏，以文件名保存在Yl-11文件夹中。4. 输入文本:在&

3、quot;文档中输入样图1-llA中的文本。5. 创建与运用HTML羊式:创建HTML样式:创建样式名为HTMl-1l的HTMT样式。具体设置为"段铲样式，应用该样式时清除已有的样式格式;设置字体为方正舒体，粗体，大小为6号字，颜色为#FFOO00，格式为"标题2"，对齐方式为居中对齐。运用HTML样式:对所输入文本的标题"张九龄简介"运用HTMl-11样式。6. 创建CSS样式表：创建CSS样式:在Xl-1lMm文档中创建CSS样式，以csol-1l为CSS样式名保存到Xl-11文件夹中。设置字体为仿-GB2312，字号为”小”，颜色为#FF

4、OOFF，居中对齐，首行缩进30点数。使用CSS样式:对所输入文本的第2段运用ccsl-11样式，运用样式的效果如样图1-llB所示。将操作结果保存在Xl-11文件夹中。操作题二：在本地根文件夹root中新建X2-11文件夹。在答题过程中不要对文档使用或定义任何样式。1. 布局页面:绘制页面布局:新建一个文档，以为文件名保存到Y2-11文件夹中。参照样图2-llA在文档中绘制页面布局。设置页面布局:参照样图2-llA的标注，左侧布局单元格的宽度为Q6像素，高度为300像素，背景颜色为#00ggCC;顶部布局表格的宽度为356像素，高度为70像素，背景颜色为#CCFFCC下部布局表格的宽度为35

5、6像素，高度为230像素，背景颜色为#FFFF99。2. 表格的创建与设置创建表格:新建一个文档，以为文件名保存OX2-11文件夹中。参照样图2-llB在文档中创建一个表格。设置表格：表格的宽度为618像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格命名为T2-llA。填充表格:输入样图2-llB中的表格数据及文字。3设置单元格属性:表格水平居中对齐。第6行单元格的高度为60像素;其余各行单元格的高度为20像素;"第1、2、4、6、8列单元格的宽度为96像素，其余各列单元格的宽度为40像素。第1列单元格设置为水平左对齐;竖直居中。其余带文本的单元格设置为水平左对齐、竖直

6、均居中。4复制表格或单元格:复制表格T2-llA，粘贴到T2-llA的下面，命名为T2-llB。5管理表格:按照（样图2-llC，对T2-llB中相应的单元格进行合并。6.重新编排表格：交换T2-IIB中"通讯地址”和"E-MAIL地址"所在行的单元格如样图2-llC所示。将结果保存到X2-11文件夹中。操作题三：创建一个名称为X3-11的文件夹，保存到root文件夹中。在DreamweaverMX中新一个HTML文档，以为文件名保存在X3-11文件夹中。将和图像文件复制到X3-11文件夹中。1. 运用图像：打开文档，创建轮换图。初始图像指定为X3-1IY3.jp

7、g,替换图像为X3-1I。2. 设置图像属性:参照样图3-11设置图像的高为380像素，宽为400像素，纵和横向间隙为10像素，图像在文档窗口中左对齐，图像的边框设置为2，边框颜色不作要求，替代文本为"花卉相册集"。3. 设置图像链接:为该轮换图像创建到文档的链接。4. 电子相册的创建:打开一新文档窗口，创建相册图。设置主标题为"花卉相册集"，副标题为飞芳争艳"，其他信息为"精美花卉图片欣赏"。源文件夹为C:DWMXUni6Y3-1lpic文件夹，目的文件夹指定为X3-11文件夹，缩小尺寸为72X72，每行显示6列，缩小格式

8、及图片格式分别为JPEG-BetterQuality，图像的显示比例为90，并创建图像导航。将文档重命名为，并按提示更新链接。将操作结果保存到X3-11文件夹中操作题四：在考生文件夹中新建一个文件夹，命名为X4-11。将DWMXUnit4Y4-11WJ文件夹复制到X4-11文件夹中。1. 框架的插入:打开一个空白文档，在该文档中创建一个的框架。2. 框架的命名:将左边上部框架命名为corner，将左边下部的框架命名为Left，右边上部框架命名为Top，右边下部框架命名为Main。3. 保存框架集文件:将框架集文件命名为，保存到X4-11文件夹中。4. 填充框架内容：参照样图4-11填充corn

9、er、Left和Top框架中所对应的内容项。代码片5. 插入代码片断：参照样图4-11在Top框架中插入”代码片断”面板中断。6. 保存与设置框架文档：设置并保存框架文件到X4-11文件夹，在该框架集1行的高度设为40像素，第1列的宽度为130像素;Corner框架保存的名称为;Lef框架保存的名称为;Top框架保存的名称为;Main框架保存名称为，将Main框架设为带有滚动条;其中第1行框架的背景颜色为#CCCCCC。7. 超级链接的建立与框架目标的指定：创建左边下部框架Left中文本"她是我姐"与文件链接;文本"聪明的河马"与文件链接;"逝

10、去的网恋"与文件链接;文本"曾经深爱过"与。链接;文本"往后的日子"与文件链接;文本"情人心靡"与WJ"文件链接;文本"你上网了吗?"与文件链接;使每篇文章的正文Main框架中显示。8. 框架源文件的指定：设置Ma市框架中的源文件为将操作结果保存在X4-11文件夹中操作题五：在考生文件夹中创建一个文件夹，命名为X5-11。将C：DWMXUnit5Y5-11文件夹中所有文档复制到X5-11文件夹中。打开文档，参照样5-11完成下列操作。1. 创建和设置链接：在文档的文本"体育学"

11、;处创建一个空链接。2. 插入命名书签：在文档正文的"运动学"、"体育手段"、"体育教学"和"运动训练"的标题文本处分别插入命名书签，书签的命名依次为X5-11AX5-llE3. 创建命名书签链接：分别创建左列导航栏中文本"运动学"与右列命名书签运动学处的链接,文本"体育手段"与右列命名书签体育手段处的链接，文本"体育锻炼"与右列命名书签身体锻炼处的链接;文本"体育教学"与右列命名书签体育教学处的链接，文本"运动训练"

12、;与右列命名书签运动训练处的链接。4. 链接的设置与更改:创建文档正文中的所有文本"返回"与标题栏中命名书签体育处的链接，其中文本"体育"的书签命名为X5-llF.5. 创建电子邮件链接:在正文中MailMe图标旁的文本"写信"中插入电子邮件链接地址为。将操作结果保存到X5-11文件夹中。操作题六：将DWMXUnit6Y6-11文件夹复制到考生文件夹root文件夹中，重命名为X6-11文件夹。新建一个以为文件名的文档，保存到X6-11文件夹中。打开该文档，完成下列操作。1. 层的插入及命名:在该文档中插入一个层，命名为plane。2.

13、 层内插入图像:将图像插入到文档中的plane层中3. 层的大小和坐标：调整层和层内图像的大小，使它们的大小保持一致，宽度为100，高度为100,单位为像素。层的初始位置在(32,37)坐标点。4. 轴和行为的使用：参照样图6-11完成时间轴和行的使用。将plane图层加到动画轨道中。创建动画的运动轨道，要求利用拖动的方式创建，使图层从左到右做直线运动。将时间轴面板设置为循环和自动播放。添加行为：第1帧的位置添加行为，将该行为事件设置为弹出消息行为事件，消息的内容为"嘿!你好，我要飞了。结果保存到X6-11文件中。操作题七：在考生文件夹计中创建root文件夹中刨建广个文件夹，命名为X

14、7-05。新建一个文档，以为文件名保存到该文件夹中，参照样图7-05完成下列操作。1. 插入并命名表单:在该文档中插入一个表单，并将该表单命名为LoginForm。2. 插入表单对象:参照样图7-05输入样图中的文本，在文本的对应位置分别插入相应的表单对象。3. 表单对象属性的设置:将"姓名:"Email:"文本域依次命名为Name、Email，字符宽度和最多字符数分别为12、12，24.24，类型均为单行文本域。将"性别:"右边两个单选按钮均命名为button,取值男为01、女为02,初始状态均为未选中状态。"将”兴趣爱好:&quo

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

16、使用定义样式文件:定义名称为超链接样式文件,保存在X8-11文件夹中,光标移到链接时的颜色设置为#FF0000,超链接的正常状态颜色设置为#33FF33,访问过的超链接颜色设置为#993366。2. 局页面轮廓：参照样图8-11A完成样图8-11B中所标注的各个区域的制作.布局区页面轮廓：按样图8-11A中标注的区参照样图8-11B用2行10列,1行3列和1行2列的表格布局页面轮廓；布局(2),(3)和(4)区页面轮廓:按样图8-11A中标注的(2),(3)和区渗照样图8-11B用2行3列表格；布局(2),(3)和区页面轮廓在一列单元格中布局样图8-11A中标注的(2)区,第1行第1列单元格中

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

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