网页设计与制作期末考试试题.docx

1、网页设计与制作期末考试试题网页设计与制作期末考试试题一选择题1. Web浏览器的作用是（A）。A负责下载并显示网页，能将Web文档的HTML编码解释，并显示为在浏览器上所见的Web页面B运行在服务器仅供服务器维护员使用的专用浏览器C浏览Web页面部分内容比整个页面内容要快D下载网页时不是根据页面中的HTML编码分别下载信息，而是一种随机性的下载方式2. HTTP协议是（C）。A远程登录协议 B邮件协议C超文本传输协议 D文件传输协议3. 下列标记可以不成对出现的是（B）。Ahtml/html Bp/pCtitle/title Dbody/body4. 下列（ C ）不能在网页的“页面属性”中进

2、行设置。A文档编码B背景颜色、文本颜色、链接颜色C网页背景图及其透明度D跟踪图像及其透明度5. 在表格标记中，cellpadding属性的作用是（C）。A表格与页面边距 B表格扩展边距C数据与表框距离 D表格边的宽度6. 对于标记input type=*，其中*位置放上一个值，表示输入时显示*号，该值是（C）。Ahidden BtextCpassword Dsubmit7. CSS的含义是（C）。A文档对象模型 B客户端脚本程序语言C级联样式表 D可扩展标记语言8. HTML语言是一种（ A ）。A标注语言B机器语言C汇编语言D算法语言9. 超级链接应该使用的标记是（C）Atitle Bbod

3、yCa Dhead10. 下列关于CSS的说法错误的是（ C ）。ACSS的全称是Cascading Style Sheets，中文的意思是“层叠样式表”BCSS样式不仅可以控制大多数传统的文本格式属性，还可以定义一些特殊的HTML属性C使用Dreamweaver只能可视化创建CSS样式，无法以源代码方式对其进行编辑DCSS的作用是精确定义页面中各元素以及页面的整体样式11. 关于绝对路径的使用，以下说法错误的是（ A ）。A使用绝对路径的链接不能链接本站点的文件，要链接本站点文件只能使用相对路径B绝对路径是指包括服务器规范在内的完全路径，通常使用http:/ 来表示C绝对路径不管源文件在什么

4、位置都可以非常精确地找到D如果希望链接其它站点上的内容，就必须使用绝对路径12. 在表格标记中，标签表示（B）。A表格中的行 B表格中的列C表格中的单元格 D表格边的宽度13. 以下几个事件中代表“鼠标滑到”的事件是（ C ）。AOnMouse DownBOnMouse OutCOnMouse OverDOnouseUp14. 关于表格背景，说法正确的是（ B ）。A只能定义表格背景颜色，不能用图片作为表格背景B可以使用颜色或图片作为表格背景图，但图片格式必须是GIF格式C可以使用颜色或图片作为表格背景图，但图片格式必须是JPEG格式D可以使用颜色或图片作为表格背景图，可以使用任何的GIF或者

5、JPEG图片文件15. 下图中显示的表单元素有（ D ）。A文本字段、单选按钮、多选按钮、列表/菜单B文本字段、列表/菜单、邮件区域、单选按钮C文本字段、列表/菜单、密码型文本域、单选按钮D文本字段、列表/菜单、单选按钮、图像域16. 下列关于HTML的说法正确的是（C ）。AHTML是网页的核心，是一种超文本标记的程序设计语言。B通过网页浏览器阅读HTML文件时，WEB服务器负责解释插入到HTML文本中的各种标记。CHTML是网页的核心，是一种超文本标记的语言，它是页面描述语言。D编制HTML文件时不需要加入任何标记(tag)。17. 目前在Internet上应用最为广泛的服务是（ B ）。

6、AFTP服务 BWWW服务CTelnet服务 DGopher服务18. 下列标记可以不成对出现的是（B）。Ahtml BbrCtitle Dbody19. JavaScript包括在HTML中，它成为HTML文档的一部分，可将.标识放入（ C ）。A只能在. 之间B只能在.之间C既可放入. 之间，也可放入.之间D只能在.之间20. 在表格标记中，标签表示（A）。A表格中的行 B表格中的列C表格中的单元格 D表格边的宽度21. 以下几个事件中代表“鼠标按下”的事件是（ A ）。AOnMouse DownBOnMouse OutCOnMouse OverDOnouseUp22. 添加背景音乐的HT

7、ML标签是（ A ）。ABCD二填空题1. 目前，网页中使用的较多的图像格式主要是GIF、_JPEG；PNG由于网页中包含超级链接，因此，网页也被称为超文本，传输协议被称为_超文本传输协议2. 当网页的内容较多时，对页面不同位置进行链接的是锚链接_。3. 在电子邮件链接中，_subject表示邮件主题；cc表示抄送地址。4. 绝对路径：是包含服务器协议的完整路径，是一个精确地址。网页分成两种模式，_静态网页和动态网页。5. 创建一个留言表单，其中要求能够输入多行文本，留言内容项选用的表单文本区域6. 一般来说，超级链接包含下列类型：文档链接、书签链接、和脚本链接。7. 绝对路径是包含服务器协议

8、的完整路径，是一个精确地址。三判断题1. 在一个WEB站点中，主页就是网页，两者是一致的。（ ）2. 在HTML中，标签表示换行。（ ）3. 创建超链接中，相对路径是包含服务器协议的完整路径，是一个精确的地址。（ ）4. CSS样式表可以从外部导入，通过链接的形式，使用样式定义。（ ）5. 动态网页就是网页中有许多多媒体元素和一些动的效果，使用户感觉页面非常有活力。（ ）6. 在HTML中，标签都必须有关闭标记。（ ）7. JPEG图像是一种有损压缩的图像格式。（ ）8. CSS样式，只能通过外部导入，并链接到网页，网页才能有效果。（ ）9. 在一个WEB站点中，每一个网页都有唯一的网址。（

9、）10. 在HTML中，标签表示换行。（ ）11. GIF格式的图像最多只能表现256色，图像文件也很小。（ ）四简答题1. 简述建立WEB站点的一般步骤。答：建立WEB站点的一般步骤如下：a) 对创建的站点进行规划，明确建站的目的、规模、面向的群体、服务器端的配置等各项情况；b) 建立一个完整的站点目录结构；c) 确定版面布局，收集和制作素材；d) 制作网页；e) 站点测试、发布及维护更新。2. 简述创建表单的基本步骤。答：创建表单的基本步骤：f) 确定需要收集的信息，然后根据信息特点开始设计表单；g) 在表单中插入不同的表单元素；h) 设置表单域的输入规则；i) 设置通过表单所收集的信息的

10、处理方式；设置确认网页，确认已经收到用户填写的信息，并可与用户核对是否正确。3. 什么是CSS样式？并列举CSS样式的类型。2. 答：CSS样式是网页元素外观属性的集合。它可以定义文字、表格、图像、表单等网页元素的属性。CSS样式的类型由：自定义CSS样式；HTML标签样式；CSS选择器样式。4. 说一说，你在本课程的学习过程中，感到最难学的部分是什么？并说明难在何处？五操作题1. 根据网页截图，完成下面的HTML代码。（注：表格背景颜色为99FFFF，并且表格在网页内居中对齐） 表格的使用 _ 2. 根据提供的素材和网页截图，写出网页的HTML代码。图1 网页内容图片（图片路径：image/

11、tou.gif）图2 网页背景图片（图片路径：image/bg.gif）图3 网页截图1. 金缕衣唐诗欣赏七言乐府 3. 根据网页内容，完成下面的HTML代码。 客户注册信息 客户姓名：_D_（1） 密码：_B_（2） 确认密码：_E_（3） 性别： _C_（4）_A_（5） 城市： 杭州 绍兴 温州 宁波 嘉兴   从下列选项中选择正确的选项填入上面的空缺处，完成网页代码。A女B （最多16个字符）C男D （最多16个字符） E F男G女H 参考答案：五操作题2. bgcolor=#99FFFF； ；2；3. D B E C A其他题型1、网页设计采用div+css有什么好处？布局

12、实现了表现与内容的分离，大大缩减页面代码，符合W3C的标准，兼容性更好；易于后期网站的更新、维护；SEO的优化：对搜索引擎更加友好，更容易被搜索引擎收录。2、前端页面有哪三层构成，分别是什么？作用是什么？网页分成三个层次，即：结构层、表示层、行为层。网页的结构层（structural layer）由HTML或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”网页的表示层（presentation layer）由CSS负责创建。CSS 对“

13、如何显示有关内容”的问题做出了回答。网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。3. 将CSS放在HEAD中的好处如果将CSS放在其他地方比如BODY中，则浏览器有可能还未下载和解析到CSS就已经开始渲染页面了，这就导致页面由无CSS状态跳转到CSS状态，用户体验比较糟糕。除此之外，有些浏览器会在CSS下载完成后才开始渲染页面，如果CSS放在靠下的位置则会导致浏览器将渲染时间推迟。6.什么是DOM7.实现下面功能1.）将元素的子元素改为：我在参加考试！Hello World!document

14、.getElementById(p1).innerHTML=我在参加考试;上面的段落被一条 JavaScript 脚本修改了。2）.设置一个已知ID的DIV的html内容为xxxx，字体颜色设置为黑色(不使用第三方框架)1 var dom = document.getElementById(“ID”);2 dom.innerHTML = “xxxx”3 dom.style.color = “#000”或”black”.3). 完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。 function foo() / 在此处添加代码 var rg = document.getE

15、lementsByName(radioGroup); for( var i = 0; i rg.length; i+ ) if( rgi.checked ) alert(你选择了第 + (i+1) + 个单选框); return false; 4.列举CSS样式引入方式 A) 使用 LINK标签将样式规则写在.css的样式文件中，再以标签引入。B) 使用STYLE标签将样式规则写在.标签之中。C) 使用STYLE属性将STYLE属性直接加在个别的元件标签里，元件(标签) STYLE=性质(属性)1: 设定值1; 性质(属性)2: 设定值2; .5.读代码写出函数DateDemo的返回结果，系统时间假定为今天function DateDemo()var d, s=今天日期是：;d = new Date();s += d.getMonth() + /;s += d.getDate() + /;s += d.getYear();return s;6.当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做？答：直接在DOM里绑定事件：在JS里通过onclick绑定：xxx.onclick=test通过事件添加进行绑定：addEventListener(xxx,click,test)