网页设计与制作竞赛试题

合集下载

技能大赛网页设计与制作模拟试题

湖南省高等职业院校计算机网络技术专业技能抽查考试网站设计与制作项目测试试卷(编号07 )第一部分考试说明一、技能抽查考试内容发布网页设计与制作项目考试内容共分四个组成部分,其中:1.网站策划部分,占总分的比例为10%2.网站图片设计与制作部分，占总分的比例为15%3.网站动画设计与制作部分，占总分的比例为15%4.网页内容制作与美化部分，占总分的比例为60%二、技能抽查考试相关设备及材料清单1台计算机（cpu1.0GHZ以上，内存1GB以上）第二部分网站设计与制作部分一项目背景1.项目目标通过设计与制作“家”台湾旅游网站，按照静态网站“网站需求分析→网站栏目设计→网页美工设计→网页素材编辑→网页编辑制作→网页提交”的开发流程，运用相应的制作工具，完成静态网页设计与制作等工作任务。

2.项目描述“家”台湾旅游网站是一家以介绍台湾风情的网站，该网站主要包括有介绍台湾的风景、小吃、旅游路线、风土人情等。

该网站希望向大众介绍台湾的情况，推荐区台湾旅游的路线。

二项目设计与制作内容1.网站策划部分通过分析项目表述和网站素材，根据网站策划模块文档的格式写出文章的栏目策划，并做出必要的说明。

注意：（1）网站整体规划合理，主题鲜明、重点突出，栏目统一规划，数量适中，栏目设置无重叠交叉，网站结构清晰、层次清楚；（2）网站策划文档在考试结束前保存到“d:\提交资料\”目录中。

2.网站图片设计与制作部分根据网站整体效果需求完成以下图片设计与制作：（1）完成网站LOGO的设计与制作；（2）完成网站中所需背景图片的设计与制作；（3）处理网站中所需的图片（例如：修改图片大小、色调、效果等）；（4）能把图片插入到网页中，并正确显示。

注意：（1）网站中必须设计与制作LOGO；（2）网站中所有图片均必须放在站点根文件夹内的images文件夹中，此为评卷根据。

３.网站动画设计与制作部分根据网站整体效果需求完成以下动画设计与制作：（１）设计与制作网站广告动画的背景：（２）应用关键帧、形变、运动、遮罩等动画形式制作文字或图片的动画效果：（３）能把动画插入到网页中，并成功播放。

网页设计与制作竞赛试题

市中职计算机教师专业技能竞赛工程：网页设计与制作类型：个人工程，赛时：180分钟请竞赛选手在180分钟之，利用提供的素材，设计制作基于互联网环境的静态网页。

一、作品主题主题为"蛋糕销售网店〞。

二、作品要求1.在 E 盘上用参赛选手的〔拼音〕命名创立文件夹，并在根目录下创立站点："蛋糕网店〞，在该站点下创立假设干文件夹用来存放的各类资源〔如：图片、FLASH、js、子网页、模板和库文件等〕，要求文件名称命名规。

在根目录下创立主页文件(index.htm)，在子页文件夹下创立不同的子页，合理命名及网页标题。

要求使用IIS配置并发布。

2.围绕主题，参赛者利用Dreamweaver、Flash、Photoshop/Firework等工具制作个性、美观的网页。

要求设计自己的Logo，至少制作一个FLASH动画插入到网页中。

3.主页制作：使用Div+CSS或表格布局；设置：要求对默认的样式进展修改，具体样式需符合风格；合理使用各种网页元素：包括文本、水平线、特殊字符、图像、FLASH动画等，并对样式进展相应的设置；主页与其他子网页要有相互，主页中的数量不少于10个〔包括：至少4个子页，及外部、、空等〕。

4.为了调查消费者对蛋糕的不同需求及喜好，设计一个表单网页进展数据收集，要求：创立表单，使用表格布局；合理添加表单对象〔文本域、文本区域、单项选择按钮、复选框、按钮、列表等〕，设置表单元素属性，网页中表单对象的数量不少于15个；运用简单的js代码或行为，对局部表单对象进展验证；设计表单对象的样式。

5.用来显示具体商品信息的子网页假设干，子页数量不少于3个；清晰，能返回到主页。

6.jQuery动画应用：根据提供的3个jQuery动画文件及其他文件，合理使用源文件和代码，任选其中的一个动画效果经过合理修改后应用到主页中。

三、比赛及保存要求:1.参赛者在规定时间按竞赛试卷要求进展制作。

2.用竞赛组委会提供的素材，选手不得自带素材。

网页设计与制作试题

网页设计与制作试题可以制作网页动画的软件是（）。

A. DreamweaverB. FireworksC.Flash(正确答案)D. Photoshop（）可以把浏览者从一个网页带到另一个网页，或者从网页的某一个部分引导到另一个部分。

A.超文本B.主页C.超级链接(正确答案)D.网页URL是指（）A.统一资源定位符(正确答案)B.资源管理器C.文件传输协议D.域名全球最大的中文搜索引擎是（）。

A.搜狗B.百度(正确答案)C.360D.google制作网页的最后一个阶段工作是（）A.规划结构B.制作网页C.检测(正确答案)D.收集素材表单是用来（）站点访问者信息的域集A.收集(正确答案)B.检验C.上传D.下载网页中最重要的布局元素是（）A.标题B.主体内容(正确答案)C.页脚D.广告区（）可以使客户在电子商务网站中轻松而快捷地找到需要的信息。

A.商品订购B.信息管理C.信息检索(正确答案)D.信息反馈（）是电子商务网站望住访同事的A.页面快速下载(正确答案)B.页面风格保持一致C.页面易读D.方便查找（）是网站所有者对外宜传自身形象的工具。

A.标题B.页脚C.页眉D. Logo(正确答案)（）显示了文档窗口中所选元素的属性A 属性面板(正确答案)B.插入栏C禁单栏D.状态栏网页制作过程中通常将保存图片的文件夹命名为（）。

A. images(正确答案)B. fashC.indexD. other网页文件的扩展名是（）。

A.steB.html(正确答案)C.indexD.rar淘宝网属于（）。

A. B2B商务网站B.B2C商务网站C. C2C商务网站(正确答案)D.020商务网站消费者与消费者之间的互动交易行为属于（）电子商务模式。

A.B2BB.C2C(正确答案)D.020制作网页常见的布局方法有（）。

A.表格布局(正确答案)B.图片布局C.站点布局D.文字布局不属于网页设计与制作流程中设计阶段需要做的内容是（）。

网页设计与制作试题

网页设计与制作试题一、单项选择题(本大题共25小题，每小题2分，共50分)1．能实现远程管理网站的协议是（）A．TCP B．FTPC．IP D．HTTP2．网页的特征是（）A．HTML文档的基本特征——超文本B．标识语言，网页中不能没有标记（Tag）C．网页提供了一些措施以防在网上冲浪的过程中迷失方向D．网页实现了对原文档信息的无限补充或扩展3．采用16位二进制数来表示颜色时，种类最多有（）A．82种B．2×82种C．8×28种D．216种4．与上网无关．．的协议是（）A．HTTP B．SMTPC．SOKET D．POP35．在HTML中，<pre>的作用是（）A．标题标记B．预排版标记C．转行标记D．文字效果标记6．3. 设置字体大小的代码是？A．<tt></tt> B．<cite></cite>C．<em></em> D． <font size=?></font>7．下列关于HTML语言的<table>标记正确的是（）A．border用于设置表格边线宽度，cellpadding用于设置框线厚度B．cellpadding用于设置框线厚度，cellspacing用于设置数据与边框的距离C．bgcolor用于单元格的背景颜色，width用于设定整个表格的宽度D．valign用于强制单元格内容不换行，nowarp用于设定单元格内容垂直对齐方式8．HTML中表示文字粗体的标记除了使用<strong>外，还可以使用（）A．<a> B．<b>C．<c> D．<d>9．HTML中，表示符号“>”的方法是（）A．&SPACE B．&GTC．&AMP D．&QUOT10．在HTML的<th>和<td>标记中，不属于．．．valign属性的是（）A．top B．middleC．low D．bottom11．body元素用于背景颜色的属性是（）A．alink B．vlinkC．bgcolor D．background12．嵌入多媒体标记中的loop属性是用来设置播放次数的，若要无限制地播放，属性值应设为（）A．0 B．trueC．no D．-113．<a href=″#hlj″>黑龙江</a>的作用是（）A．超级链接到黑龙江网页上B．超级链接到本文件中hlj标记处C．超级链接暂时不被运行D．超级链接到#hlj网页上14．对于<map>标记，单图多向超级链接使用<area shape=″图片形状″coords=″坐标″href=″URL″>，其中图片形状不包括．．．的是（）A．rect B．circleC．triangle D．poly15．在表单中包含性别选项，且默认状态为“男”被选中，下列正确的是（）A．<input type=radio name=sex checked> 男B．<input type=radio name=sex enabled>男C．<input type=checkbox name=sex checked>男D．<input type=checkbox name=sex enabled>男16．在Fireworks中，解析度也叫精度，它的单位是（）A．dpi B．apiC．bps D．kbs17．Fireworks默认的图像格式是（）A．JPG B．BMPC．GIF D．PNG18. HTML代码<tr></tr>表示？A．创建一个表格B．开始表格中的每一行C．开始一行中的每一个格子D．设置表格头19． HTML代码<hr>表示?A．添加一个图像B．排列对齐一个图像C．设置围绕一个图像的边框的大小D．加入一条水平线20．在Dreamveaver MX 中, 设置页面属性时, 对在Page Properties 属性设置框中Tracing Image选项说法错误的是：A．网页排版的一种辅助手段B．用来进行图像的对位C．只有网页预览时有效D．对HTML 文档并不产生任何影响21．在CSS中要使文本闪烁，text-decoration属性的取值应该是（）A．none B．underlineC．blink D．overline22．下列选项中不属于．．．CSS选择符的是（）A．超文本标记选择符B．类选择符C．ID选择符D．对象选择符23．在Dreamweaver中，菜单栏下面默认的工具栏也称（）A．插入栏B．文档工具栏C．编辑栏D．标签栏24．用Fireworks切割图形时，需要的工具是（）A．裁剪B．选取框C．切片D．自由变形25．Flash中，与位图相比，矢量图形的优点是（）A．变形、缩放不影响图形显示质量B．丰富多彩C．图像所占空间大D．图像质量好26. 在Dreamweaver MX 中,下面关于定义站点的说法错误的是：A．首先定义新站点,打开站点定义设置窗口B．在站点定义设置窗口的站点名称(Site Name)中填写网站的名称C．在站点设置窗口中,可以设置本地网站的保存路径,而不可以设置图片的保存路径D．本地站点的定义比较简单,基本上选择好目录就可以了27. 在Dreamweaver MX 中, 下面关于排版表格属性的说法错误的是：A．可以设置宽度B．可以设置高度C．可以设置表格的背景颜色：D．可以设置单元格之间的距离但是不能设置单元格内部的内容和单元格边框之间的距离28. 在Dreamweaver MX 中, 在设置各分框架属性时, 参数Scroll 是用来设置什么属性的：A．是否进行颜色设置B．是否出现滚动条C．是否设置边框宽度D．是否使用默认边框宽度29. 在Dreamweaver MX 中下面可以用来做代码编辑器的是：A．记事本程序（Notepad）B．PhotoshopC．flashD．以上都不可以30. 在Dreamweaver 中, 我们可以为链接设立目标, 表示在新窗口打开网页的是：A．_blankB．_parentC．_selfD． _top三、简答题（本大题共5小题，每小题8分，共40分）31．简述Dreamweaver中“视图”的种类。

网页设计与制作-题库带答案

网页设计与制作-题库带答案网页设计与制作-题库带答案1、如果正在编辑的文件没有存盘，在文件名上加上__符号提示用户A、！B、？C、 #D、 *答案： D2、保存网页文档的快捷键是__。

A、 Ctrl+AB、 Ctrl+SC、 Ctrl+WD、 Ctrl+N答案： B3、要插入HTML源代码使用___键A、 Shift+EnterB、 Ctrl+EnterC、 EnterD、 Shift+Ctrl+Enter答案： C4、打开【页面属性】对话框，使用__组合键A、 Ctrl+KB、 Ctrl+JC、 Ctrl+MD、 Ctrl+F答案： B5、下面颜色中，___表示黄色。

A、 #FFFF00B、 #FF00FFC、 #00FFFFD、 00FF00答案： A6、当网页既设置了背景图像又设置了背景色，那么___。

A、以背景图像为主B、以背景色为主C、产生一种混合效果D、相互冲突，不能同时设置答案： A7、在【页面属性】对话框中，不能设置___。

A、网页的背景色B、网页文本的颜色C、网页文件的大小D、网页的边界答案： C8、在【页面属性】对话框中，不能设置___。

A、页面的标题B、超链接文本的颜色C、背景图像D、背景图像的透明度答案： D9、要插入换行符，需要使用___组合键A、 Shift+EnterB、 Ctrl+EnterC、 EnterD、 Shift+Ctrl+Enter答案： A10、预览网页使用____键。

A、 F2B、 F8C、 F10D、 F12答案： D11、要在文本的首行空两个字符，就要插入___个空格。

A、 1B、 2C、 3D、 4答案： D12、在文本的【属性】面板中，不能设置____A、背景色B、超链接在目标窗口的打开方式C、段落缩进D、文本的无序列表和有序列表答案： A13、在网页HTML源代码中，___标签是必不可少的。

A、B、C、D、答案： A14、标签必须包含在___标签中。

网页设计与制作试题一及答案

网页设计与制作试题一及答案一、单项选择题（每个题只有一个正确答案。

每题3分，共60分）1．下列不能在网页的“页面属性”对话框中设置的是（）。

A.网页背景图及其透明度B.背景颜色、文本颜色、链接颜色C.文档编码D.跟踪图像及其透明度2．对于插入网页中的Flash动画，不能在属性面板中设置动画（）。

A.是否循环播放B.循环播放的次数C.是否自动播放动画D.播放时的品质3．在HTML语言中，<body alink=#ff0000>表示（）。

A.设置链接的颜色为红色B.设置访问过链接的颜色为红色C.设置鼠标指针移动到链接上时的颜色为红色D.设置活动链接的颜色为红色4．关于绝对路径的使用，以下说法错误的是（）。

A.绝对路径是指包括服务器规范在内的完全路径，通常使用http://表示B.绝对路径不管源文件在什么位置都可以非常精确地找到C.如果希望链接其他站点上的内容，就必须使用绝对路径D.使用绝对路径的链接不能链接本站点的文件，要链接本站点文件只能使用相对路径5．以下表示锚点标记的是（）。

A. B. C. D.6．在Dreamweaver 中，下列对象中可以添加热点的是（）。

A．文字B．图像C．层D．动画7．下列关于CSS的说法错误的是（）。

A.CSS的全称是Cascading Style Sheets，中文的意思为“层叠样式表”B.CSS的作用是精确定义页面中各元素以及页面的整体样式C.CSS样式不仅可以设置大多数传统的文本格式，还可以定义一些特殊的HTML格式D.在Dreamweaver中只能可视化创建CSS样式，无法使用源代码来创建8．如果要使用CSS样式将文本定义为粗体，需要设置（）文本属性。

A.ont-familyB.font-styleC.font-weightD.font-size9．可以实现如下图所示文字效果的代码是（）。

A.{font-style: italic; color: #009900; text-decoration: underline;}B.{font-weight: bold; color: #009900; text- indent: underline;}C.{ font-style: italic; color: #009900; text-decoration: line-through;}D.{font-weight: bold; color: #009900; text- indent: line-through;}10．用于添加背景音乐的HTML标签是（）。

网页设计与制作(高职组)竞赛试题

网页设计与制作（高职组）竞赛试题
座位号得分
根据服务器上“网页素材”文件夹中给定的素材，在规定的时间内（180分钟），制作基于互联网环境的新闻发布网站，要求：
1．每位选手参赛时，在本地盘上建立一文件夹，文件夹名为选手参赛编号，此文件夹中只能包含主页文件(index.asp)和四个下级文件夹files、images、data、other。

文件夹files中存放除主页外的其他网页文件（扩展名为.htm或.asp），文件夹images中存放图片和动画，文件夹data中存放数据库文件，文件夹other中存放除以上三种文件外的其他所有文件。

考试结束时将该文件夹上传到服务器中指定的文件夹内。

2．首页使用适当的结构显示最近的十条新闻标题，最近两天的新闻标题后面要有“”图片，效果类似图1。

图1
3．首页含有反映大赛信息的特效（效果自定）。

4．下方含有类似图2的版权信息。

图2
5．通过首页可以进入新闻编辑页面进行新闻的添加和删除。

6．单击首页中的新闻标题，要求弹出类似图3的页面，显示该新闻的具体内容。

图3
7．其他内容自定，要求美观大方，用户界面良好，浏览方便快捷，实用性、创新性、交互性和稳定性好。

8．要尽可能多的使用网页设计技术，呈现出美观的页面效果。

应用软件：
Dreamweaver 8.0、Flash 8.0、Fireworks 8.0、Access2003、ASP。

评分标准”。

网页设计与制作试题及答案

网页设计与制作试题及答案一、试题：网页设计与制作题目：基础知识1.什么是网页设计？2.网页设计的基本原则有哪些？3.什么是响应式网页设计？二、试题答案1. 网页设计是指通过对网页进行排版、布局、色彩、图像等方面的设计和创意，使其具有良好的可视性和用户体验，达到表达和传达信息的目的。

2. 网页设计的基本原则包括：- 内容为王：网页设计应注重内容的重要性，以清晰、简洁的文字和有吸引力的图片来吸引用户注意。

- 一致性和统一性：整体网页设计风格应保持一致，包括色彩、字体、布局等方面，以增加用户体验和品牌形象。

- 简约性：简约的设计更易于引起用户的注意和理解，不应过多地添加无关信息和复杂的效果。

- 可导航性：网页应具备良好的导航结构，方便用户查找和浏览信息。

- 易读性：文字应具备良好的可读性，字体大小适宜，排版清晰易懂。

3. 响应式网页设计是指根据用户使用的设备（如手机、平板电脑、电脑等）不同，自动调整网页的布局和显示效果，以提供更好的用户体验。

响应式设计能够使网页在不同设备上呈现出良好的可阅读和浏览的效果，有效解决了不同屏幕尺寸、分辨率带来的兼容性问题。

题目：网页设计软件1.常用的网页设计软件有哪些？2.请简要介绍一款常用的网页设计软件。

试题答案：1. 常用的网页设计软件有：- Adobe Dreamweaver：功能强大，提供直观的可视化设计和编辑界面，并支持手动编写代码。

- Sketch：适合Mac用户，轻量化且易于学习使用，注重可视化设计和界面设计。

- Photoshop：主要用于图像处理和编辑，包括设计网页所需的图片和元素。

- Sublime Text：强大的代码编辑器，提供语法高亮、代码补全等功能，适用于编写网页前端代码。

2. Adobe Dreamweaver是一款常用的网页设计软件，具备以下特点：- 提供可视化设计和编辑界面，用户可通过拖拽、调整布局等方式快速设计网页。

- 支持直接编辑HTML、CSS等代码，适用于专业用户和需要精细调整的设计师。

网页设计与制作试卷(含答案)

“双语”教育2012-2013第2学期《网页设计与制作》年级专业：学号姓名：一、单选题（共45小题，每小题1分，共45分）1、在网站设计中所有的站点结构都可以归结为【 B 】A、两级结构B、三级结构C、四级结构D、多级结构2、在客户端网页脚本语言中最为通用的是【 A 】A、javascriptB、VBC、PerlD、ASP3、所学网布局的方法是【 E 】A、表格B、布局C、层D、DIVE、都是4、在HTML中，标记<font>的Size属性最大取值可以是【 C 】A、5B、6C、7D、85、所学网页页面构成有【 E 】A、顶部（标题）B、底部（注释）C、正文D、导航E、都有6、用户登陆页面不可能用到的是【 B 】A、服务器行为检查新用户B、绑定字段C、用户身份验证D、建立数据库7、成绩录入系统不能用到的【 C 】A、建立数据库B、绑定插入记录集C、检查表单D、重复区域8、非彩色所具有的属性为【 C 】A、色相B、饱和度C、明度D、纯度9、下面说法错误的是【 D 】A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录10、目前在Internet上应用最为广泛的服务是【B 】A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务11、Web安全色所能够显示的颜色种类为【C 】A、4种B、16种C、216种D、256种12、为了标识一个HTML文件应该使用的HTML标记是【C 】A、<p> </p>B、<boby> </body>C、<html> </html>D、<table> </table>13、框架结构页面正确的说法是【 D 】A、点击左边导航显示右边B、只能链接图片C、框架页面为新建常规页面D、插入可编辑区域可以生成模板14、显示页面设计时不能用到的是【 D 】A、建立数据库B、设置数据源C、连接数据库D、更新记录集15、对远程服务器上的文件进行维护时，通常采用的手段是【B 】A、POP3B、FTPC、SMTPD、Gopher16、下列Web服务器上的目录权限级别中，最安全的权限级别是【A 】A、读取B、执行C、脚本D、写入17、Internet上使用的最重要的两个协议是【B 】A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet18、网页的特征是【 A 】A、HTML文档的基本特征——超文本B、标识语言，网页中不能没有标记（Tag）C、网页提供了一些措施以防在网上冲浪的过程中迷失方向D、网页实现了对原文档信息的无限补充或扩展19、与上网无关．．的协议是【 C 】A、HTTPB、SMTPC、SOKETD、POP320、设置字体大小的代码是【D 】A、<tt></tt>B、 <cite></cite>C、<em></em>D、<font size=?></font>21、HTML中表示文字粗体的标记除了使用<strong>外，还可以使用【 B 】A、<a>B、<b>C、<c>D、<d>22、body元素用于背景颜色的属性是【 C 】A、alinkB、vlinkC、bgcolorD、background23、 HTML代码<tr></tr>表示【B 】A、创建一个表格B、开始表格中的每一行C、开始一行中的每一个格子D、设置表格头24、HTML代码<hr>表示【 D 】A、添加一个图像B、排列对齐一个图像C、设置围绕一个图像的边框的大小D、加入一条水平线25、Flash中，与位图相比，矢量图形的优点是【 A 】A、变形、缩放不影响图形显示质量B、丰富多彩C、图像所占空间大D、图像质量好26、在Dreamweaver MX 中, 下面关于排版表格属性的说法错误的是【D 】A、可以设置宽度B、可以设置高度C、可以设置表格的背景颜色：D、可以设置单元格之间的距离但是不能设置单元格内部的内容和单元格边框之间的距离27、在Dreamweaver MX 中, 在设置各分框架属性时, 参数Scroll 是用来设置什么属性的【B 】A、是否进行颜色设置B、是否出现滚动条C、是否设置边框宽度D、是否使用默认边框宽度28、在Dreamweaver MX 中下面可以用来做代码编辑器的是【A 】A、记事本B、 PhotoshopC、flashD、以上都不可以29、在Dreamweaver 中, 我们可以为链接设立目标, 表示在新窗口打开网页的是【A 】A、_blankB、 _parentC、_selfD、_top30、 Dreamweaver的文本菜单中，Style→Underline表示【D】A、从字体列表中添加或删除字体B、将选定文本变为粗体C、将选定文本变为斜体D、在选定文本上加下划线31、在网页制作中，为了统计访问者的信息，了解他们的意见，我们可以用下述办法实现。

网页设计与制作选择题试卷

网页设计与制作选择题试卷1、下面四种标签哪种写法不正确（）。

A．B．C．D．(正确答案)2、网页制作的主要技术不包括以下哪个（）。

A．HTMLB．JavaScriptC．Java(正确答案)D．CSS3、在网页中添加一个链接，并要求在新窗口打开链接，下列代码正确的是（）。

A．(正确答案)B．C．D．4、对于下面代码解读不正确的是（）。

[单选题]A．该图片在网页中显示的宽度是50像素，高度按比例放大或缩小。

B．图片的路径是“img.png”。

C．鼠标悬停在图片上时，鼠标附近会显示图片信息“我的头像”(正确答案)D．当图片无法正常显示时，图片位置会显示内容“我的头像”5、使用CSS设置鼠标放置在链接上时的样式应使用以下哪个选择器（）。

A．:activeB．:visitedC．:hover(正确答案)D．:link6、使用CSS仅设置网页中的文字的字体大小应使用以下哪个属性（）A．fontB．font-size(正确答案)C．font-familyD．color7、使用CSS设置网页中超链接的文字颜色应使用什么属性（）。

A. color(正确答案)B. font-colorC. fontD. A、B、C都不对8、下面是正确使用类选择器的是（）。

A．class aB．.a(正确答案)C．#aD．IDa9、下面是正确使用ID选择器的是（）。

A．ID aB．id aC．#a(正确答案)D．.a10、为网页添加视频可以通过以下哪个标签（）。

A．＜audio>B．＜video>(正确答案)C．＜meta>D．A、B、C都可以11、下面关于表单的叙述错误的是（）。

A．表单是用户与网站实现交互的重要手段B．表单可以收集浏览者的信息C．表单是网页上的一个特定区域。

D．表单是由一对标签组成(正确答案)12、要建立一个输入单行文字的文本框，下面代码正确的是（）。

A．＜input>B．＜input type="text">(正确答案)C．＜input type="radio">D．＜input type="password">13、下列说法不正确的是（）。

江西省中等职业学校第九届技能竞赛节网页设计与制作试题(赣州赛区)

江西省中等职业学校第九届技能竞赛节网页设计与制作试题（赣州赛区）
项目一、网页模拟制作部分：
根据所提供的图例，分别为一个首页（图一）和一个二级页面（图二），选择相应的制作软件，制作准确、技术运用恰当，跟图例越接近，得分越高。

模拟页面完成的同时须由CSS控制住，页面不随浏览器的设置而改变。

图三为配图说明。

项目二、网页创意制作部分：
以“发展振兴赣南苏区”为主题，根据给定的素材，制作不少于一个页面的专题网，要求主题鲜明，内容健康；设计新颖、具有创意；结构清晰、布局合理；色彩搭配合理协调；技术运用合理，全面；体现作品特色，使浏览者感觉整体效果好。

此外，首页到二级页面的链接应正确、醒目。

图片与动画制作使用得当。

（图一）
（图二）
（图三）。

《网页设计与制作》试题及答案

《网页设计与制作》试题及答案一、单选题（共25题，共100分）1.目前在Internet 上应用最为广泛的服务是A.FTP 服务B.WWW 服务C.Telnet 服务D.Gopher 服务ABCD正确答案：B2.域名系统DNS 的含义是( )。

A.Direct Network SystemB.Domain Name ServiceC.Dynamic Network SystemD.Distributed Network ServiceABCD正确答案：B3.主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码A.centerB.nbuABCD正确答案：D4.当标记的TYPE 属性值为( )时，代表一个可选多项的复选框。

A.TEXTB.PASSWORDC.RADIOD.CHECKBOXABCD正确答案：D5.为了标识一个HTML 文件开始应该使用的HTML 标记是( )。

A.<table>B.<body>C.<html>D.<a>ABCD正确答案：C6.在客户端网页脚本语言中最为通用的是A.javascriptB.VBC.PerlD.ASPABCD正确答案：A7.在HTML 中，标记的Size 属性最大取值可以是A.5B.6C.7D.8ABCD正确答案：C8.在HTML 中，单元格的标记A.<td>B.、<span>C.<tr>D.<body>ABCD正确答案：A9.在网页中最为常用的两种图像格式是A.JPEG 和GIFB. JPEG 和PSDC.GIF 和BMPD.BMP 和PSDABCD正确答案：A10.如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL 开头是A.HTTPB.HTTPSC.SHTTPD.SSLABCD正确答案：B11.在HTML 中，要定义一个空链接使用的标记是A.<a href= ”#”>B.<a href= ”?”>C.、<a href= ”@”>D.<a href= ”!”>ABCD正确答案：A12.对远程服务器上的文件进行维护时，通常采用的手段是A.POP3B.FTPC.SMTPD.GopherABCD正确答案：B13.下列Web 服务器上的目录权限级别中，最安全的权限级别是A.读取B.执行C.脚本D.写入ABCD正确答案：A14.用Fireworks 切割图形时，需要的工具是A.裁剪B.选取框C.切片D.自由变形ABCD正确答案：C15.Internet 上使用的最重要的两个协议是A.TCP 和TelnetB.TCP 和IPC.TCP 和SMTPD.IP 和TelnetABCD正确答案：B16.body 元素用于背景颜色的属性是B.vlinkC.bgcolorD.backgroundABCD正确答案：C17.下面说法错误的是A.规划目录结构时，应该在每个主目录下都建立独立的images 目录B.在制作站点时应突出主题色C.人们通常所说的颜色，其实指的就是色相D.为了使站点目录明确，应该采用中文目录ABCD正确答案：D18.在Dreamweaver 中，最常用的表单处理脚本语言是A.CB.JavaC.ASPD.JavaScriptABCD正确答案：D19.在Dreamweaver MX 中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为A.parentC._topD._selfABCD正确答案：B20.网页制作技术不可以实现由一个文件控制一大批网页A.CSS 文件B.库C.模板D.层ABCD正确答案：D21.查看优秀网页的源代码无法学习A.代码简练性B.版面特色C.网站目录结构特色D.Script 程序ABCD正确答案：C22.客户机可向服务器按MINE 类型发送和接收信息，客户机使用( )请求方式表示要求服务器发送文件头消息A.SMTPB.GETD.POSTABCD正确答案：D23.在色彩的RGB 系统中，32 位十六进制数000000 表示的颜色是A.黑色B.红色C.黄色D.白色ABCD正确答案：A24.Flash 中，与位图相比，矢量图形的优点是A.变形、缩放不影响图形显示质量B.丰富多彩C.图像所占空间大D.图像质量好ABCD正确答案：A25.不论是网络的安全保密技术，还是站点的安全技术，其核心问题是A.系统的安全评价B.保护数据安全C.是否具有防火墙D.硬件结构的稳定正确答案：A。

网页设计竞赛题

大学生电脑技能大赛网页设计项目比赛试题姓名_______________ 机器编号_______班级_______________ 得分_______ 在D盘下建立一个以你的学号命名的文件夹作为站点文件夹。

以给定素材为基础，设计、制作和编辑完成一个以个人宣传环保为主题的专题网站（个人网页加环保宣传为目的）。

网站要求主题鲜明、栏目规划清晰。

1、网页内容要求参赛选手使用指定网页制作软件及图像动画制作辅助软件，利用给定的素材（文本、图像、动画、网页特效代码等），加上个人创意与构思，制作一个以个人网页为主题的专题网站。

要求在认真分析研究所给素材基础上，个人独立完成，内容切题、简洁美观、构图设计有创意、采用技术有通用性、创新点有推广意义。

2、页面制作要求（1）首页制作要求整个页面布局采用三栏式，即：页面顶部（主题横幅图片+菜单导航栏）+主栏目板块+底部版权信息。

选手也可以发挥自己的创意，设计不同的首页布局。

（2）页面顶部设计要求在“banner图标”素材文件夹中选择图片文件，设计出横幅(可以是flash动画，尺寸也可以自定义)，放在页面顶部，以此图的主色调为基准确定整个网站的色调风格。

横幅中可以有和网站主题相关的文字等内容。

（3）导航栏制作要求制作横向或纵向导航栏，导航栏包含文字为“首页、栏目一、栏目二、栏目三……”，具体栏目名称依据素材而定。

制作方法可采用文字式、按钮式、CSS及flash动画式，并设置相应的超链接。

要求与整体页面风格一致。

（4）主栏目板块设置要求自由设计，并做出相应超链接。

要求内容合理布局，整体效果好。

需要设计通过CSS，来统一整个网站风格。

（5）版权栏制作要求（字体使用宋体，字号为12pt）在版权栏中要求输入：XXX制作X年X月X日webmaster@南通航运职业技术学院2013。

（6）页面设计以1024*768分辨率为显示标准。

制作出的网页要能够在此分辨率以及以上分辨率屏幕上能正常显示，不能因为屏幕尺寸变大而显示错乱。

网页设计与制作考核试卷

8. ABC
9. ABCD
10. ABCD
11. ABC
12. ABC
13. ABCD
14. ABCD
15. AD
16. ABC
17. ABC
18. ABCD
19. ABCD
20. ABCD
三、填空题
1. <html>
2. font
3. window.innerWidth
4. <input type="radio">
B. document.getElementById("divMy");
C. document.getElementByName("myDiv");
D. document.getMyElement("myDiv");
10.以下哪个事件会在用户点击按钮时触发？（）
A. onclick
B. onsubmit
8.在HTML5中，用于存储本地数据的两个API是______和______。（）
9.在CSS中，要设置元素的透明度，可以使用______属性。（）
10.在网页设计中，为了提高可访问性，应该使用______来替代图片上的文字。（）
四、判断题（本题共10小题，每题1分，共10分，正确的请在答题括号中画√，错误的画×）
3.在JavaScript中，获取当前浏览器窗口宽度的方法是______。（）
4.在HTML中，要创建一个单选按钮，需要使用______标签。（）
5.要在网页上显示一张图片，可以使用______标签。（）
6.在CSS中，要设置元素的水平居中，可以使用______属性。（）
7.在JavaScript中，声明一个变量的关键字是______。（）

网页设计竞赛试题

网页设计与制作竞赛试题抽签号得分1.素材资料所在位置网页所需的全部文字、图片素材都位于计算机桌面上的“chongyang.zip”文件中。

2.作品保存1)制作时将“chongyang.zip”文件解压为“chongyang”文件夹，修改该文件夹名为：选手参赛编号+ chongyang，保存在桌面上，并直接以该文件夹作为站点文件夹，制作完成后发布到本机的IIS上，网站的最终结果以在IE浏览器中打开http://localhost 的实际效果为准；2)编辑站点文件夹中的首页文件（index.html）、jianjie.html、xisu.html、xinwen.html、tupian.html、yinyong.html和style.css文件，直接保存即可。

考试结束时将该文件夹上传到服务器中指定的文件夹内；3)除以上规定的文件和文件夹外，如有其它的文件和文件夹，名称请自拟，但文件和文件夹名称只能以英文字母、阿拉伯数字、下划线命名。

若提供的素材是中文名称，需按要求改名后再使用。

3.内容与主题1)主题：制作一个重阳节主题网站2)根据网页设计与制作需求文档，完成首页文件（index.html）、jianjie.html、xisu.html、xinwen.html、tupian.html、yinyong.html的编辑修改任务和手机网站首页的设计任务。

按照网站建设标准流程分析、设计、制作及发布网站；网站主题突出、布局合理、风格统一、结构清晰、规范；色彩使用搭配合理、美观、设计新颖、有创意。

4.网站制作要求1)在系统默认状态下制作网页，不许修改系统状态；2)页面中不得显示或暗示参赛选手的真实身份（如学校、姓名等），不得包含违法内容、不健康内容，否则成绩作废；3)比赛中只能使用大赛提供的素材，或者自己现场制作、加工的素材；4)参赛选手请仔细阅读“网页设计与制作需求文档”（见附件），所有网页使用1024*768的分辨率，手机网页自适应手机屏幕分辨率；5.参赛要求1）所有参赛选手不得携带任何存储媒体（如磁盘、光盘、移动存储器、MP3、MP4、手机等）和参考资料进入赛场。

网页设计与制作考试试题

网页设计与制作考试试题当标记的TYPE属性值为______时,代表一个可选多项的复选框.A、TEXTB、PASSWORDC、RADIOD、CHECKBOX(正确答案)为了标识一个HTML文件开始应该使用的HTML标记是______A、tableB、bodyC、html(正确答案)D、a在HTML中,单元格的标记是______.A、td(正确答案)B、spanC、trD、body下面不属于CSS插入形式的是______.A、索引式(正确答案)B、行内式C、头部式D、外部式在网页中最为常用的两种图像格式是______.A、JPEG和GIF(正确答案)B、JPEG和PSDC、GIF和BMPD、BMP和PSD网页中的三原色指______.A、红、绿、蓝(正确答案)B、红、橙、黄C、黄、绿、蓝D、红、绿、黄网页中#FF0000表示哪种颜色______.A、黄色B、黑色C、蓝色D、红色(正确答案)网页中#000000表示哪种颜色______.A、黄色B、黑色(正确答案)C、蓝色D、红色以下哪种图像格式支持动画______.A、jpgB、bmpC、pngD、gif(正确答案)静态网页的主页一般命名为______.A、index.aspB、index.html(正确答案)C、defalut.aspD、defalut.htmlHTML中______标签必须嵌套于head标签之中.A、bodyB、title(正确答案)C、imageD、htmlHTML网页的主体标签为______.A、body(正确答案)B、titleC、imageD、html一个HTML文件中只能有______个body标签. -1(正确答案)-2-3-4HTML中表示文字粗体的标记除了使用strong外,还可以使用（）.A、aB、b(正确答案)C、cD、dbody元素用于背景颜色的属性是______.A、alinkB、vlinkC、bgcolorD、background(正确答案)下列关于HTML语言的table 标记正确的是______.A、border用于设置表格边线宽度,cellpadding用于设置框线厚度B、cellpadding用于设置框线厚度,cellspacing用于设置数据与边框的距离C、bgcolor用于单元格的背景颜色,width用于设定整个表格的宽度(正确答案)D、valign用于强制单元格内容不换行,nowarp用于设定单元格内容垂直对齐方式下列选项中,用于设置边框粗细的属性为______.A、border-colorB、border-width(正确答案)C、border-styleD、border-size关于文本对齐,源代码设置不正确的一项是：______.A、div align=”middle”…/div(正确答案)B、div align=”right”…/divC、div align=”left”…/divD、div align=”center”…/div以下标记中,用于定义一个单元格的是______.A、td…/td(正确答案)B、tr…/trC、table…/tableD、caption…/caption若要在网页中插入样式表main.css,以下用法中,正确的是______.A、lind href=”main.css” type=”text/css” rel=”stylesheet”B、lind href=”main.css” type=”text/css”C、lind src=”main.css” type=”text/css” rel=”stylesheet”D、link href=”main.css” type=”text/css” rel=”stylesheet”(正确答案)在CSS样式文件中的注释正确的是______.A、//this is a comment//B、// this is a commentC、/ this is a comment /(正确答案)D、’this is a comment下列哪一项是CSS添加背景图片的正确语法构成______.A、background-positionB、background-colorC、background-image(正确答案)D、background-size以下选项中可以实现浮动的属性是______.A、float(正确答案)B、clearC、displayD、list-styleCSS中的选择器不包括______.A、超文本标记选择器(正确答案)B、类选择器C、标签选择器D、ID选择器在CSS中下列哪一项是“左边框”的语法______.A、border-left-width:值B、border-top-width:值C、border-left:值(正确答案)D、border-top-width:值a:hover表示超链接文字在______时的状态.A、鼠标按下B、鼠标经过C、鼠标放上去(正确答案)D、访问过后上边框10像素,下边框20像素,左边框12像素,右边框5像素,正确的写法是______.A、border-width:10px 5px 20px 12px(正确答案)B、border-width:10px 20px 12px 5pxC、border-width:10px 12px 20px 5pxD、border-width:20px 5px 10px 12px下列哪个是CSS属性可以更改样式表的字体颜色？A、text-color=B、fgcolor:C、text-color:D、color:(正确答案)下列哪个CSS属性能够设置文本加粗______.A、font-weight:bold(正确答案)B、style:boldC、font:bD、font=下列标签中,表示有序列表的标签是 ______A、div.../divB、h1.../h1C、ul.../ul(正确答案)D、ol.../ola标签是块元素,直接设置宽高有效对错(正确答案)行元素和块元素没有区别对错(正确答案)position: fixed; 是浏览器定位.对(正确答案)错给元素添加padding样式不会改变元素的宽高.对错(正确答案)关于样式代码".box{width:200px;padding:20px;}"box的整体宽度为240px 对(正确答案)错当input控件的type属性值为submit时,即定义了一个提交按钮.对(正确答案)错在表格中,有几对td/td,就表示该表格有几行.对错(正确答案)tr/tr标记用于定义表格中的行.对(正确答案)错所有的HTML标记符都包括开始标记和结束标记.对(正确答案)错用h1标记符修饰的文字通常比用h6标记符修饰的小.对错(正确答案)HTML表格在默认情况下有边框.对错(正确答案)通配符代表所有元素对(正确答案)错关于样式代码".box{margin:20px 40px;}"代表box上下外边距20px,左右外边距40px 对(正确答案)错如果代码有多个空格,浏览器只识别为一个空格对(正确答案)错设置文本颜色需要使用color样式对(正确答案)错ul/ul为有序列表对错(正确答案)li标签去点：list-style:none;对(正确答案)错文本水平居中对齐text-align: center; 对(正确答案)错文本默认居中对齐对错(正确答案)在HTML中‘’表示空格对(正确答案)错。