当前位置:文档之家› 网页设计与制作上机试卷(十一)

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

网页设计与制作上机试卷(十一)操作题一:1.建立并设置本地根文件夹:新建本地根文件夹:在考生文件夹中新建本地根文件夹,命名为root,并在该文件夹中新建Yl-11文件夹。

复制文件:DWMX\Unitl\Yl-1l\Yl-1l.ing文件复制到X1-11文件夹中。

2.定义站点:设置 "站点名称":定义DreamweaverMY站点,命名为 "唐诗名人"。

设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。

设置本地默认图像文件夹:默认图像文件夹指定为考生文件夹中的root\Xl-11文件夹。

设置 "HTTP地址": HTTP地址设置为http://localhost。

将设置好的"定义站点"对话框的"高级"选项卡"分类"栏中"本地信息"列表项拷屏,以Xl-llA.bmp文件名保存在Yl-11文件夹中。

3.创建与设置文档:创建文档:启动Dreamweaer mx,新建一个未命名的HTML文档。

命名和保存文档:文档命名为Yl-1l.html,并将其保存到考生文件夹中的root\Xl-11文件夹中。

设置文档页面属性Xl-1l.html文档的标题设置为 "张九龄简介";背景图像设置为Xl-l\Yl-1l.jpg图像; 左边界、边界宽带、顶部边界以及边界高度分别设置为25。

将设置好的"页面属性"对话框拷屏,以Xl-llB.bmp文件名保存在Yl-11文件夹中。

4.输入文本:在"Xl-1l.htm文档中输入[样图1-llA]中的文本。

5.创建与运用HTML样式:创建HTML样式:创建样式名为HTMl-1l的HTMT样式。

具体设置为"段铲样式,应用该样式时清除已有的样式格式;设置字体为方正舒体,粗体,大小为6号字,颜色为#FFOO00,格式为 "标题2",对齐方式为居中对齐。

运用HTML样式:对所输入文本的标题 "张九龄简介"运用HTMl-11样式。

6.创建CSS样式表:创建CSS样式:在Xl-1l@Mm文档中创建CSS样式,以csol-1l为CSS样式名保存到Xl-11文件夹中。

设置字体为仿-GB2312,字号为 "小",颜色为#FF00FF,居中对齐,首行缩进30点数。

使用CSS样式:对所输入文本的第2段运用ccsl-11样式,运用样式的效果如样图1-llB]所示。

将操作结果保存在Xl-11文件夹中。

操作题二:在本地根文件夹root中新建X2-11文件夹。

在答题过程中不要对文档使用或定义任何样式。

1.布局页面:绘制页面布局:新建一个文档,以X2-llA.btm为文件名保存到Y2-11文件夹中。

参照[样图2-llA]在X2-llA.htm 文档中绘制页面布局。

设置页面布局:参照[样图2-llA]的标注,左侧布局单元格的宽度为Q6像素,高度为300像素,背景颜色为#00ggCC; 顶部布局表格的宽度为356像素,高度为70像素,背景颜色为#CCFFCC;下部布局表格的宽度为356像素,高度为230 像素,背景颜色为#FFFF99。

2.表格的创建与设置:创建表格:新建一个文档,以X2-llB.htm为文件名保存@OX2-11文件夹中。

参照[样图2-llB]在X2-1l.htm文档中创建一个表格。

设置表格:表格的宽度为618像素,单元格填充和单元格间距设置为0,表格的边框设置为1,表格命名为T2-llA。

填充表格:输入[样图2-llB]中的表格数据及文字。

3.设置单元格属性:表格水平居中对齐。

第6行单元格的高度为60像素;其余各行单元格的高度为20像素;"第1、2、4、6、8列单元格的宽度为96像素,其余各列单元格的宽度为40像素。

第1列单元格设置为水平左对齐;竖直居中。

其余带文本的单元格设置为水平左对齐、竖直均居中。

4.复制表格或单元格:复制表格T2-llA,粘贴到T2-llA的下面,命名为T2-llB。

5.管理表格:按照(样图2-llC],对T2-llB中相应的单元格进行合并。

6.重新编排表格:交换T2-llB中"通讯地址"和"E-MAIL地址"所在行的单元格如[样图2-llC]所示。

将结果保存到X2-11文件夹中。

操作题三:创建一个名称为X3-11的文件夹,保存到root文件夹中。

在Dreamweaver MX中新一个HTML文档,以 X3-1lA.html为文件名保存在X3-11文件夹中。

将C:DWMX\Uni6\Y3-1l\Image\Y3-11a.jpg和Y3-1lB.jpg图像文件复制到X3-11文件夹中。

1.运用图像:打开X3-1lA.html文档,创建轮换图。

初始图像指定为X3-1l\Y3.jpg,替换图像为X3-1l\ Y3-1l.jPg。

2.设置图像属性:参照[样图3-11]设置图像的高为380像素,宽为400像素,纵和横向间隙为10像素,图像在文档窗口中左对齐,图像的边框设置为2,边框颜色不作要求,替代文本为"花卉相册集"。

3.设置图像链接:为该轮换图像创建到X3-1lB.htm文档的链接。

4.电子相册的创建:打开一新文档窗口,创建相册图。

设置主标题为"花卉相册集",副标题为飞芳争艳",其他信息为"精美花卉图片欣赏"。

源文件夹为C:DWMX\Uni6\Y3-1l\pic文件夹,目的文件夹指定为X3-11文件夹,缩小尺寸为@72X@72,每行显示6列,缩小格式及图片格式分别为JPEG-Better Quality,图像的显示比例为90,并创建图像导航。

将Y3-1l\lndeX.htm文档重命名为X3-1lB.htm,并按提示更新链接。

将操作结果保存到X3-11文件夹中操作题四:在考生文件夹中新建一个文件夹,命名为X4-11。

将DWMX\Unit4\Y4-11\WJ文件夹复制到X4-11文件夹中。

1.框架的插入:打开一个空白文档,在该文档中创建一个的框架。

2.框架的命名:将左边上部框架命名为corner,将左边下部的框架命名为Left,右边上部框架命名为Top,右边下部框架命名为Main。

3.保存框架集文件:将框架集文件命名为X4-1lA.htm,保存到X4-11文件夹中。

4.填充框架内容:参照[样图4-11]填充corner、Left和Top框架中所对应的内容项。

5.插入代码片断:参照[样图4-11]在Top框架中插入"代码片断"面板中Snippets\X4-1l.csn代码片断。

6.保存与设置框架文档:设置并保存框架文件到X4-11文件夹,在该框架集1行的高度设为40像素,第1 列的宽度为130像素;Corner框架保存的名称为X4-1lB.htm;Lef框架保存的名称为X4-llC.htm;Top框架保存的名称为X4-llD.htm;Main框架保存名称为X4-1lE.htm,将Main框架设为带有滚动条;其中第1行框架的背景颜色为#CCCCCC。

7.超级链接的建立与框架目标的指定:创建左边下部框架Left中文本"她是我姐"与WJ\Y4-11A.htm文件链接;文本"聪明的河马"与WJ\Y4-11B.htm文件链接;"逝去的网恋"与WJ\Y4-1lC.htm文件链接;文本"曾经深爱过"与WJ\Y4-1Ld.htm。

链接;文本"往后的日子"与Wj\Y4-11E.htm文件链接;文本"情人心靡"与WJ\Y4-11F.htm" 文件链接;文本"你上网了吗?"与W\YY4-1lG.htm文件链接;使每篇文章的正文Main框架中显示。

8.框架源文件的指定:设置Ma市框架中的源文件为Y4-1lA.htm将操作结果保存在X4-11文件夹中操作题五:在考生文件夹中创建一个文件夹,命名为X5-11。

将C:DWMX\Unit5\Y5-11文件夹中所有文档复制到X5-11 文件夹中。

打开X5-11\5-1l.htm文档,参照[样5-11]完成下列操作。

1.创建和设置链接:在文档的文本"体育学"处创建一个空链接。

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

4.链接的设置与更改:创建文档正文中的所有文本"返回"与标题栏中命名书签<体育>处的链接,其中文本"体育"的书签命名为X5-llF.5.创建电子邮件链接:在正文中MailMe图标旁的文本"写信"中插入电子邮件链接地址为guest@。

将操作结果保存到X5-11文件夹中。

操作题六:将DWMX\Unit6\Y6-11文件夹复制到考生文件夹root文件夹中,重命名为X6-11文件夹。

新建一个以X6-1l.htm为文件名的文档,保存到X6-11文件夹中。

打开该文档,完成下列操作。

1.层的插入及命名:在该文档中插入一个层,命名为plane。

2.层内插入图像:将X6-1l\images\Y6-1l.Jpg图像插入到X6-1l.htm文档中的plane层中3.层的大小和坐标:调整层和层内图像的大小,使它们的大小保持一致,宽度为100,高度为100,单位为像素。

层的初始位置在(32,37)坐标点。

4.轴和行为的使用:参照[样图6-11]完成时间轴和行的使用。

将plane图层加到动画轨道中。

创建动画的运动轨道,要求利用拖动的方式创建,使图层从左到右做直线运动。

将时间轴面板设置为循环和自动播放。

添加行为:第1帧的位置添加行为,将该行为事件设置为弹出消息行为事件,消息的内容为 "嘿!你好,我要飞了。

相关主题