网页设计试题及答案说课讲解.pdf

《网页设计试题及答案说课讲解.pdf》由会员分享，可在线阅读，更多相关《网页设计试题及答案说课讲解.pdf（29页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 网页设计试题及答案 精品文档 收集于网络，如有侵权请联系管理员删除 网页设计复习题 第 1 题 判断正误（1）HTML标记符的属性一般不区分大小写。（对）（2）网站就是一个链接的页面集合。（对）（3）将网页上传到 Internet 时通常采用 FTP 方式。（对）（4）所有的 HTML标记符都包括开始标记符和结束标记符。（错）（5）用 H1标记符修饰的文字通常比用 H6 标记符修饰的要小（错）。（6）B标记符表示用粗体显示所包括的文字。（对）（7）GIF格式的图象最多可以显示 256种颜色。（对）（8）HTML表格在默认情况下有边框。（错）（9）创建图象映射时，理论上可以指定任何形状作为热点

2、。（对）（10）指定滚动字幕时，不允许其中嵌入图象。（错）1.使用 FONT 标记符的 size 属性可以指定字体的大小。()2.网站就是一个链接的页面集合。()3.GIF格式的图象最多可以显示 1024种颜色。()4.制作图像映射只需要使用 标记符。()5.在 HTML表格中，表格的列数等于第一行中 TH与 TD的 colspan 属性的和。(精品文档 收集于网络，如有侵权请联系管理员删除 )6.在 HTML表格中，在 TR、TD或 TH标记符中使用 align 属性可以控制单元格内容的垂直对齐。()7.指定滚动字幕时，不允许其中嵌入图象。()8.框架是一种能在同一个浏览器窗口中显示多个网页

3、的技术。()9.CSS 中的 color属性用于设置 HTML元素的背景颜色。()10.CSS 样式表项的组成格式为：selectorproperty1:value1,property2:value2,()1.T 2.T 3.F 4.F 5.F 6.T 7.F 8.T 9.F 10.F 11.只有在框架结构的网页，才能将 A 标记符的 target 属性指定为_blank 使得超链接在一个新的浏览器窗口中打开.错 判断正误(1).HTML 标记符通常不区分大小写(2).网站就是一个链接的页面集合(3).HTML 表格在默认情况下有边框(4).在 HTML 表格中,表格的行数等于 TR 标记符的

4、个数(5).在 HTML 中,与表格一样，表单也能嵌套 答案：(1)T (2)T (3)F (4)T (5)F （1）所有的 HTML 标记符都包括开始标记符和结束标记符。精品文档 收集于网络，如有侵权请联系管理员删除 （2）将网页上传到 Internet 时通常采用 FTP 方式。（3）GIF 格式的图象最多可以显示 256 种颜色。（4）HTML 表格在默认情况下没有边框。（5）在 HTML 表格中，在 TR、TD 或 TH 标记符中使用 align 属性可以控制单元格内容的垂直对齐。（6）只有在框架结构的网页中，才能将 A 标记符的 target 属性指定为_blank，从而使超链接目标

5、文件在一个新的浏览器窗口中打开。（7）在 HTML 表单中，文本框、口令框和复选框都是用 INPUT 标记符生成的。（8）一个网页中只能包含一个表单。（9）在 CSS 中要设置超链接的样式效果，应指定虚类 selector。（10）CSS 样式表项的组成为：selectorproperty1:value1,property2:value2,1.F 2.T 3.T 4.F 5.F 6.F 7.T 8.F 9.T 10.F（5）在 HTML表格中，表格的列数等于任意一行中 TH与 TD 的个数。F （6）HTML表格内容的垂直对齐方式默认为垂直居中。T（7）框架是一种能在同一个浏览器窗口中显示多个

6、网页的技术。（8）一个网页中只能包含一个表单。（9）Java小应用程序既可以用 APPLET 标记符插入，也可以用 OBJECT标记符插入。（10）在 CSS 中，可以用 3种以上的方式来表示颜色（6）T （7）T （8）F （9）T （10）F（11）T 精品文档 收集于网络，如有侵权请联系管理员删除 第 2 题 单选题（20 分）（3）以下说法中，正确的是：C 。AP 标记符与 BR 标记符的作用一样。B多个 P 标记符可以产生多个空行。C多个 BR 标记符可以产生多个空行。DP 标记符的结束标记符通常不可以省略。21、以下说法中，错误的是：B 。A网页的本质就是 HTML 源代码。B网页

7、就是主页。C使用“记事本”编辑网页时，应将其保存为.htm 或.html 后缀。D本地网站通常就是一个完整的文件夹。（1）以下说法中，错误的是：D。A获取 WWW 服务时，需要使用浏览器作为客户端程序。BWWW 服务和电子邮件服务是 Internet 提供的最常用的两种服务。C网站就是一系列逻辑上可以视为一个整体的页面的集合。D所有网页的扩展名都是.htm。（1）WWW 是 的意思。答案：B A网页 B万维网 C浏览器 D超文本传输协议 （2）在网页中显示特殊字符，如果要输入“”，应使用_。答案：D Alt;B≪C< D<（3）以下有关列表的说法中，错误的是：。答案：D A有序

8、列表和无序列表可以互相嵌套。B指定嵌套列表时，也可以具体指定项目符号或编号样式。精品文档 收集于网络，如有侵权请联系管理员删除 C无序列表应使用 UL 和 LI 标记符进行创建。D在创建列表时，LI 标记符的结束标记符不可省略。（4）以下关于 FONT 标记符的说法中，错误的是：答案：D A可以使用 color 属性指定文字颜色。B可以使用 size 属性指定文字大小（也就是字号）。C指定字号时可以使用 17 的数字。D语句 这里是 2号字 将使文字以 2号字显示。（5）以下关于 JPEG 图像格式中，错误的是：答案：B A适合表现真彩色的照片。B最多可以指定 1024 种颜色。C不能设置透明

9、度。D可以控制压缩比例。（6）如果要在表单里创建一个普通文本框，以下写法中正确的是：。答案：A A B C D（7）以下有关表单的说明中，错误的是：。答案：C A表单通常用于搜集用户信息。B在 FORM 标记符中使用 action 属性指定表单处理程序的位置。C表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。精品文档 收集于网络，如有侵权请联系管理员删除 D在 FORM 标记符中使用 method 属性指定提交表单数据的方法。（8）在指定单选框时，只有将以下 属性的值指定为相同，才能使它们成为一组。答案：B Atype Bname Cvalue Dchecked（9）创建选项菜单应使

10、用以下标记符：。答案：A ASELECT 和 OPTION BINPUT 和 LABEL CINPUT DINPUT 和 OPTION（10）以下有关按钮的说法中，错误的是：。答案：B A可以用图像作为提交按钮。B可以用图像作为重置按钮。C可以控制提交按钮上的显示文字。D可以控制重置按钮上的显示文字。1.以下关于 FONT标记符的说法中，错误的是：。A.可以使用 color 属性指定文字颜色。B.可以使用 size 属性指定文字大小（也就是字号）。C.指定字号时可以使用 17 的数字。D.语句 这里是 2 号字 将使文字以 2 号字显示。2.以下有关列表的说法中，错误的是：。A.有序列表和无序

11、列表可以互相嵌套。精品文档 收集于网络，如有侵权请联系管理员删除 B.指定嵌套列表时，也可以具体指定项目符号或编号样式。C.无序列表应使用 UL 和 LI 标记符进行创建。D.在创建列表时，LI 标记符的结束标记符不可省略。3.要在表单里创建一个普通文本框，以下写法中正确的是：。A.B.C.D.4.要创建一个左右框架，右边框架宽度是左边框架的 3倍，以下 HTML语句正确的是：。A.B.C.D.5.以下说法中，正确的是：。A.在 IMG 标记符中使用 align 属性，可以控制图象在页面中的对齐。B.在 IMG 标记符中使用 align 属性，可以控制图象与文字的环绕效果。C.在 IMG 标记

12、符中使用 valign 属性，可以控制图象与周围内容的垂直对齐。D.在 IMG 标记符中使用 valign 属性，可以控制图象与周围内容的水平对齐。1.D 2.D 3.A 4.B 5.B （1）以下说法中，错误的是：。A获取 WWW 服务时，需要使用浏览器作为客户端程序。BWWW 服务和电子邮件服务是 Internet 提供的最常用的两种服务。C网站就是一系列逻辑上可以视为一个整体的页面的集合。精品文档 收集于网络，如有侵权请联系管理员删除 D所有网页的扩展名都是.htm。（2）以下关于 FONT 标记符的说法中，错误的是：。A可以使用 color 属性指定文字颜色。B可以使用 size 属性

13、指定文字大小（也就是字号）。C指定字号时可以使用 17 的数字。D语句 这里是 2号字 将使文字以 2号字显示。（3）以下说法中，正确的是：。A可以通过直接改文件名后缀来修改图象格式。B矢量图通常比位图的文件尺寸大。C使用图象处理软件可以修改图象的像素大小。DFlash是一种位图处理软件。（4）以下说法中，错误的是：。A表格在页面中的对齐应在 TABLE 标记符中使用 align 属性。B表格内容的默认水平对齐方式为居中对齐。C要控制表格内容的垂直对齐，应在 TR、TD、TH 中使用 valign 属性。D要控制表格内容的水平对齐，应在 TR、TD、TH 中使用 align 属性。（5）以下选

14、项中不能用来表示 CSS 颜色的是：。A.rgb(f,0,0)B.#FF0000 C.red D.rgb(100%,0,0)精品文档 收集于网络，如有侵权请联系管理员删除 （1）D （2）D （3）C （4）B （5）A 第 3 题 填空题（20 分，每空 2 分，请将答案写在“填空”后面的空中）（1）如果要为网页指定黑色的背景颜色，应使用以下html 语句：（2）表示创建一条 的水平线。（3）在 OL 标记符中，使用 属性可以控制有序列表的数字序列样式。（4）请至少说明 GIF 格式的两种特点：；。（5）请至少说出两种以上的图像处理软件的名称：。（6）如果要创建一个指向电子邮件 的超链接，代

15、码应该如下：指向 的超链接（7）在给图象指定超链接时，默认情况下总是会显示蓝色边框，如果不想显示蓝色边框，应使用以下语句：（8）在指定页内超链接的时候，如果在某一个位置使用了锚点语句定义了锚点，那么应使用以下语句，以便在单击超链接时跳转到锚点定义的位置：锚点链接（9）上网浏览网页时，应使用 作为客户端程序。答案：浏览器（10）TITLE 标记符应位于 标记符之间。答案：HEAD 1.如果要为网页指定黑色的背景颜色，应使用以下 html 语句：2.表示创建一条 的水平线。精品文档 收集于网络，如有侵权请联系管理员删除 3.要设置一条一像素粗、200 像素长的左对齐的水平线，应使用 语句。4.请至

16、少说明 GIF格式的两种特点：；。5.请至少说出两种以上的图像处理软件的名称：、。6.要控制单元格内容与表格框线之间的空白，应在 TABLE 标记符中使用属性 。7.要在表单中添加一个默认时为选中状态的复选框，应使用语句 。8.要在 HTML 标记符中直接嵌入样式，应使用标记符的 属性。bgcolor=black 长度为浏览器窗口宽度一半的水平线 支持透明色、支持动画、无损压缩、最多包含 256 种颜色等 fireworks、flash、photoshop 等 cellpadding style （1）HEAD标记符位于 标记符之间。（2）要使文字同时显示为粗体和斜体，应使用语句 。（3）在

17、UL 标记符中使用 属性，可以控制无序列表的项目符号样式。（4）在网页中插入图像时，最基本的两个属性是 、。（5）请至少说出两种以上的图像处理软件的名称：。精品文档 收集于网络，如有侵权请联系管理员删除 （6）要使整个表格行采用某种对齐方式，应在 标记符中使用 align属性。（7）在指定锚点超链接的时候，如果在文件 file1.htm 某一个位置使用了锚点语句定义了锚点，那么应使用以下语句，以便在file2.htm中单击超链接时跳转到 file1.htm中该锚点定义的位置：锚点链接。（1）HTML （2）text （3）type （4）src （5）alt （6）（7）fireworks f

18、lash 画图 photoshop 等 （8）tr （9）name （10）file1.htm#target1 第 4 题 问答题（20 分）1.简要说明表格与框架在网页布局时的区别。答：表格是在同一个网页中将页面划分为不同区域；框架是在同一个浏览器窗口中显示多个网页；框架可以通过指定超链接的目标框架获得交互式的布局效果。精品文档 收集于网络，如有侵权请联系管理员删除 2.在网页设计中使用图像时应注意那些问题。答：文件大小；数量和质量；动画。（需要展开回答）3.举例说明在网页中使用 CSS 样式表的三种方式（都使用对 p 标记符应用color 属性为例），并简要分析各自的特点。提示：LINK

19、标记符的用法：答：要点：（需要展开）在标记符中直接嵌套样式信息，例如，p红色显示的段落文本；优点是可以单独指定特定部分的样式，缺点是不利于维护。在 style标记符中指定样式信息，例如 pcolor:red 优点是能对单独网页进行很好的格式控制和维护，缺点是不利于多个网页的维护。链接外部样式表中的样式信息，例如，在当前网页目录中包括以下mycss.css 文件：pcolor:red 然后在网页中用以下代码。优点是利于维护多个网页，缺点是不利于控制单独页面中的个别部分。5.简述 HTML工作原理 精品文档 收集于网络，如有侵权请联系管理员删除 HTML是用来表示 Web 文档的规范，是用于 We

20、b文档的格式化语言。HTML通过标记来标记要显示的网页中的各个部分，以通知 Web浏览器应该如何显示网页，即确定网页内容的格式。浏览器按照顺序阅读 HTML文件，然后浏览器根据内容附近的 HTML标记来解释和显示内容，这个过程称为语法分析。HTML中的超文本功能，也就是超链接功能，使网页之间可以链接起来。网页与网页的链接构成了网站，而网站与网站的链接就构成了多姿多彩的WWW。（3）任意列举 2种可以在页面中添加多媒体效果的方法，并简要说明如何操作。（5 分）要点：链接多媒体文件，嵌入 Flash，使用 java，设置背景音乐，等 （4）简要说明表单的基本工作原理。（5分）p96 要点：填写后由

21、服务器处理，也可客户端处理 第 5 题 综合题（30 分）1、编写出实现如图所示页面效果的关键html 代码。其中，A、B、C、D、E均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间，A单元格的高度为 200 像素，B单元格的高度为 100像素，C 单元格的宽度为 100像素，高度为 200像素。（10分）精品文档 收集于网络，如有侵权请联系管理员删除 答题要点（标记符是否大小写没有关系）：A B E C D 评分要点：（不一定要与参考答案完全一致，只要最后能显示出效果即可。）（1）正确地写出了表格的行列结构，给 4分。（2）正确地设置了表格各单元格大小，给 2分。（2）设置

22、了表格的边框和居中对齐，给 2分。精品文档 收集于网络，如有侵权请联系管理员删除 （3）设置了表格行或单元格的水平居中（垂直居中不用设置，如果设置了也不加分），给 1 分。（4）正确地指定了粗体，给 1分。2、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下 html 代码中留下的空白（编号相同的空白表示应填写相同的内容），注意填写在题后的空白里。（10分） 如梦令 精品文档 收集于网络，如有侵权请联系管理员删除 昨夜雨疏风骤，浓睡不消残酒。试问卷帘人，却道海棠依旧。知否？知否？应是绿肥红瘦。（1）（2）（3）（4）（5）答案：（1）0（有无引号

23、均对）（2）0（有无引号均对）（3）bgcolor=black 或 bgcolor=#000000（属性值有无引号均对）（4）face（5）height 3、已知源代码如下所示（共 5个文件，都位于同一目录下），请用文字或示意图（也可结合使用）说明网页效果。（10 分）-index.htm-框架结构 -content.htm-精品文档 收集于网络，如有侵权请联系管理员删除 目录 Atext-decoration:none 文件 1 文件 2 -main.htm-内容 -file1.htm-内容 1 -file2.htm-内容 2 参考答案：要点 1：分为左右两框，左边框架为 150像素（2 分

24、），内容为包含两个超链接的页面（1 分），并且超链接没有下划线（1 分），右边框架内容为“内容”（1分），整个网页的标题为“框架结构”（1 分）。如果是示意图，应类似下图。精品文档 收集于网络，如有侵权请联系管理员删除 要点 2：单击左边框架中的“文件 1”超链接，将在右边框架中显示“内容 1”（2分），单击左边框架中的“文件 2”超链接，将在一个新窗口中显示“内容2”（2分）。4、已知网页初始效果如图所示，整个窗口分为左右两框，左边框架为150像素；单击左边框架中的“文件 1”超链接，将在右边框架中显示“内容1”；单击左边框架中的“文件 2”超链接，将在当前整个窗口中显示“内容 2”（即框架

25、结构消失）。所有的超链接均没有下划线。请填写以下源代码中的空白。注意：所有5 个文件都位于同一目录下。（10 分）精品文档 收集于网络，如有侵权请联系管理员删除 -index.htm-框架结构 -content.htm-目录 （4）text-decoration:none 文件 1 文件 2 -main.htm-内容 -file1.htm-内容 1 -file2.htm-内容 2 答案：（1）cols（2）150,*精品文档 收集于网络，如有侵权请联系管理员删除 （3）content（4）A（大小写均可）（5）_top 1.已知网页如下图所示，请将代码填写完整。请输入姓名：请输入密码：请选择性

26、别：男女 请选择兴趣：运动 美术 音乐 type=password type=radio selected 2.写出实现下图所示表格的 HTML 代码。精品文档 收集于网络，如有侵权请联系管理员删除 2.A B C E/b D F （2）已知网页如下图所示，请将代码补充完整。精品文档 收集于网络，如有侵权请联系管理员删除 -以下是框架集文档-框架集文档 _ -以下是 file1.htm-file1.htm 文件的内容 我的主页 精品文档 收集于网络，如有侵权请联系管理员删除 -以下是 file2.htm-file2.htm 文件的内容 我的故事 我的爱好 -以下是 file3.htm-file

27、3.htm 文件的内容 我是谁？-以下是 file4.htm-file4.htm 文件的内容 这是我的故事 -以下是 file5.htm-精品文档 收集于网络，如有侵权请联系管理员删除 file5.htm 文件的内容 这是我的爱好 （1）（2）（3）（4）（5）2.（1）rows （2）cols （3）（4）main （5）file5.htm 3、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为灰色），请填写以下 html 代码中留下的空白。（10 分）精品文档 收集于网络，如有侵权请联系管理员删除 个人信息 姓名：密码：职业：学生 教师 职员 军人 经理 其他 收入：2000 以下

28、 2000 以上 精品文档 收集于网络，如有侵权请联系管理员删除 1）colspan=1 2）align=center 3）type=password 4）checked 5）for=fp1 6）1）已知网页如下图所示，请将代码补充完整。7）8）A B 精品文档 收集于网络，如有侵权请联系管理员删除 C D 3、已知页面效果如图所示（其中的细线效果为一像素粗细，颜色为灰色），请填写以下 html 代码中留下的空白。（10 分）个人信息 姓名：密码：性别：男 女 精品文档 收集于网络，如有侵权请联系管理员删除 3、已知页面效果如图所示，请填写以下 html 代码中留下的空白。（10分）。情况登记 姓名：(2)密码：性别：男 女