网页设计与制作期末试题及答案_第1页
网页设计与制作期末试题及答案_第2页
网页设计与制作期末试题及答案_第3页
网页设计与制作期末试题及答案_第4页
网页设计与制作期末试题及答案_第5页
已阅读5页，还剩25页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页设计与制作模拟试题（一）一、单项选择题(每空1分，共10分)1.目前在Internet上应用最为广泛的服务是(

B

)。A.FTP服务

B.WWW服务

C.Telnet服务

D.Gopher服务2.在域名系统中，域名采用(

C

)。

A.树型命名机制

B.星型命名机制

C.层次型命名机制

D.网状型命名机制

3.HTTP协议是一种(D)协议。

A．文件传输协议

B．远程登录协议

C．邮件协议

D．超文本传输协议4.HTML语言中的转行标记是(B

)。

A.<html>

B.<br>

C.<title>

D.<p>5.在HTML中，标题字体标记<hx>中x的最大取值是(

C

)。

A.4

B.5

C.6

D.76.以下不能用来定义表格内容的标记为(

A

)。

A.<br>

B.<tr>

C.<th>

D.<td>

7.下面不是组成一个HTML文件基本结构标记的是(

C

)。

A.<HTML></HTML>

B.<HEAD></HEAD>

C.<FORM></FORM>

D.<BODY></BODY>8.加入一条水平线的HTML代码是(

A

)。

A.<hr>B.<imgsrc="name"border=?>

C.<imgsrc="name"align=?>D.<imgsrc="name">9.在HTML中，标记<pre>的作用是(B)。

A.标题标记B.预排版标记

C.转行标记D.文字效果标记要创建一个Email地址的链接，下面正确的句法是(

A

)。

A.<ahref=“mailto:mirror@263.net”>与我联系</a>

B.<ahref=“files:mirror@263.net”>与我联系</a>

C.<ahref=“http:mirror@263.net”>与我联系</a>

D.<ahref=“usenet:mirror@263.net”>与我联系</a>客户/服务器系统的最大特点是客户机和服务器(D)A.必须运行在同一台机器上B.必须运行在同一个网络上C.必须运行在不同的计算机上D.不必运行在同一计算机上若需要软件把LAN上的客户机从Internet上隐藏起来，并为客户机执行Web请求，则下面(D)软件能实现此项功能。A.InternetInformationServerB.IndexServerC.PersonalWebServerD.代理服务器通常一个站点的主页默认文档名是(C)A.Main.htmB.Webpage.htmC.Index.htmD.Homepage.htm通常，比较好的建立站点目录的习惯是(A)A.在根目录下建立一个总的IMAGE目录放置图象文件B.直接把图象文件放置在各栏目的目录下C.为各栏目建立一个单独的IMAGE目录放置图象文件D.在每个目录下建立一个IMAGE目录放置图象文件.以下有关页面布局的说法正确的是(D)A.分辨率越高，可供使用的页面尺寸越大B.网页布局与平面设计一样，不受页面大小的影响C.页眉和页脚中只能出现文本，不能出现图形D.页面布局通常是通过手工设计的，目前还没有相应的电脑软件完成这一工作.以下关于HTML文档的说法正确的一项是(A)A.<HTML>与</HTML>这两个标记合起来说明在它们之间的文本表示两个HTML文本B.HTML文档是一个可执行的文档C.HTML文档只是一种简单的ASCII码文本D.HTML文档的结束标记</HTML>可以省略不写正确描述创建一个一级标题居中的句法是(D)A.<H0ALIGN=CENTER>HeadingText</H0>B.<H1ALIGN=CENTER>HeadingText</H1>C.<HALIGN=CENTER>HeadingText</H>D.<HTALIGN=CENTER>HeadingText</HT>8.要创建一个Email地址的链接，下面正确的句法是(A)A.<ahref=“mailto:mirror@263.net”>与我联系</a>B.<ahref=“files:mirror@263.net”>与我联系</a>C.<ahref=“http:mirror@263.net”>与我联系</a>D.<ahref=“usenet:mirror@263.net”>与我联系</a>下列是可以放置在<FORM>和</FORM>之间的标记，其中用于定义一个用户可键入多行文本的标记是(B)A.<select>B.<textarea>C.<input>D.<body>在HTML中定义一个书签应该使用(A)A.<aname=“bookmark”>text</a>B.<ahref=“#bookmark”>text</a>C.<alink=“#bookmark”>text</a>D.<atarget=“#bookmark”>text</a>

二、简答题(每题6分，共60分)1、简述Web浏览器打开一个Web文件的工作过程。

2、描述网页设计的一般步骤。3、简述网页设计的基本准则。

4、简述规划网站目录结构时应遵循的原则。

5、描述版面布局的步骤。

6、什么是“HTML”？HTML“标记”又是什么？

7、简述“HTML”文档的基本结构。8、简述以下一段HTML代码中各对标记的作用。

〈html〉

〈head〉

〈title〉网页设计〈/title〉

〈/head〉

〈body〉

〈h2〉北国风光〈/h2〉

〈/body〉

〈/html〉

9、如何进行本地网页的测试？

10、网站管理和维护的主要工作有哪些？

三、问答题(每题15分，共15分)1、描述建设一个网站的具体步骤。四、综合题(每题15分，共15分)1、设计一个旅游网网站的首页，请画出轮廓并加以说明。模拟试题一参考答案一、单项选择题(每空1分，共10分)B、C、D、B、C、A、C、A、B、A、

二、简答题(每题6分，共60分)1、简述Web浏览器打开一个Web文件的工作过程。1）

Web浏览器向服务器发出页面请求2）

服务器接收页面请求，并将搜索到的页面发给Web浏览器3）

Web浏览器接收并显示页面每步２分，要加以说明，否则１分

2、描述网页设计的一般步骤。1)

设计主题2)

设计网页的总体结构3)

资料的收集和整理4)

选择网页的设计方法5)

注意一些基本问题，如：标题要简明、图片最好加说明等一个一分，答全６分

3、简述网页设计的基本准则。需要遵循的艺术原则主要有：1）

对比原则2）

协调原则3）

平衡原则4）

趣味原则。还包括统一、连贯、分割、对比、和谐、易读、易找、清晰、精选。一个一分，６个以上得６分

4、简述规划网站目录结构时应遵循的原则。在创建目录时需要注意：（1）不要将所有文件都存放在根目录下。（2）目录层次不要太深，建议不要超过三层。（3）不要使用过长的目录名和尽量不要使用中文目录名。每步２分，要加以说明，否则１分

5、描述版面布局的步骤。步骤：1）

绘制网页草图2）

粗略布局3）

定案每步２分，要加以说明，否则１分

6、什么是“HTML”？HTML“标记”又是什么？HTML是一种建立网页文件的语言，透过标记式指令，将影像、声音、图片和文字等连接起来。在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图形等显示方式的符号。每个３分，要加以说明，否则１分

7、简述“HTML”文档的基本结构。HTML网页的基本结构。<HTML>HTML文件开始<HEAD>文件头开始文件头</HEAD>文件头结束<BODY>文件体开始文件体</BODY>文体结束</HTML>HTML文件结束完整得全分，否则一组标记２分

8、简述以下一段HTML代码中各对标记的作用。

〈html〉

〈head〉

〈title〉网页设计〈/title〉

〈/head〉

〈body〉

〈h2〉北国风光〈/h2〉

〈/body〉

〈/html〉包括文件开始标记、文件头标记、标题标记、文件体标记、换段标记及相关的一些属性。

一个一分

9、如何进行本地网页的测试？在本地机器上进行测试的基本方法是用浏览器浏览网页，从网站的首页开始，一页一页地测试，以保证所有的网页都没有错误。在不同的操作系统以及不同的浏览器下网页可能会出现不同的效果，甚至无法浏览，就算是同一种浏览器但在不同的分辨率显示模式下，也可能出现不同的效果。解决办法就是使用目前较主流的操作系统（如windows、unix）和浏览器（如microsoftinternetexplorer、netscapenavigator）进行浏览观察。

本地测试的另一项重要工作就是要保证各链接的正确跳转，一般应将网页的所有资源相对于网页“根目录”来进行定位，即使用相对路径来保证上传到远程服务器上后能正确使用。本地测试还涉及到一些工作如检查网页的大小、脚本程序能否正确运行等。要点一个２分，需展开

10、网站管理和维护的主要工作有哪些？网站的管理维护主要包括检测网站的错误、保证网站正常运转、处理用户信息、定期更新网页内容和修正网页错误等。网站的管理维护可以使用一些专业的软件来实现。对于公司、企业等单位，尤其是拥有自己服务器的单位，则需要配置专门的网站管理员来管理和维护。

三、问答题(每题15分，共15分)1、

描述建设一个网站的具体步骤。

建设一个网站一般要经过以下步骤：制作环境的准备，网站目标的确定，网站的主题、风格和创意点的确定，网站结构的确立，网站素材的准备，网站制作工具的选择和确定，网站的建立，网站的测试和上传，网站的宣传和推广以及网站的更新和维护。一步１，５分．需展开

四、综合题(每题15分，共15分)1、

设计一个旅游网网站的首页，请画出轮廓并加以说明。

应有栏目：旅游新闻播报系统、目的地指南系统、门票预订系统、酒店预订系统、交通信息发布系统、用户注册管理系统等。讲究创意和内容。

创意占５分，内容占７分，组织占３分网页设计与制作期末模拟试题（二）一．选择题Web浏览器的作用是（A）。A．负责下载并显示网页，能将Web文档的HTML编码解释，并显示为在浏览器上所见的Web页面B．运行在服务器仅供服务器维护员使用的专用浏览器C．浏览Web页面部分内容比整个页面内容要快D．下载网页时不是根据页面中的HTML编码分别下载信息，而是一种随机性的下载方式HTTP协议是（C）。A．远程登录协议 B．邮件协议C．超文本传输协议 D．文件传输协议下列标记可以不成对出现的是（B）。A．〈html〉〈/html〉 B．〈p〉〈/p〉C．〈title〉〈/title〉 D．〈body〉〈/body〉下列（C）不能在网页的“页面属性”中进行设置。A．文档编码B．背景颜色、文本颜色、链接颜色C．网页背景图及其透明度D．跟踪图像及其透明度在表格标记中，cellpadding属性的作用是（C）。A．表格与页面边距 B．表格扩展边距C．数据与表框距离 D．表格边的宽度对于标记〈inputtype=*〉，其中*位置放上一个值，表示输入时显示*号，该值是（C）。A．hidden B．textC．password D．submitCSS的含义是（C）。A．文档对象模型 B．客户端脚本程序语言C．级联样式表 D．可扩展标记语言HTML语言是一种（A）。A．标注语言B．机器语言C．汇编语言D．算法语言超级链接应该使用的标记是（C）A．〈title〉 B．〈body〉C．〈a〉 D．〈head〉下列关于CSS的说法错误的是（C）。A．CSS的全称是CascadingStyleSheets，中文的意思是“层叠样式表”B．CSS样式不仅可以控制大多数传统的文本格式属性，还可以定义一些特殊的HTML属性C．使用Dreamweaver只能可视化创建CSS样式，无法以源代码方式对其进行编辑D．CSS的作用是精确定义页面中各元素以及页面的整体样式关于绝对路径的使用，以下说法错误的是（A）。A．使用绝对路径的链接不能链接本站点的文件，要链接本站点文件只能使用相对路径B．绝对路径是指包括服务器规范在内的完全路径，通常使用http://来表示C．绝对路径不管源文件在什么位置都可以非常精确地找到D．如果希望链接其它站点上的内容，就必须使用绝对路径在表格标记中，<td></td>标签表示（B）。A．表格中的行 B．表格中的列C．表格中的单元格 D．表格边的宽度以下几个事件中代表“鼠标滑到”的事件是（C）。A．OnMouseDownB．OnMouseOutC．OnMouseOverD．OnouseUp关于表格背景，说法正确的是（B）。A．只能定义表格背景颜色，不能用图片作为表格背景B．可以使用颜色或图片作为表格背景图，但图片格式必须是GIF格式C．可以使用颜色或图片作为表格背景图，但图片格式必须是JPEG格式D．可以使用颜色或图片作为表格背景图，可以使用任何的GIF或者JPEG图片文件下图中显示的表单元素有（D）。A．文本字段、单选按钮、多选按钮、列表/菜单B．文本字段、列表/菜单、邮件区域、单选按钮C．文本字段、列表/菜单、密码型文本域、单选按钮D．文本字段、列表/菜单、单选按钮、图像域下列关于HTML的说法正确的是（

C）。A．HTML是网页的核心，是一种超文本标记的程序设计语言。B．通过网页浏览器阅读HTML文件时，WEB服务器负责解释插入到HTML文本中的各种标记。C．HTML是网页的核心，是一种超文本标记的语言，它是页面描述语言。D．编制HTML文件时不需要加入任何标记(tag)。目前在Internet上应用最为广泛的服务是（B）。A．FTP服务B．WWW服务C．Telnet服务D．Gopher服务下列标记可以不成对出现的是（B）。A．〈html〉 B．〈br〉C．〈title〉 D．〈body〉JavaScript包括在HTML中，它成为HTML文档的一部分，可将<Script>...</Script>标识放入（C）。A．只能在<Head>..</Head>之间B．只能在<Body>...</Body>之间C．既可放入<Head>..</Head>之间，也可放入<Body>...</Body>之间D．只能在<div>...</div>之间在表格标记中，<tr></tr>标签表示（A）。A．表格中的行 B．表格中的列C．表格中的单元格 D．表格边的宽度以下几个事件中代表“鼠标按下”的事件是（A）。A．OnMouseDownB．OnMouseOutC．OnMouseOverD．OnouseUp添加背景音乐的HTML标签是（A）。A．<bgsound>B．<bgmusic>C．<bgm>D．<music>二．填空题目前，网页中使用的较多的图像格式主要是GIF、_JPEG；PNG由于网页中包含超级链接，因此，网页也被称为超文本，传输协议被称为_超文本传输协议当网页的内容较多时，对页面不同位置进行链接的是锚链接__。在电子邮件链接中，__subject表示邮件主题；cc表示抄送地址。绝对路径：是包含服务器协议的完整路径，是一个精确地址。网页分成两种模式，_静态网页和动态网页。创建一个留言表单，其中要求能够输入多行文本，留言内容项选用的表单文本区域一般来说，超级链接包含下列类型：文档链接、书签链接、和脚本链接。绝对路径是包含服务器协议的完整路径，是一个精确地址。三．判断题在一个WEB站点中，主页就是网页，两者是一致的。（×）在HTML中，<br>标签表示换行。（√）创建超链接中，相对路径是包含服务器协议的完整路径，是一个精确的地址。（×）CSS样式表可以从外部导入，通过链接的形式，使用样式定义。（√）动态网页就是网页中有许多多媒体元素和一些动的效果，使用户感觉页面非常有活力。（×）在HTML中，标签都必须有关闭标记。（×）JPEG图像是一种有损压缩的图像格式。（√）CSS样式，只能通过外部导入，并链接到网页，网页才能有效果。（×）在一个WEB站点中，每一个网页都有唯一的网址。（√）在HTML中，<td>标签表示换行。（×）GIF格式的图像最多只能表现256色，图像文件也很小。（√）四．简答题简述建立WEB站点的一般步骤。答：建立WEB站点的一般步骤如下：对创建的站点进行规划，明确建站的目的、规模、面向的群体、服务器端的配置等各项情况；建立一个完整的站点目录结构；确定版面布局，收集和制作素材；制作网页；站点测试、发布及维护更新。简述创建表单的基本步骤。答：创建表单的基本步骤：确定需要收集的信息，然后根据信息特点开始设计表单；在表单中插入不同的表单元素；设置表单域的输入规则；设置通过表单所收集的信息的处理方式；设置确认网页，确认已经收到用户填写的信息，并可与用户核对是否正确。什么是CSS样式？并列举CSS样式的类型。答：CSS样式是网页元素外观属性的集合。它可以定义文字、表格、图像、表单等网页元素的属性。CSS样式的类型由：自定义CSS样式；HTML标签样式；CSS选择器样式。说一说，你在本课程的学习过程中，感到最难学的部分是什么？并说明难在何处？五．操作题根据网页截图，完成下面的HTML代码。（注：表格背景颜色为99FFFF，并且表格在网页内居中对齐）<tablewidth="400"border="1"____align="center"_____________________________><tr><thheight="36"__colspan______="3"scope="col">表格的使用</th></tr><tr><tdheight="36"></td>____<td></td>___________<tdrowspan="_2_____"></td></tr><tr><tdheight="36"></td><td></td></tr></table>根据提供的素材和网页截图，写出网页的HTML代码。图1网页内容图片（图片路径：image/tou.gif）图2网页背景图片（图片路径：image/bg.gif）图3网页截图<html><head><title>金缕衣</title></head><bodybackground="image/bg.gif"><p><fontstyle="font-size:16px;font-weight:bold">唐诗欣赏——七言乐府</font></p><hrsize="1"><palign="center"><imgsrc="image/tou.gif"width="397"height="198"></p></body></html>根据网页内容，完成下面的HTML代码。<formid="form1"name="form1"method="post"action=""><tablewidth="400"border="0"align="center"class="table"><tr><thheight="22"colspan="2"bgcolor="#CCCCCC"scope="col"><divalign="center">客户注册信息</div></th></tr><tr><tdwidth="135"><divalign="right">客户姓名：</div></td>____________________D_____________（1）</tr><tr><td><divalign="right">密码：</div></td>_____________________B____________（2）</tr><tr><td><divalign="right">确认密码：</div></td>____________________E_____________（3）</tr><tr><td><divalign="right">性别：</div></td><td>__________________C_____________（4）___________________A______________（5）</td></tr><tr><td><divalign="right">城市：</div></td><td><label><selectname="select"><option>杭州</option><option>绍兴</option><option>温州</option><option>宁波</option><option>嘉兴</option></select></label></td></tr><tr><tdcolspan="2"><divalign="center"><inputtype="submit"name="Submit"value="提交"/> <label><inputtype="reset"name="Submit2"value="重置"/></label></div></td></tr></table><label></label></form>从下列选项中选择正确的选项填入上面的空缺处，完成网页代码。A．<inputtype="radio"name="radiobutton"value="radiobutton"/>女B．<td><inputname="text"type="password"size="16"/>（最多16个字符）</td>C．<inputtype="radio"name="radiobutton"value="radiobutton"/>男D．<td><inputname="text"type="text"size="16"/>（最多16个字符）</td>E．<td><inputname="text"type="password"size="16"/></td>F．<inputtype="checkbox"name="checkbox"value="checkbox"/>男G．<inputtype="checkbox"name="checkbox"value="checkbox"/>女H．<td><inputname="text"type="submit"size="16"/></td>参考答案：五．操作题bgcolor="#99FFFF"；；<td></td>；2；</tr>DBECA其他题型1、网页设计采用div+css有什么好处？布局实现了表现与内容的分离，大大缩减页面代码，符合W3C的标准，兼容性更好；易于后期网站的更新、维护；SEO的优化：对搜索引擎更加友好，更容易被搜索引擎收录。2、前端页面有哪三层构成，分别是什么？作用是什么？网页分成三个层次，即：结构层、表示层、行为层。网页的结构层（structurallayer）由HTML或XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”网页的表示层（presentationlayer）由CSS负责创建。CSS对“如何显示有关内容”的问题做出了回答。网页的行为层（behaviorlayer）负责回答“内容应该如何对事件做出反应”这一问题。这是Javascript语言和DOM主宰的领域。3.将CSS放在HEAD中的好处如果将CSS放在其他地方比如BODY中，则浏览器有可能还未下载和解析到CSS就已经开始渲染页面了，这就导致页面由无CSS状态跳转到CSS状态，用户体验比较糟糕。除此之外，有些浏览器会在CSS下载完成后才开始渲染页面，如果CSS放在靠下的位置则会导致浏览器将渲染时间推迟。6.什么是DOM7.实现下面功能1.）将元素的子元素改为：我在参加考试！<!DOCTYPEhtml><html><body><pid="p1">HelloWorld!</p><script>document.getElementById("p1").innerHTML="我在参加考试";</script><p>上面的段落被一条JavaScript脚本修改了。</p></body></html>2）.设置一个已知ID的DIV的html内容为xxxx，字体颜色设置为黑色(不使用第三方框架)1vardom=document.getElementById(“ID”);2dom.innerHTML=“xxxx”3dom.style.color=“#000”或”black”.3).完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。

<html>

<body>

<script>

function

foo()

{

//

在此处添加代码

var

rg

=

document.getElementsByName("radioGroup");

for(

var

i

=

0;

i

<

rg.length;

i++

)

{

i

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论