网页设计与制作模拟试的题目.pdf

《网页设计与制作模拟试的题目.pdf》由会员分享，可在线阅读，更多相关《网页设计与制作模拟试的题目.pdf（30页珍藏版）》请在三一文库上搜索。

1、实用标准文案 精彩文档 网页设计与制作模拟试题（一） 一、 单项选择题 (每空 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. B. C. D. 5. 在 HTML 中，标题字体标记 中 x 的最大取值是 ( C

2、 ) 。 A.4 B.5 C.6 D.7 实用标准文案 精彩文档 6. 以下不能用来定义表格内容的标记为( A ) 。 A. B. C. D. 7. 下面不是组成一个HTML 文件基本结构标记的是 ( C ) 。 A. B. C. D. 8. 加入一条水平线的HTML 代码是( A ) 。 A. B. C. D. 9. 在 HTML 中，标记 的作用是 ( B )。 A.标题标记 B.预排版标记 C.转行标记 D.文字效果标记 10. 要创建一个 Email 地址的链接，下面正确的句法是 ( A )。 A. 与我联系 B. 与我联系 C. 与我联系 D. 与我联系 11.客户/ 服务器系统的最

3、大特点是客户机和服务器 ( D ) A. 必须运行在同一台机器上 B. 必须运行在同一个网络上 C. 必须运行在不同的计算机上 D. 不必运行在同一计算机上 实用标准文案 精彩文档 12. 若需要软件把 LAN上的客户机从 Internet上隐藏起来，并为客户机执行Web 请求，则下面 ( D )软件能实现此项功能。 A. Internet Information Server B. Index Server C. Personal Web Server D. 代理服务器 13.通常一个站点的主页默认文档名是 ( C ) A. Main.htm B. Webpage.htm C. Index.

4、htm D. Homepage.htm 14.通常，比较好的建立站点目录的习惯是 ( A ) A. 在根目录下建立一个总的IMAGE 目录放置图象文件 B. 直接把图象文件放置在各栏目的目录下 C. 为各栏目建立一个单独的IMAGE 目录放置图象文件 D. 在每个目录下建立一个IMAGE 目录放置图象文件 15. . 以下有关页面布局的说法正确的是 ( D ) A. 分辨率越高，可供使用的页面尺寸越大 B. 网页布局与平面设计一样，不受页面大小的影响 C. 页眉和页脚中只能出现文本，不能出现图形 D. 页面布局通常是通过手工设计的，目前还没有相应的电脑软件完成这一工 作 16. . 以下关于

5、HTML 文档的说法正确的一项是 ( A ) A. 与 这两个标记合起来说明在它们之间的文本表示两个HTML 文本 B. HTML 文档是一个可执行的文档 C. HTML 文档只是一种简单的ASCII 码文本 D. HTML 文档的结束标记 可以省略不写 17.正确描述创建一个一级标题居中的句法是 ( D ) A. Heading Text B. Heading Text C. Heading Text D. Heading Text 18. 8. 要创建一个 Email 地址的链接，下面正确的句法是 ( A ) A. 与我联系 B. 与我联系 C. 与我联系 D. 与我联系 实用标准文案 精

6、彩文档 19. 下列是可以放置在 和 之间的标记，其中用于定义一个用户可 键入多行文本的标记是 ( B ) A. B. C. D. 20.在 HTML 中定义一个书签应该使用 ( A ) A. text B. text C. text D. text 二、 简答题 (每题 6 分，共 60 分) 1、简述 Web浏览器打开一个Web 文件的工作过程。 2、描述网页设计的一般步骤。 3、简述网页设计的基本准则。 4、简述规划网站目录结构时应遵循的原则。 5、描述版面布局的步骤。 6、什么是“ HTML ”？HTML “标记”又是什么？ 7、简述“ HTML ”文档的基本结构。 8、简述以下一段

7、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

8、 分，共 60 分) 1、简述 Web浏览器打开一个Web 文件的工作过程。 1） Web浏览器向服务器发出页面请求 2）服务器接收页面请求，并将搜索到的页面发给Web 浏览器 3） Web浏览器接收并显示页面 每步分，要加以说明，否则分 2、描述网页设计的一般步骤。 1) 设计主题 2) 设计网页的总体结构 3) 资料的收集和整理 4) 选择网页的设计方法 5) 注意一些基本问题，如：标题要简明、图片最好加说 明等 一个一分，答全分 3、简述网页设计的基本准则。 实用标准文案 精彩文档 需要遵循的艺术原则主要有： 1）对比原则 2）协调原则 3）平衡原则 4）趣味原则。 还包括统一、连贯、分

9、割、对比、和谐、易读、易找、清晰、精 选。 一个一分，个以上得分 4、简述规划网站目录结构时应遵循的原则。 在创建目录时需要注意： （1）不要将所有文件都存放在根目录下。 （2）目录层次不要太深，建议不要超过三层。 （3）不要使用过长的目录名和尽量不要使用中文目录名。 每步分，要加以说明，否则分 5、描述版面布局的步骤。 步骤： 1）绘制网页草图 2）粗略布局 3）定案 每步分，要加以说明，否则分 实用标准文案 精彩文档 6、什么是“ HTML ”？HTML “标记”又是什么？ HTML 是一种建立网页文件的语言，透过标记式指令，将影像、 声音、图片和文字等连接起来。 在 HTML 中用于描述

10、功能的符号称为 “标记”，它是用来控制文 字、图形等显示方式的符号。 每个分，要加以说明，否则分 7、简述“ HTML ”文档的基本结构。 HTML 网页的基本结构。 HTML文件开始 文件头开始 文件头 文件头结束 文件体开始 文件体 文体结束 HTML文件结束 完整得全分，否则一组标记分 8、简述以下一段 HTML 代码中各对标记的作用。 html 实用标准文案 精彩文档 head title网页设计 /title /head body h2北国风光 /h2 /body /html 包括文件开始标记、文件头标记、标题标记、文件体标记、换 段标记及相关的一些属性。 一个一分 9、如何进行本地

11、网页的测试？ 在本地机器上进行测试的基本方法是用浏览器浏览网页，从网 站的首页开始，一页一页地测试，以保证所有的网页都没有错误。 在不同的操作系统以及不同的浏览器下网页可能会出现不同的效 果，甚至无法浏览，就算是同一种浏览器但在不同的分辨率显示模 式下，也可能出现不同的效果。解决办法就是使用目前较主流的操 作系统（如 windows、unix ）和浏览器（如microsoft internet explorer 、netscape navigator）进行浏览观察。 本地测试的另一项重要工作就是要保证各链接的正确跳转， 一般应将网页的所有资源相对于网页“根目录”来进行定位，即使 实用标准文案

12、精彩文档 用相对路径来保证上传到远程服务器上后能正确使用。本地测 试还涉及到一些工作如检查网页的大小、脚本程序能否正确运行等。 要点一个分，需展开 10、网站管理和维护的主要工作有哪些？ 网站的管理维护主要包括检测网站的错误、保证网站正常运转、 处理用户信息、 定期更新网页内容和修正网页错误等。网站的管理维 护可以使用一些专业的软件来实现。对于公司、企业等单位，尤其是 拥有自己服务器的单位，则需要配置专门的网站管理员来管理和维 护。 三、问答题 (每题 15 分，共 15 分) 1、描述建设一个网站的具体步骤。 建设一个网站一般要经过以下步骤：制作环境的准备， 网站目 标的确定，网站的主题、风

13、格和创意点的确定，网站结构的确立，网 站素材的准备，网站制作工具的选择和确定，网站的建立，网站的测 试和上传，网站的宣传和推广以及网站的更新和维护。 一步，分需展开 四、综合题 (每题 15 分，共 15 分) 1、设计一个旅游网网站的首页，请画出轮廓并加以说明。 实用标准文案 精彩文档 应有栏目：旅游新闻播报系统、目的地指南系统、门票预 订系统、酒店预订系统、交通信息发布系统、用户注册管理系统 等。 讲究创意和内容。 创意占分，内容占分，组织占分 网页设计与制作期末模拟试题（二） 一选择题 1.Web浏览器的作用是（A ）。 A负责下载并显示网页， 能将 Web文档的 HTML 编码解释，

14、并显示为在浏览器 上所见的 Web页面 B运行在服务器仅供服务器维护员使用的专用浏览器 C 浏览 Web页面部分内容比整个页面内容要快 D 下载网页时不是根据页面中的HTML 编码分别下载信息， 而是一种随机性的 下载方式 2.HTTP协议是（C ）。 A远程登录协议B邮件协议 C 超文本传输协议D文件传输协议 3.下列标记可以不成对出现的是（B ）。 Ahtml /html Bp/p C title/titleDbody/body 4.下列（ C ）不能在网页的“页面属性”中进行设置。 实用标准文案 精彩文档 A文档编码 B背景颜色、文本颜色、链接颜色 C 网页背景图及其透明度 D 跟踪图像

15、及其透明度 5.在表格标记中， cellpadding属性的作用是（C ）。 A表格与页面边距B表格扩展边距 C 数据与表框距离D表格边的宽度 6.对于标记 input type=*，其中 *位置放上一个值，表示输入时显示*号， 该值是（C ）。 Ahidden Btext C password Dsubmit 7.CSS的含义是（C ）。 A文档对象模型B客户端脚本程序语言 C 级联样式表D可扩展标记语言 8. HTML 语言是一种（ A ）。 A标注语言B机器语言C汇编语言D算法语言 9.超级链接应该使用的标记是（C ） AtitleBbody C aDhead 10. 下列关于 CSS

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

17、C 绝对路径不管源文件在什么位置都可以非常精确地找到 D 如果希望链接其它站点上的内容，就必须使用绝对路径 12. 在表格标记中， 标签表示（B ）。 A表格中的行B表格中的列 C 表格中的单元格D表格边的宽度 13. 以下几个事件中代表“鼠标滑到”的事件是（ C ）。 AOnMouse Down BOnMouse Out C OnMouse Over D OnouseUp 14. 关于表格背景，说法正确的是（ B ）。 A只能定义表格背景颜色，不能用图片作为表格背景 B可以使用颜色或图片作为表格背景图，但图片格式必须是GIF 格式 实用标准文案 精彩文档 C 可以使用颜色或图片作为表格背景图

18、，但图片格式必须是JPEG格式 D 可以使用颜色或图片作为表格背景图，可以使用任何的GIF或者 JPEG 图片 文件 15. 下图中显示的表单元素有（ D ）。 A文本字段、单选按钮、多选按钮、列表/ 菜单 B文本字段、列表 / 菜单、邮件区域、单选按钮 C 文本字段、列表 / 菜单、密码型文本域、单选按钮 D 文本字段、列表 / 菜单、单选按钮、图像域 16. 下列关于 HTML 的说法正确的是（C ）。 AHTML 是网页的核心，是一种超文本标记的程序设计语言。 B通过网页浏览器阅读HTML 文件时， WEB 服务器负责解释插入到HTML 文本 中的各种标记。 C HTML 是网页的核心，

19、是一种超文本标记的语言，它是页面描述语言。 D 编制 HTML 文件时不需要加入任何标记(tag) 。 17. 目前在 Internet上应用最为广泛的服务是（ B ）。 AFTP服务 BWWW服务 实用标准文案 精彩文档 C Telnet 服务 D Gopher服务 18. 下列标记可以不成对出现的是（B ）。 Ahtml Bbr C titleDbody 19. JavaScript包括在 HTML 中，它成为 HTML 文档的一部分，可将 .标识放入（ C ）。 A只能在 之间 B只能在 . 之间 C 既可放入 之间，也可放入 . 之间 D 只能在 .之间 20. 在表格标记中， 标签表

20、示（A ）。 A表格中的行B表格中的列 C 表格中的单元格D表格边的宽度 21. 以下几个事件中代表“鼠标按下”的事件是（ A ）。 AOnMouse Down BOnMouse Out C OnMouse Over D OnouseUp 22. 添加背景音乐的 HTML 标签是（ A ）。 A B 实用标准文案 精彩文档 C D 二填空题 1.目前，网页中使用的较多的图像格式主要是GIF、_JPEG ；PNG 由于网页中包含超级链接，因此，网页也被称为超文本，传输协议被称为_超文 本传输协议 2.当网页的内容较多时，对页面不同位置进行链接的是锚链接_。 3.在电子邮件链接中， _subjec

21、t表示邮件主题； cc 表示抄送地址。 4.绝对路径：是包含服务器协议的完整路径，是一个精确地址。 网页分成两种模式， _静态网页和动态网页。 5.创建一个留言表单，其中要求能够输入多行文本，留言内容项选用的表单文 本区域 6.一般来说，超级链接包含下列类型：文档链接、书签链接、和脚本链接。 7.绝对路径是包含服务器协议的完整路径，是一个精确地址。 三判断题 1.在一个 WEB 站点中，主页就是网页，两者是一致的。（） 2.在 HTML 中，标签表示换行。（） 3.创建超链接中，相对路径是包含服务器协议的完整路径，是一个精确的地址。 （） 4.CSS样式表可以从外部导入，通过链接的形式，使用样

22、式定义。（） 5.动态网页就是网页中有许多多媒体元素和一些动的效果，使用户感觉页面非 常有活力。（） 6.在 HTML 中，标签都必须有关闭标记。（） 7.JPEG图像是一种有损压缩的图像格式。（） 8.CSS样式，只能通过外部导入， 并链接到网页， 网页才能有效果。（ ） 9.在一个 WEB 站点中，每一个网页都有唯一的网址。（） 10. 在 HTML 中，标签表示换行。（） 11. GIF 格式的图像最多只能表现256 色，图像文件也很小。（） 四简答题 1.简述建立 WEB 站点的一般步骤。 实用标准文案 精彩文档 答：建立 WEB 站点的一般步骤如下： a)对创建的站点进行规划，明确建

23、站的目的、规模、面向的群体、服务器 端的配置等各项情况； b)建立一个完整的站点目录结构； c)确定版面布局，收集和制作素材； d)制作网页； e)站点测试、发布及维护更新。 2.简述创建表单的基本步骤。 答：创建表单的基本步骤： f)确定需要收集的信息，然后根据信息特点开始设计表单； g)在表单中插入不同的表单元素； h)设置表单域的输入规则； i)设置通过表单所收集的信息的处理方式； 设置确认网页，确认已经收到用户填写的信息，并可与用户核对是否正确。 3.什么是 CSS 样式？并列举 CSS样式的类型。 2.答：CSS样式是网页元素外观属性的集合。它可以定义文字、表格、图像、 表单等网页元

24、素的属性。 CSS样式的类型由：自定义CSS样式；HTML 标签样 式；CSS选择器样式。 4.说一说，你在本课程的学习过程中，感到最难学的部分是什么？并说明难在 何处？ 五操作题 1.根据网页截图，完成下面的HTML 代码。（注：表格背景颜色为99FFFF ，并 且表格在网页内居中对齐） 实用标准文案 精彩文档 表格的使用 _ 2.根据提供的素材和网页截图，写出网页的HTML 代码。 实用标准文案 精彩文档 图 1 网页内容图片（图片路径：image/tou.gif） 图 2 网页背景图片（图片路径：image/bg.gif） 实用标准文案 精彩文档 图 3 网页截图 1. 金缕衣 唐诗欣赏

25、七言 乐府 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、网页设计采用

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

27、层（ presentation layer ）由 CSS负责创建。 CSS 对 “如何显示有关内容”的问题做出了回答。 实用标准文案 精彩文档 网页的行为层（ behavior layer ）负责回答“内容应该如何对事 件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的 领域。 3. 将 CSS放在 HEAD 中的好处 如果将 CSS放在其他地方比如BODY 中，则浏览器有可能还 未下载和解析到CSS就已经开始渲染页面了， 这就导致页面由无 CSS状态跳转到 CSS状态，用户体验比较糟糕。除此之外，有些 浏览器会在 CSS下载完成后才开始渲染页面，如果 CSS放在靠下 的

28、位置则会导致浏览器将渲染时间推迟。 6. 什么是 DOM 7. 实现下面功能 1. ） 将元素的子元素改为：我在参加考试！ 实用标准文案 精彩文档 Hello World! document.getElementById(“p1“).innerHTML=“我在参加考试 “; 上面的段落被一条 JavaScript 脚本修改了。 2）. 设置一个已知ID 的 DIV 的 html 内容为 xxxx，字体颜色设 置为黑色 ( 不使用第三方框架 ) 1 var dom = document.getElementById(“ID”); 2 dom.innerHTML = “xxxx” 3 dom.st

29、yle.color = “#000”或” black ”. 3). 完成 foo() 函数的内容，要求能够弹出对话框提示当前选中 的是第几个单选框。 实用标准文案 精彩文档 function foo() / 在此处添加代码 var rg = document.getElementsByN ame(“radioGroup“); for( var i = 0; i 实用标准文案 精彩文档 4. 列举 CSS样式引入方式 A)使用 LINK 标签 将样式规则写在 .css 的样式文件中，再以 标签引入。 B) 使用 STYLE标签 实用标准文案 精彩文档 将样式规则写在 .标签之中。 C) 使用 STYLE属性 将 STYLE属性直接加在个别的元件标签里， 在 JS里通过 onclick绑定： xxx.onclick = test 通过事件添加进行绑定： addEventListener(xxx, click , test)