网页设计考试试题库及答案 1、下面的选项中，属于常用的图片格式并且能够做动画的是（）。 A、jpg格式 B、gif格式 C、psd格式 D、png格式 答案：B 2、定义有序列表<'ol>的（）属性，可以决定有序列表项目符号的类型。 A、value B、type C、rel D、href 答案：B 3、若要在网页中插入样式表main.css，以下用法中正确的是（）。 "A、<'link src="main.css" type="text/css" rel="stylesheet"> B、<'include href="main.css" type="text/css" rel="stylesheet"> C、<'link href="main.css" type="text/css" > D、<'link href="main.css" type="text/css" rel="stylesheet">" 答案：D 4、下列选项中，不属于文本标记属性的是（）。 A、nbsp B、align C、color D、face 答案：A 5、当通过定义列表实现图文混排时，可以定义图片解释说明文字的标记是（）。 A、<'dl><'/dl> B、<'dd><'/dd> C、<'dt><'/dt> D、<'li><'/li> 答案：B 6、在HTML中，用于设置页面元信息的标示符是（）。 A、<'title> B、<'base> C、<'head> D、<'meta> 答案：D 7、在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（）。 "A、{font-family: 黑体 } B、{font-family: "黑体" } C、{fontFamily: "黑体" } D、{font-Family: 黑体 }" 答案：B 8、对于网页制作者来说web的含义是什么？（） A、万维网的缩写 B、可以简单理解为网页 C、超媒体 D、传输协议 答案：B 9、WWW的中文简称是什么？（） A、万维网 B、浏览器 C、超文本 D、传输协议 答案：A 10、下列选项中，不是<'img />标记属性的是（）。 A、src B、height C、width D、href 答案：D 11、在Dreamweaver中，使用主浏览器预览网页的快捷键是（）。 A、Ctrl+S B、F12 C、F5 D、Ctrl+F12 答案：B 12、下列选项中，表示网页头部标题的标记是（）。 A、head B、body C、title D、html 答案：C 13、关于内嵌式CSS样式的语法格式中，下列选项正确的是（）。 A、选择器{k:v k:v k:v } B、选择器{k:v, k:v, k:v,} C、选择器{k,v k,v k,v } D、选择器{k->v k->v k->v } 答案：A 14、下列样式代码中，用于定义盒子上边框为1像素、蓝色、单实线的是（）。 A、border-top:1px solid blue B、border:1px solid blue C、border-top:1px dashed blue D、border:1px dashed blue 答案：A 15、一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（） A、333px B、366px C、336px D、363px 答案：C 16、下列选项中，不是<'img />标记属性的是（）。 A、src B、alt C、width D、href 答案：D 17、下面选项中，可以将HTML页面的标题设置为“传智播客”的是（）。 A、<'head>传智播客<'/head> B、<'title>传智播客<'/title> C、<'h>传智播客<'/h> D、<'t>传智播客<'/t> 答案：B 18、下面选项中，可以将HTML5页面的标题设置为“网页设计”的是（）。 A、<'head>网页设计<'/head> B、<'title>网页设计<'/title> C、<'t>网页设计<'/t> D、<'h>网页设计<'/h> 答案：B 19、在下列选项中，对代码“ margin:10px 0 20px;”解释正确的是（）。 A、上间距10px，左右间距0，下间距20px B、上间距10px，左间距0，右间距20px C、上下间距10px，左间距0，右间距20px D、上间距10px，左间距0，右下间距20px 答案：A 20、在HTML中，常用于定义图文混排的列表是（）。 A、定义列表 B、菜单列表 C、有序列表 D、无序列表 答案：A 21、在下列属性中，用来定义文本字体颜色的是（）。 A、color B、face C、size D、align 答案：A 22、"页面上的div标签，其HTML代码为<'div id="box" class="red">文字<'/div>，为其设置CSS样式如下:#box{ color:blue; } .red{ color:red; }那么，文字的颜色将显示为（）。" A、红色 B、蓝色 C、黑色 D、白色 答案：B 23、在网页中插入图像，若图像文件位于html文件的上一级文件夹，则在文件名之前加入（）。 A、../ B、/ C、./ D、../../ 答案：A 24、下列选项中，表示网页头部信息的标记是（）。 A、head B、body C、p D、html 答案：A 25、下面关于网页设计名词，错误的是（）。 A、HTML B、PS C、DW D、AP 答案：D 26、位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是（）。 A、<'!DOCTYPE> B、<'head><'/head> C、<'title><'/title> D、<'html><'/html> 答案：A 27、下列选项中，字号最大的是（）。 A、<'h1> B、<'h2> C、<'h3> D、<'h4> 答案：A 28、当<'p>标记内嵌套<'strong>标记时，就可以使用后代选择器对其中的<'strong>标记进行控制。下列写法正确是（）。 A、strong p{color:red } B、p strong{color:red } C、strong,p{color:red } D、p.strong{color:red } 答案：B 29、下列选项中，属于定义列表的基本语法格式的是（）。 A、<'ol> <'li>列表项1<'/li> <'li>列表项2<'/li> ...... <'/ol> B、<'ul> <'li>列表项1<'/li> <'li>列表项2<'/li> ...... <'/ul> C、<'dl> <'dt>名词1<'/dt> <'dd>名词1解释1<'/dd> <'dd>名词1解释2<'/dd> ... <'/dl> D、<'dl> <'dt>名词1<'/dt> <'dt>名词2<'/dt> ... <'/dl> 答案：C 30、下列关于特殊字符的说法不正确的是（）。 A、特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“ ”组成 B、可以通过菜单栏直接插入相应特殊字符的代码 C、转义序列各字符间可以有空格 D、转义序列必须以分号结束 答案：C 31、下面的选项中，CSS样式书写正确的是（）。 A、p { font-size:12px color:red } B、p { font-size=12px color=red} C、p { font-size:12px } D、p { font-size:12 color:red } 答案：AC 32、下列样式代码中，可用于设置背景图像平铺方式的是（）。 A、background-repeat:no-repeat B、background-attachment:fixed C、background-attachment:scroll D、background-repeat: repeat-x 答案：AD 33、color属性用于定义文本的颜色，以下写法正确的是（）。 "A、h2{color: red } B、h2{ color: "red" } C、h2{color: "#F60" } D、h2{ color: #FF6600 }" 答案：AD 34、下列标记中，用来设置文本为粗体的是（）。 A、<'u><'/u> B、<'del><'/del> C、<'strong><'/strong> D、<'b><'/b> 答案：CD 35、下列选项中，属于单标记的是（）。 A、<'hr />
《网页设计》上级考试试题一、说明1、考核方式：上机考试。
2、将所有内容保存在同一个文件夹下，文件夹命名为：班级学号姓名，例如：17计算机1班171103110001张三（所在班级、学号、姓名之间无空格），在考试规定的时间内将完成的内容拷贝到指定电脑上。
3、在规定的时间内，利用DreamweaverCS3/CS5/CS6、Flash、Photoshop、Fireworks等网页设计工具制作网页，首页文件命名为index.html，制作5个以上的页面。
4、素材（文档、图片、音乐）可以自己制作,也可利用已有的资源。
二、主题范围所设计的网站内容可以为：和谐校园、个人网页、系部、学生社团、电子商务网站、风景旅游、体育赛场等，内容健康，积极向上。
三、上机考试内容（注：根据主题及考试要求，完成以下的考试内容。
）1、拟定一个主题（从以上的主题中选定一个主题），并利用层或表格布局页面；2、在网页中加入文字、图像等，并设置背景及网页标题，有列表；3、在页面中添加友情链接，提供如搜狐、网易、雅虎等网站的链接，要求在新窗口中打开链接；4、利用超级链接建立页面间的链接；5、在首页中仿课程中的实例，制作一个网站导航菜单；6、在网页中定义一个CSS样式表文件，利用此CSS样式控制页面中元素的格式。
四、考试要求及评分标准1、主题突出，健康向上，内容丰富。
（10分）2、运用“表格”或者“层+div”布局页面，要求页面美观、布局合理、有创意、有特点，不凌乱，色彩搭配协调。
（30分）3、页面中须有文字(占页面<70%)、图像，布局合理。
（10分）4、页面中的文字、图片，设置其样式、属性。
（10分）5、创建超级链接，使所有页面间的链接合理，具有从主页到子页，从子页到主页的链功能。
（10分）6、能定义样式，并利用此CSS样式对页面进行样式应用。
（20分）7、页面数为5个以上（主页必须有，文件名为：index.html），最终将各个页面以超级链接形式链接起来，形成一个完整的网站；页面中使用相对路径，不能使用绝对路径，文件保存时，图片放到images文件夹里，css 样式表最好存放在css文件里。
《动态网页设计》测验试卷(上机操作)
班级____________学号____________姓名____________成绩
一、创建index.asp;(20分)
内容包括：
（1）从banner素材选择作为网站banner背景图(按学号顺序选择，不得类同，例如：学号01选择banner1.jpg,学号02选择banner2.jpg)，图上添加公司名称和广告语。
广告语自行设计；
（2）重新设计菜单导航：包括首页、关于公司、产品展示、销售大厅、联系我们（作者）。
（3）首页布局参考样图进行设计(导航第一行，第二行是滚动广告)；
首页样图
（4）首页滚动广告（宽度和高度比例，参考样图）
（5）首页底部包括版权信息（学号+姓名）；
二、设计联系作者页，网页命名自定(15分)
内容包括：
（1）作者的学号姓名。
（2）网站的设计日期；
（3）作者设计本网站的体会：哪些方面做得好，哪些方面需要再提高或对本课的建议；
第 1 页共1 页。
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、关键提示：①打开素材图片，然后更改画布大小。
