网页设计与制作上机试卷

1、网页设计与制作上机试卷（四）操作题一:1. 建立并设置本地根文件夹:新建本地根文件夹:在考生文件夹中新建本地根文件夹，命名为root，并在该文件夹中新建Xl-04文件夹。复制文件:将文件复制到Xl-04文件夹中。2. 定义站点:设置”站点名称：定义DreamweaverMX站点，命名为”精美宋词”。设置本地根文件夹:本地根文件夹指定为考生文件夹中的root文件夹。设置HTTP地址：HTTP地址设置为http：/localhosto将设置好的定义站点对话框的高级选项卡分类本地信息列表项拷屏，以文件名保存在Xl-04文件夹中。3. 创建与设置文档：创建文档：启动DreamweaverMX，新建一个

2、未命名的HTML文档。命名和保存文档：文档命名为，并将其保存到考生文件夹中的rootxl-04文件夹中。设置文档页面属性：文档的标题设置为浪淘沙;背景图像设置为图像;左边界、边界宽带、顶部边界以及边界高度分别设置为35,将设置好的页面属性对话框拷屏，以文件名保存在Xl-04文件夹中。4. 输入文本：在文档中输入样图1-04A中的文本。5. 创建与运用HTML羊式：创建HTML样式：创建样式名为HTMl-04的HTML样式。具体设置为段落样式，应用该羊式时清除已有的样式格式；设置字体为黑体，粗体，大小为7号字，颜色为#OOOOCC，格式为”标题1，对齐方式为居中对齐。运用HTML样式:对所输入文

3、本的标题浪淘沙运用HTMl-04样式。6. 使用CSS样式表：创建CSS样式:在文档中创建CSS样式，以cssl-04为CSS样式名保存到X1-04文件夹中。设置字体为华文行楷，字号为18像素，颜色为#6666FF，左对齐，首行缩进10点数。使用CSS样式：对所输入文本的第2段运用cssl-04样式，运用样式的效果如样图1-04B所示。将操作结果保存在Xl-04文件夹中。操作题二：在本地文件夹root中新建X2-04文件夹。在答题过程中不要对文档使用或定义任何样式。1. 布局页面:绘制页面布局:新建一个文档，以为文件名保存到X2-04文件夹中。参照样图2-04A在文档中绘制页面布局。2. 设置

4、页面布局:参照1样图2-04A的标注，底部布局单元格的宽度为452像素，高度为85像素，背景颜色为#99FFFF;左侧布局表格的宽度为93像素，高度为926像素，背景颜色为#OOFFCC;右侧布局表格的宽度为359像素，高度为22-6像素，背景颜色为#FFFF99。3. 表格的创建与设置:创建表格:新建一个文档，以为文件名保存到X2-04文件夹中。参照样图2-04B在文档中创建一个表格。设置表格:表格的宽度为704像素，单元格填充和单元格间距设置为0，表格的边框设置为1，表格命名为T2-04A。填充表格:输入样图2-04B中的表格数据及文字。4. 设置单元格属性:各行单元格的高度设置为30像素

5、;表格设置为水平居中对齐，各列单元格的宽度从左到右依次为69像素、97像素、66像素、100像素、83像素、86像素、81像素和98像素。将所有单元格的对齐方式设置为水平、竖直均居中。将该表格的边框宽设置为4像素，颜色设置为#993366，表格的背景颜色设置为#CCCCCC，如样图2-04B所示。5. 复制表格或单元格：复制表格T2-04A，粘贴到表格T2-04A的下面，命名为T2-04B。6. 管理表格:按样图2-04C对T2-04B中相应的单元格进行合并。7. 重新编排表格：将表格T2-04B中的业务专长”和有何要求”行交换顺序，女口样图示-04C所示。将操作结果保存到X2-04文件夹中。

6、操作题三：创建一个名称为X3-04的文件夹，保存到root文件夹中。在DreamweaverMX中新建一个HTML文档，以为文件名保存在X3-04文件夹中。将和图像文件复制到X3-04文件夹中。1. 运用图像：打开文档，创建轮换图。初始图像指定为，替换图像为，图像命名为Image3-04.2. 设置图像属性：参照样图3-04）设置图像的高为200像素，宽为300像素，纵向和横向间隙为150像素，II图像在文档窗口中居中，替代文本为单击可链接建筑风情欣赏3. 设置图像链接:为该轮换图像创建到文档的链接。4. 电子相册的创建:打开一新文档窗口，创建相册图。设置主标题为:建筑风情相册集，副标题为世界

7、建筑，其他信息为世界建筑风情欣赏。源文件夹为C:DWMXUnit3Y3-04pic文件夹，目的文件夹指定为X3-04文件夹，缩小尺寸为1OOxlO0，每行显示5列，缩小格式及图片格式分别JEG-BetterQuality，图像的显示比例为100，并创建图像导航。将文档重命名为，并按提示更新链接。将操作结果保存到Y3-04文件夹中。操作题四：在考生文件夹中新建一个文件夹，命名为X4-04。将DWMXUnit4Y4-0lWJ文件夹复制到X4-04文件夹中。1. 框架的插入:打开一个空白文档，在该文档中创建一个圃的框架。2. 框架的命名：将左边的框架命名为IndeX，顶部命名为Top，右边框架命名为

8、Content。3. 保存框架集文件:将框架集文件命名为，保存到X4-04文件夹中。4. 填充框架内容：参照样图4-04填充框架内容，其中Top框架的背景颜色为#CCCCC,C表格的边框宽度为1，单元格的间距和边距均为5像素。5. 插入代码片断：参照（样图4-04在Ton框架表格的右侧插入代码片断”面板中代码片断。6. 保存与设置框架文档：设置并保存框架文件到X4-04文件夹中，其中Top框架高度为130像素，框架文件的名称为;IndeX框架的宽度为20,框架文件名称为;Content框架作为显示宋词内容的窗口，框架的宽度为80%，框架文件的名称为。7. 超级链接的建立与框架目标的指定:创建左

9、边框架IndeX中文本一剪梅与血文件链接;文本念奴娇与文件链接;文本凤凰台上忆吹萧与文件链接;文本如梦令与文件链接；文本醉花阴与文件链接;文本点绎唇与Wjy4-04Fhtm文件链接;文本楼春与文件链接。使每首宋词正文均在Content框架中显示。8. 框架源文件的指定:设置Content框架中的源文件，将该框架中的源文件设文档。将操作结果保存在X4.04文件夹中。操作题五：在考生文件夹中创建一个文件夹，命名为X5-O4。将C:DEMXUnit5Y5-04文件夹中所有文档复制到X5-04文件夹中。打开文档，参照样图5-04完成下列操作。1. 创建和设置链接:在文档的文本考古学处创建到的链接。2.

10、 插入命名书签:在文档正文的贝丘、船棺葬、岩画、铜镜、铜鼓和带钩标题文本处分别插入命名书签，书签的命名依次为X5-04AX5-04F。3. 创建命名书签链接:分别创建上栏中文本贝丘与正文中命名书签贝丘处的链接,上栏文本船棺葬与正文中命名书签船棺葬处的链接;上栏文本岩画与正文中命名书签岩画处的链接;上栏文本铜镜与正文中命名书签铜镜处的链接上栏文本铜鼓与正文中命名书签铜鼓处的链接;上栏文本带钩与正文中命名书签带钩处的链接。4. 链接的设置与更改:创建正文中的所有命名书签返回考古学专题和考古学专题处的链接，其中考古学专题处书签命名为Y5-04G。5. 创建电子邮件链接:在文档结尾处文本Email:中

11、插入电子邮件链接，地址为。将操作结果保存到X5-04文件夹中。操作题六：将DWMXUnit6Y6-04文件夹复制到考生文件夹root文件夹中，重命名为X6-04文件夹。新建一个以为文件名的文档，保存到X6-04文件夹中。打开该文档，完成下列操作。1. 层的插入及命名:在该文档中插入一个层，命名为Layerl。2. 层内插入图像:将图像插入到文档中的Layerl中。3. 设置层的大小和坐标:调整层和层内图像的大小，使它们的大小保持一致，宽度为100，高度为100，单位为像素。4. 时间轴和行为的使用:参照样图6-04完成时间轴和行为的使用。将Layerl图层加到动画轨道中，动画轨道的长为50帧。

12、创建动画的运动轨迹，要求利用拖动的方式创建，使图层从右到左做直线运动。将时间轴面板设置为循环和自动播放。添加行为:将该图层的行为事件设置为可以拖动的图层，该事件的触发点为当鼠标移到图层上即可拖动该图层。将操作结果保存到X6-04文件夹中。操作题七：在考生文件夹root文件夹中刨建一个文件夹，命名为X7-04。新建一个文档，以为文件名保存到该文件夹中，参照（样图7-040）完成下列操作。1. 插入并命名表单:在该文档中插入一个表单，并将该表单命名为LoginForm。2. 插入表单对象:参照样图7-04输入样图中的文本，在文本的对应位置分别插入相应的表单对象。3. 表单对象属性的设置:将姓名:、

13、EmaiI文本域依次命名为Name、Email，字符宽度和最多字符数jianyi，分别为12、12，24、24，类型单行文本域。最后一个文本域输入框的命名为类型为多行文本域，字符宽度和行数依次为50、5;该文本域载入时显示的值为请在此输入你的建议:。将性别:右边两个单选按钮均命名为button，取值男为01、女为02，初始状态均为未选中状态。4. 插入与设置表单按钮:参照样图7-04插入表单按钮，按钮名称依次为Submit、mset，标签依次为递交表单、重填表单，动作依次为提交表单和重置表单。5. 表单的属性设置:设置表单LoginForm，动作为表单处理程序，方法为发送Post请求。将操作结

14、果保存到X7-04文件夹中。操作题八：设置页面属性打开文档,标题设置为文化教育首页新浪网.1. 创建css样式重定义HTML标记:分别将Boby和Td标记的字体设置为宋体9磅,仅在当前文档中使用定义样式文件:定义名称为超链接样式文件,保存在X8-11文件夹中,光标移到链接时的颜色设置为#FF0000,超链接的正常状态颜色设置为#33FF33,访问过的超链接颜色设置为#993366。2. 局页面轮廓:参照样图8-11A完成样图8-11B中所标注的各个区域的制作.布局区页面轮廓：按样图8-11A中标注的区参照样图8-11B用2行10列,1行3列和1行2列的表格布局页面轮廓；布局(2),(3)和(4

15、)区页面轮廓:按样图8-11A中标注的(2),(3)和区渗照样图8-11B用2行3列表格；布局(2),(3)和区页面轮廓在一列单元格中布局样图8-11A中标注的(2)区,第1行第1列单元格中插入图像,在该单元格中使用为背景图,第2行第1列单元格中嵌套一个124列的表格用于布局样图8-11A中标注的区的下半部部分轮廓在第3列单元格中嵌套一个12行2列的表格布局样图8-11A中标注的(3)区页面轮廓在区的下面布局样图8-11A中标注的(4)区页面轮廓布局(5)区页面轮廓:用4行1列的表格来布局(5)区页面轮廓通过对上述各布局表格中单元格的拆分或合并,布局页面轮廓3. 填充页面元素：创建(样图8-1

16、1A中标注的区:第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行单元格背景颜色设置为#CCCCFF,分别插入水平线和1行3列的表格,在表格的第1无单元格中插入图像,第3列单元格中插入,在表格的下面插入12行4列的表格分别在第1和4列单元格中插入图像,在第12行单元格中插入图像创建该区时,根据需要对相应的单元格进行合并和设置其宽度和高度,注意表格边界的修饰图和背景图像的利用创建（样图8-11A中标注的（3）区:文本文教