下载文档原格式
网页制作理论考试题及答案一、选择题（每题2分，共20分）1. HTML是用于描述网页文档的一种语言，它的全称是（）。
A. Hyper Text Markup LanguageB. Hyper Text Transfer ProtocolC. Hyper Text Transport LanguageD. Hyper Text Transfer Language答案：A2. 在HTML中，用于定义最重要的标题的标签是（）。
A. `<h1>`B. `<h6>`C. `<h3>`D. `<h2>`答案：A3. CSS中的选择器`body`用于选择（）。
A. 所有的HTML元素B. 所有的HTML属性C. 文档的整个身体部分D. 所有的HTML标签答案：C4. 在HTML中，用于创建无序列表的标签是（）。
A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：A5. 下面哪个属性用于设置HTML元素的宽度和高度（）。
A. `height` 和 `width`B. `size` 和 `length`C. `dimension` 和 `measure`D. `span` 和 `scope`答案：A6. 在HTML中，用于创建有序列表的标签是（）。
A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：B7. 在CSS中，`display`属性的值`none`表示（）。
A. 元素可见，但是不占据空间B. 元素不可见，且不占据空间C. 元素可见，且占据空间D. 元素不可见，但占据空间答案：B8. 在HTML中，用于创建定义列表的标签是（）。
A. `<ul>`B. `<ol>`C. `<dl>`D. `<li>`答案：C9. 在HTML中，用于创建表格的标签是（）。
1、在Dreamweaver MX中，通过插入图像、嵌套表单与表格、添加表单元素、创建超级链接等知识点，制作如图1示Google搜索网页。
（15分）图1 Google搜索网页2、利用导航条素材，给导航条的其中一个按钮添加弹出式菜单，如图2所示。
（10分）图2 弹出式菜单3、利用椭圆作为遮罩体，制作一幅如图3所示的遮罩层动画效果。
（15分）图3 遮罩层动画效果4、在Dreamweaver MX中，将如图1（左）所示的网页另存为模板，并在其中设置人物图片与文字为可编辑区域。
然后在应用创建的模板编辑文档，得到如图1（右）所示的网页效果。
（15分）图1 应用模板编辑文档5、在Fireworks中，打开如图2（左）所示的动物素材，更改画布大小，然后在画布右边添加附加到路径的文字，效果如图2（右）所示。
（10分）动物素材文字附加到路径效果图1-2 图像效果6、应用分离命令、用滴管工具吸取背景为填充色，制作一幅如图3所示的背景文字效果。
（15分）天空素材背景文字效果图3 背景文字效果7、设计一个旅游网网站的首页，请画出轮廓并加以说明。
参考答案：1、关键提示：①插入图片，居中对齐。
②创建表单。
③在表单中插入四行三列表格，并分别将第一列的第一行至第三行单元格合并、第三列的第一行至第三行单元格合并、第三行单元格合并。
④在表格中添加按钮、单选按钮。
⑤添加文字，并创建超级链接。
2、关键提示：①打开素材图片，应用切片工具创建切片。
②单击鼠标右键，在弹出的快捷菜单中选择“添加弹出式菜单”选项。
③编辑弹出式菜单。
④保存为网页格式（.htm）。
3、关键提示：①绘制矩形，填充渐变色。
②新建图层，输入文字。
③插入帧。
④新建图层，制作圆形遮罩体，将其设置为“遮罩层”。
4、关键提示：①从Dreamweaver中打开超级女模网页，将其另存为模板，然后设置人物和文字为可编辑区域。
②新建模板文档，在可编辑区域插入图片并编辑文字。
5、关键提示：①打开素材图片，然后更改画布大小。
一:HTML代码填空（每空5分，共30分）要求：1、将以下HTML代码划线部分补充完整；2、该网页要求支持简体中文；3、标题为考生真实姓名；4、三行两列的表格，边框为1个像素；5、表格第一行合并两个单元格，内容居中显示6、该网页保存为test1.htm，并浏览网页，按ALT+Print Screen键截图，粘贴到指定位置上。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=①GB2312"> ②<title>考生姓名</title></head><body><table ③border=”1” width="100%"><tr><td width="100%" ④colspan=”2”><p ⑤align=”center”>Text</td></tr><tr><td width="50%">Text</td><td width="50%">Text</td></tr>⑥<tr><td width="50%">Text</td><td width="50%">Text</td></tr></table></body></html>运行后的结果粘贴为下方文本框中：二、HTML代码改错题(每处6分，共30 分)要求：1、参照图2将划线语句中错误纠正；2、该网页为表单的应用；3、标题为单行文本；4、内容为多行文本；5、发布信息按钮的行为为提交；6、全部重写按钮的行为为重置。
《电子商务网页设计与制作》试卷班级：________________姓名：________________一、填空题(共10题，每题1分。
)1．布局网页时可以使用__________创建CSS布局块，并在网页文档中对其进行定位。
2．Applet插件能在网页中实现一些特殊效果，如下雪、水纹等。
Applet是一种Java应用程序，也是一种__________、__________、__________的网络应用程序。
Java Applet常被嵌入到HTML语言中，可以实现较为复杂的控制，也可以实现各种动态效果。
3．IP地址就是为连接在Internet上的每一个主机分配的一个32bit地址，Internet上的每台主机的IP地址都是__________的，就如生活中的门牌地址，在网络中就命名为IP地址。
4．在创建模板前需先创建__________，因为模板必须保存在__________中，否则创建模板时系统会提示创建__________。
5．资源在默认情况下是按其名称字母顺序排列，要改变资源列表中各资源的排列顺序，可单击相应的__________，让资源按相应的顺序排序。
6．“设置框架文本”行为可以用指定的内容替换框架的内容和__________。
该内容可以包含任何有效的HTML代码。
7．为了数据库的安全，还可以为数据库文件设置密码，设置密码需要以__________方式打开数据库，然后选择“工具/安全/设置数据库密码”命令设置其密码。
8．CSS即__________，它是Cascading Style Sheets英文的缩写。
9．在浏览网页时常会进行一些个人信息或其他信息的填写，如申请电子邮箱时填写个人信息，网上购物时填写购物单等，这些页面就是__________。
10．____________________是Dreamweaver的一项基于Ajax的框架的表单功能。
在网页中使用它可以向访问者提供更丰富的体验以及对表单信息的验证。
《网页设计与制作》习题参考答案第一章网页设计与制作概述1、填空题（1）静态网页、动态网页（2）HyperText Mark-up Language、超文本标记语言或超文本链接标示语言（3）文字、图形图像、动画、视频（4）Microsoft Frontpage（或SharePoint Designer）、Adobe Dreamweaver2、问答题(1)www的特点有哪些？答：1）万维网是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分。
2）WWW是建立在客户机／服务器模型之上的。
3）WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础。
4）WWW能够提供面向Internet服务的、一致的用户界面的信息浏览系统。
5）WWW浏览提供界面友好的信息查询接口。
(2)网页的基本元素有哪些？答：组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。
它们的特点如下：文字：网页中的大多数信息主要以文本方式显示，文字是网页的主体，负责传达信息的功能。
图像：图片给网页添加了色彩，使网页做到了图文并茂，形象生动。
动画：动画是动态的图形，添加动画可以使网页更加生动。
常用的动画格式包括动态GIF图片和Flash动画声音和视频：声音是多媒体网页中的重要组成部分，支持网络的声音文件格式很多，主要有MIDI、WA V、MP3和AIF等。
网页中支持的视频文件格式主要有Realplay、Mpeg、A VI和DivX等。
表格：在网页中使用表格可以控制网页中信息的结构布局。
超链接：超链接是网页与其他网络资源联系的纽带，是网页区别于传统媒体的重要特点导航栏：导航栏的作用是引导浏览者游历所有站点。
表单：表单类似于Windows程序的窗体，用来将浏览者提供的信息，提交给服务器端程序进行处理。
其他常见元素：包括悬停按钮、Java特效和ActiveX等各种特效。
大学web上机考试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是HTML标签？A. <p>B. <div>C. <table>D. <css>答案：D2. CSS选择器中，哪个用于选择类名为“example”的元素？A. #exampleB. .exampleC. [example]D. *example答案：B3. 在JavaScript中，以下哪个方法用于将字符串转换为大写？A. toUpperCase()B. toLowerCase()C. toCapitalize()D. toTitleCase()答案：A4. 以下哪个HTML属性用于定义图像的替代文本？A. altC. titleD. href答案：A5. 在HTML中，以下哪个元素用于定义文档的头部？A. <head>B. <header>C. <title>D. <h1>答案：A6. 以下哪个不是JavaScript中的全局对象？A. windowB. documentC. MathD. user答案：D7. 在CSS中，以下哪个属性用于设置元素的背景颜色？A. background-colorB. colorC. font-colorD. text-color答案：A8. 在HTML中，以下哪个元素用于定义一个无序列表？B. <ol>C. <dl>D. <table>答案：A9. 在JavaScript中，以下哪个方法用于获取数组中的第一个元素？A. first()B. last()C. pop()D. shift()答案：D10. 在HTML中，以下哪个属性用于定义超链接的目标地址？A. hrefB. srcC. altD. title答案：A二、填空题（每题2分，共20分）1. 在HTML中，`<meta>` 标签通常位于________标签内。
网页设计第一次上机操作练习题练习一：网页站点的创建与修改一、创建本地站点首先在硬盘的D盘上创建文件夹mywebsite，本书涉及的网站将创建在该文件夹中，如图2.6所示。
新建站点可以通过“文件”面板来完成。
(1)展开“文件”面板组，单击“文件”面板中的“管理站点”超链接，如图2.7所示。
图2.6 创建的文件夹图 2.7 “文件”面板组(2)此时将打开“管理站点”对话框，在其中单击“新建”按钮，并从下拉菜单中选择“站点”命令，如图2.8所示。
在打开的对话框中包括两个选项卡：“基本”和“高级”，如图2.9所示。
图2.8 在“管理站点”对话框中选择“站点”命令图2.9 站点定义对话框(3)这里我们保持默认的“基本”选项卡，并在文本框中输入新建站点的名称mywebsite。
(4)单击“下一步”按钮，在打开的对话框中选择将要采用的服务器技术，如图2.10所示。
(5)继续单击“下一步”按钮，在打开的对话框的顶部包括两个选项。
这里选择第2项，如图2.11所示。
图2.10 选择服务器技术图2.11 选择使用文件的方式(6)在该对话框中最重要的是选择存放站点文件的位置。
这里在文本框中输入站点文件夹的路径。
用户也可以单击文本框旁边的浏览按钮，在打开的“选择站点mywebsite的本地根文件夹”对话框中，找到将要存放站点文件的文件夹，如图2.12所示。
单击“选择”按钮后，就会将选中文件夹的路径加入到文本框中，如图2.13所示。
图2.12 “选择站点mywebsite的本地根文件夹”对话框图2.13 加入路径后的文本框(7)单击对话框中的“下一步”按钮进入结束对话框，其中列出了设置中的关键信息。
如果确信没有问题，单击“完成”按钮关闭对话框，如图2.14所示。
(8)此时将返回“管理站点”对话框，其中列出了刚刚创建好的站点名称mywebsite，如图2.15所示。
图2.14 结束对话框图2.15 “管理站点”对话框(9)单击“管理站点”对话框中的“完成”按钮，结束站点的定义。
考前必读1.试卷中共有五个题目，学号尾数为1和6的同学做第一题，学号尾数为2和7的同学做第二题，学号尾数为3和8的同学做第三题，学号尾数为4和9的同学做第四题，学号尾数为5和0的同学做第五题。
2.所有图片均在images文件夹中。
3.所有超链接一定要使用相对地址，上传时按照相对位置打包上传。
4.上传时文件名称按照“学号姓名”的格式上传，如：2012204201张三。
注意：上传后不能删除及修改。
试题一、跑马灯图片放大效果新建一个网页，使用五张图片pic1.jpg、pic2.jpg、pic3.jpg、pic4.jpg、pic5.jpg排成一行，图像宽和高为100px，有1px实线边框，填充值为6px。
将这些图像放在一个跑马灯内，使其从右向左不断循环滚动，滚动速度为8，延时为5。
当鼠标放在某个图片上，滚动停止且该图像呈放大效果如下图所示，图像宽和高改为150px，边框及间距不变。
鼠标离开后放大效果消失，继续滚动。
注意：放大时后边的图片应该还在原来的位置，放大后的图像一定要完全显示。
二、利用相对定位制作柔边阴影效果。
新建一个网页，使用三张图片pic1.jpg、pic2.jpg、pic3.jpg实现如下图所示效果。
图片高度和宽度均为150px，有1px实线边框，填充值为6px，三张图片并排排列，间距为30px。
柔边图片为“柔边.gif”，柔边显示6px。
三、制作纯CSS下拉菜单使用CSS制作下拉菜单，要求：一级菜单使用自适应宽度的圆角导航条，并使用滑动门技术实现背景颜色的翻转，背景图像使用yuanjiao2.png。
结果如下图所示：结构代码如下：<ul><li><a href="">学校概况</a><ul><li><a href="">聊大简介</a> </li><li><a href="">学校地图</a></li><li><a href="">影像聊大</a></li><li><a href="">聊大标识</a></li></ul></li><li><a href="">组织机构</a><ul><li><a href="">党政机关</a></li><li><a href="">党群团组织</a></li><li><a href="">直附属单位</a></li><li><a href="">科研院所</a></li><li><a href="">教学单位</a></li></ul></li><li><a href=">师资队伍建设</a><ul><li><a href="">师资概况</a></li><li><a href="">两院院士</a></li><li><a href="">聊大名师</a></li><li><a href="">人才招聘</a></li></ul></li><li><a href="">教学科研</a><ul><li><a href="">教学工作</a></li><li><a href="">人才培养</a></li><li><a href="">科学研究</a></li><li><a href="">学科建设</a></li></ul></li><li><a href="">招生就业</a><ul><li><a href="">本专科招生</a></li><li><a href="">研究生招生</a></li><li><a href="">网络教育招生</a></li><li><a href="">成人教育招生</a></li><li><a href="">就业指导中心</a></li></ul></li></ul>四、美化网页打开提供的网页4.html，修改为如下图所示样式。
班级：学号：姓名：《Dreamweaver 网页制作》期末上机考试题
1 、以自己的姓名新建文件夹，并在Dreamweaver 中将其设置为站点，在此站点下建立top_image、left_image、main1_image、main3_image四个子文件夹分别用来保存top.htm、left.htm、main1.htm、main3.htm网页对应的图片
2、创建广告公司企业文化框架网页，网页元素包括：广告条、导航条、背景图像。
“广告公司”“企业文化”网页能正确在main框架显示和切换。
“首页”页面如图：“广告公司”页面如图：
“企业文化”页面如图：
3、制作浮动广告（附加题）
注：评分标准
站点建立（5分）框架结构（5分）
top.htm制作（4分）left.htm制作（5分）
首页制作（6分）“公司介绍”制作（5分）
“企业文化”制作（5分）
附加题（10分）。
