下载文档原格式
“双语”教育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、在网页制作中，为了统计访问者的信息，了解他们的意见，我们可以用下述办法实现。
市中职计算机教师专业技能竞赛工程：网页设计与制作类型：个人工程，赛时：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.用竞赛组委会提供的素材，选手不得自带素材。
网页制作技能竞赛题(总3页) -CAL-FENGHAI.-(YICAI)-Company One1-CAL-本页仅作为文档封面，使用请直接删除网页制作技能竞赛题一、内容为制作一个班级网站。
二、制作环境：Dreamweaver，flash，Photoshop等三、试题要求：建立网站，站点文件夹名为考生姓名，网站内文件夹要规范，页面要美观大方，色调统一，主题突出。
四、具体要求：1、在主页上：要有站点标志（用Photoshop 制作一个简单的标志图形）；用Flash制作一个文字动画（要求切合网站主题）简单的介绍该站点内容，并插入到网页中。
（30分数）2、具体的设计所需图片和新闻文字示例，可在本机素材中查找或使用考试素材，不得作出一些侵害别人版权的行为。
（30分数）3、页面要求：网页设计要色彩搭配合理；主页整洁、美观；网页主题突出；浏览便捷，具有吸引力。
（35分数）4、联系方式和版权信息格式为：（5分数）© 2014归XXX所有未经许可不得复制、更改E-mail联系电话：（0826）XXXXXXX设计范围：1、根据要求设计网页，主题，栏目，导航等自行设计。
根据主题页面导航条要设计合理。
2、可以自己制作图片、动画等以增加网页展示效果。
3、网页分辨率要求：以1280*768显示分辨率为准。
4、网站下建立的目录结构应清晰，除首页外、图片、动画等应放在相应的文件夹下，并且所有文件、图片、动画、子文件夹名都必须使用英文小写字母。
最后将结果显示在IE浏览器中。
网站从内容上划分可分为六个模块，分别是“动态”、“风采”、“学习”、“交流”、“资源”、“联系”，而网站会再对每个模块进行细化划分，不要求全部做完,但首页上要有体现，具体划分方法可见图1。
图1 网站内容结构图本次内容模块主要从实用性出发，力图将班级各方面的内容从网页中展示出来，方便班级中的每一个成员浏览，方便以最快的速度从网站中获取所需的内容。
我们从“动态”模块中获得班级的最新资讯，包括活动通知、教务通知及其它的通知，也可以查看网站的最新动态，包括班级微博所显示的内容，同学们的语录，及网站的留言。
网页设计与制作单选题30% 30% 多选题多选题多选题 20 20 20％％ 填空题１５％填空题１５％填空题１５％ 简答题２５％简答题２５％论述题１０％The content of exam include,but not limited in: 1、Photoshop 中允许一个图象的显示的最大比例范围1600%3、在绘制椭圆形时，以中心点为基准画圆应按住什么键ALT 键4、Dreamweaver 设计网页时，要选中某个单元格，可以将光标先定位在该单元格，然后鼠标移到状态栏的什么标签 ，单击该标识可以选中该单元格。
Td 5、在表格属性设置中，间距的定义：表格中单元格之间的间距。
单元格间距是指围绕在每个单元格周围的框的厚度（以像素为单位）。
6、表单的基本元素有哪些。
①询问或请求信息。
①询问或请求信息。
②访问者在其中键入信息的域③“提交”和“全部重写”按钮。
按钮。
④表单处理程序④表单处理程序 8、默认模板的后缀名是什么dwt9、对远程服务器上的文件进行维护时，通常采用的是.FTP 。
10、为了标识一个HTML 文件应该使用的HTHL 标记是什么？< html> </html>11、在实际操作中的两种Email 超链按方法:答: Dreamweaver 中:第一种方法：第一种方法：11）选中需要制作电子邮件超链接的文字或图片。
2）在“属性”面板中的“链接”文本框中输入“mailto”，再输入链接的电子邮件地址。
3）如果想在发邮件的时候带上主题，如果想在发邮件的时候带上主题，那么只需在那么只需在“链接”文本框中输入如下语句，文本框中输入如下语句，例如：例如：mailto:*********?subject=学习共享。
4）完成电子邮件超链接的制作，预览并点击电子邮件超链接。
5）此时会弹出自动启动Outlook 第二种方法：第二种方法：1）将插入点置于e-mail 链接出现的地方，或选中要作为e-mail 链接出现的文本或图像链接出现的文本或图像2）选择插入）选择插入 > > > 电子邮件链接。
网页设计与制作试题及答案一、试题：网页设计与制作题目：基础知识1.什么是网页设计？2.网页设计的基本原则有哪些？3.什么是响应式网页设计？二、试题答案1. 网页设计是指通过对网页进行排版、布局、色彩、图像等方面的设计和创意，使其具有良好的可视性和用户体验，达到表达和传达信息的目的。
2. 网页设计的基本原则包括：- 内容为王：网页设计应注重内容的重要性，以清晰、简洁的文字和有吸引力的图片来吸引用户注意。
- 一致性和统一性：整体网页设计风格应保持一致，包括色彩、字体、布局等方面，以增加用户体验和品牌形象。
- 简约性：简约的设计更易于引起用户的注意和理解，不应过多地添加无关信息和复杂的效果。
- 可导航性：网页应具备良好的导航结构，方便用户查找和浏览信息。
- 易读性：文字应具备良好的可读性，字体大小适宜，排版清晰易懂。
3. 响应式网页设计是指根据用户使用的设备（如手机、平板电脑、电脑等）不同，自动调整网页的布局和显示效果，以提供更好的用户体验。
响应式设计能够使网页在不同设备上呈现出良好的可阅读和浏览的效果，有效解决了不同屏幕尺寸、分辨率带来的兼容性问题。
题目：网页设计软件1.常用的网页设计软件有哪些？2.请简要介绍一款常用的网页设计软件。
试题答案：1. 常用的网页设计软件有：- Adobe Dreamweaver：功能强大，提供直观的可视化设计和编辑界面，并支持手动编写代码。
- Sketch：适合Mac用户，轻量化且易于学习使用，注重可视化设计和界面设计。
- Photoshop：主要用于图像处理和编辑，包括设计网页所需的图片和元素。
- Sublime Text：强大的代码编辑器，提供语法高亮、代码补全等功能，适用于编写网页前端代码。
2. Adobe Dreamweaver是一款常用的网页设计软件，具备以下特点：- 提供可视化设计和编辑界面，用户可通过拖拽、调整布局等方式快速设计网页。
- 支持直接编辑HTML、CSS等代码，适用于专业用户和需要精细调整的设计师。
网页设计与制作（高职组）竞赛试题
座位号得分
根据服务器上“网页素材”文件夹中给定的素材，在规定的时间内（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。
评分标准。
2015张家口市计算机（网页设计与制作）理论试题时间：60分钟一、选择题（共50题，每题1分，共50分）1．关于HTML标题，下列说法错误的是（）A．<h1>标签定义的标题最大B．<h6>标签定义的标题最小C．<h1>~<h6>标签定义的标题，字号依次变小D．<h1>~<h6>标签定义的标题，字号依次变大2．用于定义HTML文档的分区或节的标签是 ( )A．<div>B．<p>C．<img />D．<strong>3．用于改变HTML元素样式的标签是（）A．<strong>标签B．<li>标签C．<style>标签D．<H1>标签4．根据XHTML1.0规范，向网页中插入一幅图画，下列语句正确的是（）A．<img src=”baidu/img/pic.gif” alt=”百度LOGO”>B．<img src=”baidu/img/pic.gif” alt=”百度LOGO”/>C．<img link=”baidu/img/pic.gif” alt=”百度LOGO”>D．<img src=”baidu/img/pic.gif” alt=”百度LOGO”></img>5．下列CSS语法结构完全正确的是（）A．p{font-size:12;color:#666666;}B．p{font-size:12;color:666666;}C．p{font-size:12px;color:#666666;}D．p{font-size:12px;color:666666;}6．下列CSS样式，正确的是（）A．p{font-family:宋体;font-size:12px;color:#black;}B．p{font-family:’宋体’;font-size:12px;color:#000;}C．p{font-family:”宋体”;font-size:12pt;color:#000;}D．p{font-family:”宋体”;font-size:12pt;color:000;}7．用于组合HTML文档行内元素的标签是（）A．<div>B．<p>C．<strong>D．<span>8．用于控制文本首行缩进的属性是（）A．text-align属性B．text-decoration属性C．white-space属性D．text-indent属性9．可以将<h1>标签内文字变细显示的属性是（）A．font-style属性B．font-weight属性C．font-size属性D．font-family属性10．为<span>标签中的文字大小设置为18px,颜色为#336699,文本有删除线，则下面CSS正确的是（）A．span{font-size:18px;color:#336699;text-decoration:overline;}B．span{font-size:18px;color:#369;text-decoration:line-through;}C．span{font-size:18px;color:#336699;text-decoration:underline;}D．span{font-size:18px;color:#369;text-decoration:blink;}11、下列CSS属性，哪一项不属于盒子模型属性（）A、width属性B、border属性C、margin属性D、padding属性12、以下关于盒子模型说法正确的是（）A、margin属性值不能为负值B、padding是盒子与盒子之间的间距C、margin是盒子内元素与边框之间的间距D、border:1px solid red;表示的是盒子的4个边框为1px的红色实线13、如果要设置一个<div>标签的宽度为200px,高度为80px，它的4个边框均为2px的虚线，上、下、左、右方向的外边距为10px，则下列CSS正确的是（）A、div{wdith:80px;height:200px;border:2px dashed #000;margin:0 10px;}B、div{wdith:80px;height:200px;border:2px solid #000;margin:10px 0px;}C、div{wdith:200px;height:80px;border:2px solid #000;margin: 10px;}D、div{wdith:200px;height:80px;border:2px dashed #000;margin: 10px;}14、已知一个盒子的宽度为130px，左边框为5px实线，右边框为0px，左外边距为10px，右外边距为2px，左内边距为1px，右内边距为25px，下列盒子尺寸正确的是（）A、130pxB、156pxC、173pxD、168px;15、CSS是利用什么XHTML标记构建网页布局？（）A<dir>B<div>C<dis>D<dif>16、在CSS语言中下列哪一项是"左边框"的语法？（）A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>17、下列选项中属于CSS 行高属性的是（）A．font-size B．text-transformC．text-align D．line-height18、在CSS 中不属于添加在当前页面的形式是（）A．内联式样式表B．嵌入式样式表C．层叠式样式表D．链接式样式表19、在CSS语言中下列哪一项是"列表样式图象"的语法？（）A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>20．在CSS中，background:url(icon.gif) 0 5px no-repeat语句表示（）A．背景图像不重复，水平位移为5px，垂直位移为0B．背景图像不重复，水平位移为0，垂直位移为5pxC．背景图像沿水平方向重复，水平位移为5px，垂直位移为0D．背景图像沿垂直方向重复，水平位移为0px，垂直位移为5px21．在CSS中FLOAT属性的作用是（）A．清除浮动B．扩展盒子高度C．处理盒子的内容溢出D．定位元素，建立横向多列布局22．已知<div>标签的宽度为220px，宽度为120px，其中，内容在垂直方向溢出，要求仅在溢出方向上显示滚动条，则下列代码正确的是（）A．div{width:220px;height:120px;overflow:hidden;}B．div{width:220px;height:120px;overflow:auto;}C．div{width:220px;height:120px;overflow:scroll;}D．div{width:220px;height:120px;overflow:visible;}23．在CSS中，如果需要清除浮动层对文本的影响，下列说法正确的是（）A．为浮动层增加clear属性，并设置其属性值为bothB．为浮动层增加clear属性，并设置其属性值为noneC．为放置文本的标签增加clear属性，并设置其属性值为bothD．为放置文本的标签增加clear属性，并设置其属性值为none24．在CSS中，可以设置元素相对定位的是（）A．position:fixed;B．position:absolute;C．position:relativeD．position:static25．在CSS中，关于z-index属性说法错误的是（）A．盒子中的元素都含有两个堆叠层级B．z-index属性的以值优先级为正数值>0>负数值C．当z-index属性取值为负数时，所在层级的元素浮在页面之上D．z-index属性仅能在定位元素上起作用26．在CSS中，position属性的默认值是（）A．fixedB．absoluteC．staticD．relative27．已知往网页中插入一张图片，需要将文字显示在图片之上，则下列语句正确的是（）A．img{position:absolute;z-index:-1;}B．img{position:absolute;top:0;left:0;z-index:-1;}C．img{position:absolute;z-index:1;}D．img{position:absolute;top:0;left:0;z-index:1;}28、下列哪一项是css正确的语法构成？（）A、body:color=blackB、{body;color:black}C、body {color: black;}D.、{body:color=black(body}29、下面哪个CSS属性是用来更改背景颜色的？( )A.background-color:B.bgcolor:C.color:D、text:30、怎样给所有的<h1>标签添加背景颜色?（）A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}31、下列哪个css属性可以更改样式表的字体颜色？( )A.text-color=B.fgcolor:C.text-color:D.color:32、下列哪个css属性可以更改字体大小？( )A.text-sizeB.font-sizeC.text-styleD.font-style33．自定义列表以下面哪一个标签开始（）A．<ul>B．<dt>C．<ol>D．<dl>34．如果要显示项目列表顶部，且无项目符号，则以下代码正确的是（）A．ul{margin:0;padding:0;list-style-img:none;}B．ul{margin:0;padding:0;list-style-img:0;}C．ul{margin:0;padding:0;list-style:none;}D．ul{margin:0;padding:0;list-style:0;}35．已知项目列表项的背景图像为xx.gif，底部边框为1px的#ccc色实线，列表项向上、下间距为5px，则下列代码正确的是（）A．li{background:url(xx.gif) no-repeat;border-bottom:1px solid #ccc;padding:5px;} B．li{background:url(xx.gif) no-repeat;border-bottom:1px solid #ccc;padding:5px 0;} C．li{background:url(xx.gif) no-repeat;border-bottom:1px solid #ccc;marging:5px;} D．li{background:url(xx.gif) no-repeat;border-bottom:1px solid #ccc;margin:5px 0;} 36．已知一个网页设置了body{text-align:center}，如果要使其中的div自动居中，下列代码正确的是（）A．div{margin:auto 0;}B．div{margin:0 auto;}C．div{padding:auto 0;}D．div{padding:0 auto;}37．使用绝对定位法布局网页，作为偏移基准的父层应设置为（）A．绝地定位B．固定定位C．相对定位D．静态定位38．关于网页布局下列说法错误的是（）A．可以使用浮动法和绝对定位法进行横向多列布局B．实现网页的自动居中布局，仅需将<body>标签的文本对齐属性设置为居中即可C．设置网页的自动布局时，上、下外边距可以为任意值D．父层未设置浮动，子层设置了浮动时，父层会缩成一条39、如何去掉文本超级链接的下划线？A.a {text-decoration:no underline}B.a {underline:none}C.a {decoration:no underline}D.a {text-decoration:none}40、下列哪个css属性能够更改文本字体？A.f:B.font=C.font-family:D、text-decoration:none41.下列哪个css属性能够设置文本加粗？A.font-weight:boldB.style:boldC.font:bD.font=42.下列哪个css属性能够设置盒模型的内边距为10、20、30、40（顺时针方向）？A.padding:10px 20px 30px 40pxB.padding:10px 1pxC.padding:5px 20px 10pxD.padding:10px43.下列哪个属性能够设置盒模型的左侧外边界？A.margin:B.indent:C.margin-left:D.text-indent:44．用于改变HTML元素样式的标签是（）A．<strong>标签B．<li>标签C．<style>标签D．<H1>标签45、（）标签可以应用于<head>中？A.<body>B.<title>C.<image>D.<html>46、下列哪一属性能实现层的隐藏（）A.display:falseB.display:hiddenC.display:blockD.display:none47、边框的样式可以包含的值不包括：A、粗细B、颜色C、样式D、长短48．下面标签不是HTML全局标签的是（）A．<html>B．<head>C．<title>D．<h3>19．HTML主体部分的标签是( )A．<title>B．<h1>C．<body>D．<head>50．下列标签是单标签的是（）A．<h1>B．<p>C．<hr/>D．<em>二、多选题：（共？题，每题1分，共？分;多选、漏选、错选均不得分）1.下列标签中，属于行内元素的有（）A、<div>标签B、<strong>标签C、<li>标签D、<span>标签2．在CSS中，可以用于设置背景颜色的属性为（）A．background-repeat属性B．background-color属性C．background-image属性D．background属性3．在CSS中，可以用于设置背景重复的属性为（）A．background属性B．background-image属性C．background-color属性D．background-repeat属性4．关于background-position属性的描述，下列说法正确的是（）A．background-position属性的值可以是关键字，长度值和百分数值B．background-position属性的值只可能成地出现，第一个表示水平值，第二个表示垂直位置C．background-position：0 0表示图像位于背景的左上角D．如果仅规定了background-position的一个值为30%，则另一个值将是50%5．关于background-image属性，下列说法正确的是（）A．background-image属性可以为网页元素设置背景图像B．background-image属性为网页元素设置背景图像时，默认背景图像位于元素的左上角，并在水平和垂直方向上重复。
计算机网页制作试题及答案1. 试题1.1 HTML基础1.1.1 什么是HTML？HTML是什么的缩写？1.1.2 HTML文件的基本结构是怎样的？1.1.3 HTML标签有哪些？请列举一些常用的HTML标签及其作用。
1.1.4 HTML属性是什么？如何在HTML标签中添加属性？1.1.5 请描述一下HTML中的超链接。
1.1.6 如何在HTML中插入图片？1.1.7 HTML是一种编程语言吗？1.2 CSS样式与布局1.2.1 什么是CSS？CSS是用来做什么的？1.2.2 如何在HTML中引入CSS样式表？1.2.3 请列举一些常用的CSS样式属性，并解释其作用。
1.2.4 如何实现水平居中和垂直居中布局？1.2.5 请描述一下盒模型及其相关属性。
1.2.6 如何设置响应式布局？1.3 JavaScript基础1.3.1 什么是JavaScript？JavaScript有什么作用？1.3.2 如何在HTML中引入JavaScript代码？1.3.3 常用的JavaScript数据类型有哪些？1.3.4 JavaScript的运算符有哪些？1.3.5 什么是条件语句和循环语句？请给出一个示例。
2. 答案2.1 HTML基础2.1.1 HTML是超文本标记语言（HyperText Markup Language）的缩写。
2.1.2 HTML文件的基本结构包括文档类型声明、html、head、title和body等元素组成。
2.1.3 常用的HTML标签包括p、div、span、a、img、ul、li等。
p用于标记段落，div用于划分区块，span用于标记文本的一部分，a用于创建超链接，img用于插入图片，ul和li用于创建无序列表等。
2.1.4 HTML属性是为了扩展HTML标签的功能而存在的。
可以使用属性为标签提供额外的信息。
在HTML标签中，使用属性需要在标签的开始标记中添加属性名和属性值，以“属性名=属性值”的形式表示。
网页制作技能大赛题目及要求一、参赛题目：1.《某个专业网站》例如：计算机系网站2.《十二五规划》3.《某种运动网站》例如：羽毛球网站，可以将此运动介绍，国内外情况、主要运动员等进行具体介绍4.《爱虎网》整个网站以爱护老虎为主题最好只选择专业或者运动中的一种，如果太大，你的信息就很难做的完整，例如如果我要做一个计算机系的页面，那么系里涉及的所有工作都应在你的页面上能找到。
二、考核内容：使用Dreamweaver在网页中插入中文字、图片、声音等素材，并且能够对各种素材加以修饰，使用CSS+DIV或表格对页面加以布局，能够充分展现页面内容、并能够使用各种超链接方式使各个页面间能够随意跳转。
可以使用一些行为等功能对页面加以修饰。
三、考核要求：1、参赛作品由参赛选手在指定时间内独立完成。
每个网站要求至少六张网页并且网页深度最多不超过三层。
一定要保证页面信息的完整。
所以建议大家不要将主题选的太大。
2网页的整个布局和设计应有自己的创意。
3、由参赛选手自行策划设计制作，不限定创作工具。
作品内容不得含有不健康信息，可出现商业性广告语和任何外部链接，并严格遵守国家有关法律法规。
4、网页首页文件名为index.html、index.htm5、网页中的各种文件夹和文件名均使用小写英文字母和阿拉伯数字组合，不得使用中文、标点符号或其他特殊字符。
6、网页中的页面之间的链接应使用相对链接，不能使用绝对链接。
并且各页面间能正确，方便的进行跳转。
整个网站布局合理，美观。
7、对于主页的要求：要求应用表格、CSS+DIV或框架来进行页面布局8、对于分网页的要求：网页中有文字与图片，且页面布局合理、美观，图片有一定的处理。
例如将图片做一些效果上的处理或者是将多幅图片做成横幅广告。
9、作品提交时必须注明：作品名，作者名，作者 Email ，联系电话，以及完整的作品简介 ( 包括作品名称、作品说明、创作动机、创作思想等 ) 。
10、所有网页应保证不携带病毒。
《网页制作与网站建设》期末考试卷(考试时间100分钟)适用班级： 信管0815、信管0816、信管0817 考试方式： 开卷上机操作 班级 学号 姓名出卷老师 校对老师（共 20 分）检验学生对站点建设和网页页面编辑操作能力和各种工具的应用熟练程度操作步骤：1、以静态站点的方式新建一个站点，站点建在“上机考试”文件夹中。
（2分）2、新建一个网页文件并保存在“上机考试/one ”文件夹中，取名为“1.htm ”。
（1分）3、布局页面为800*400，设置网页属左边界：112。
以图片“上机考试/one/pic/bj1.jpg ”为布局表格背景，设置表格边框为1，颜色为黑色。
（3分）4、“上机考试/one/文字1.doc ”中的文字粘贴到本页面中，并排版好。
（2分）5、插入图片“上机考试/one/pic /1.gif ”。
保存页面，最终效果如：样1.jpg 图示。
（2分）6、新建并设置CSS 样式。
打开CSS 样式，新建一个外部CSS 样式，类型为：第一种即（创建自定义样式class ），名称为：css1，保存到“上机考试／one ”文件夹中，取名为css1，在“类型”中设置属性为：字体（仿宋）、大小（２０）、行高（４０像素）、颜色（#990000）、修饰（无）。
(5分)7、应用CSS 样式。
把这个建好的CSS 样式，应用到“上机考试/one ”文件夹中的1.htm 页面中的文字上，标题“简介”除外。
（5分）最终效果如：样2.jpg 图示。
（共 10 分） 检验学生对图片操作的应用能力和对各种超链接的灵活掌握程度。
操作步骤：1、打开two 文件夹中的ls.htm 文件，在右边空白处插入two/pic/ls.jpg 图片（2分）2、在此图片中的“遂昌县、缙云县、松阳县、龙泉市、云和县、青田县、景宁、庆元县”八处建立图像矩形热区。
（2分）3、以上八处矩形热区分别链接到tom/sc.htm 、jy.htm 、sy.htm 、lq.htm 、yh.htm 、qt.htm 、jn.htm 、qy.htm 。
2015年河北省中等职业学校学生网页设计技能大赛
参赛须知
1.请首先在D盘以“参赛号”为文件名建立文件夹，并将参赛作品放入该文件夹；
2.完成后用任务栏右下侧的“红蜘蛛”软件提交；
3.离场前，须在教师机核对无误后方可退场。
4．考试时间：120分钟
一、试题要求
对相关素材中的“设计效果.png”进行切片处理，进行网页设计，最终获得一个能够查看的html网页。
所需素材均从给出的相关素材中获得，只能通过处理给定的素材进行网页设计，不允许使用以外的素材，网页中的文字内容可以使用给定示例图片的内容。
具体要求如下：
1、 单击“发型欣赏”弹出下拉菜单，子菜单内容为：男士头型，女士头型，老人头型，小
孩头型四个。
2、 使用给定的L1-L4图片制作Flash 轮转效果。
3、 输入“用户名”和“密码”，弹出提示框，提示框内容为“欢迎登陆”。
4、 使用g1-g6图片制作走马灯效果。
5、 使用s1-s2制作鼠标经过显示大图的效果：
二、比赛相关事宜如下：
1、比赛时间为120分钟；具体考察项目如下： Flash 图片轮转效果 图片从左到右移动
单击“登录”弹出窗口
显示欢迎信息
单击下
拉菜单
鼠标经过显示放大图片
(1)根据样图，使用给定素材，然后制作类似的网页。
(2)设计制作基于互联网环境的静态网页。
