网页设计试题库
web设计试题及答案
web设计试题及答案一、单项选择题（每题2分，共10分）1. 以下哪个不是Web设计中常用的布局方式？A. 栅格布局B. 流式布局C. 框架布局D. 弹性布局答案：C2. CSS选择器中，以下哪个用于选择ID为“header”的元素？A. #headerB. .headerC. headerD. [id="header"]答案：A3. HTML5中，用于定义导航链接的部分是：A. <nav>B. <section>C. <article>D. <aside>答案：A4. 在Web设计中，响应式设计的目的是什么？A. 增加网站加载速度B. 优化网站在不同设备上的显示效果C. 提高网站安全性D. 增加网站内容量答案：B5. 下列哪个属性用于设置图片的宽度？A. widthB. heightC. altD. src答案：A二、多项选择题（每题3分，共15分）1. 以下哪些是Web设计中常用的字体样式？A. 字体大小（font-size）B. 字体颜色（color）C. 字体类型（font-family）D. 字体粗细（font-weight）答案：ABCD2. 在Web设计中，以下哪些是有效的HTML标签？A. <p>B. <img>C. <table>D. <ul>答案：ABCD3. 以下哪些是CSS中用于定位元素的方法？A. staticB. relativeC. absoluteD. fixed答案：ABCD4. 在Web设计中，以下哪些是提升用户体验的因素？A. 清晰的导航B. 快速的加载时间C. 良好的兼容性D. 丰富的内容答案：ABCD5. 以下哪些是Web设计中常用的交互元素？A. 按钮（button）B. 链接（a）C. 图片（img）D. 输入框（input）答案：ABD三、简答题（每题5分，共20分）1. 请简述Web设计中的“三栏布局”是什么，并说明其特点。
网页设计考试题
网页设计考试题一、简答题1. 请简要说明什么是网页设计？答：网页设计是指利用各种技术和工具，通过设计师的创意和技能，将网页内容进行布局、配色、字体等方面的设计，以达到良好的视觉效果和用户体验，提供信息传递和交互功能的过程。
2. 简要说明网页设计中的UX和UI的区别和联系。
答：UX（User Experience）是用户体验设计，主要关注用户在使用产品时的感受和体验，包括用户需求分析、用户行为研究等；UI（User Interface）是用户界面设计，主要关注产品界面的设计，包括页面布局、色彩搭配、交互设计等。
二者联系紧密，UX决定了用户在产品中的感受，UI在此基础上提供了可视化的展示方式。
二、设计题请设计一个企业官方网站首页，内容包括但不限于公司介绍、产品展示、新闻动态等，需要考虑页面布局、色彩搭配、字体选择等因素，提供设计稿和设计说明。
设计说明：1. 公司介绍部分需突出公司的核心价值和品牌形象，采用简洁明了的文字搭配高质量的图片。
2. 产品展示部分需提供多个产品类别的展示，每个产品需有详细信息和图片展示，方便用户查询和浏览。
3. 新闻动态需采用时间轴的形式展示，最新的新闻置于首页上方，便于用户了解公司的最新动态。
4. 页面整体采用简洁大方的风格，色彩以公司LOGO为主色调，搭配深浅不同的灰色作为辅助色，突出页面内容。
5. 字体选择清晰易读，不宜使用过多花哨的特效，保持页面整体干净简洁。
三、编程题请利用HTML、CSS和JavaScript完成一个简单的网页设计，包括一个导航栏、一个图片轮播器和一个联系表单，要求页面美观、交互性强。
编程说明：1. 导航栏包括首页、产品展示、关于我们等几个页面链接，鼠标悬停时显示下拉菜单。
2. 图片轮播器包括3-5张公司产品或宣传图片，实现图片自动轮播和手动切换功能。
3. 联系表单包括姓名、邮箱、留言等几个输入框，点击提交按钮后能够将用户输入信息发送至指定邮箱。
以上是网页设计考试题的内容，希望你能根据要求完成各项题目。
网页设计考试试题
网页设计考试试题网页设计考试试题一、简答题1. 请解释什么是响应式设计？响应式设计是指通过使用弹性布局、媒体查询和其他技术手段，使网页能够根据用户设备的不同尺寸和分辨率，自动调整和优化布局和内容展示，以提供更好的用户体验。
2. 请列举几种常见的网页设计软件。
常见的网页设计软件包括Adobe Dreamweaver、Sketch、Figma、Adobe XD等。
3. 什么是用户体验设计（UX）？用户体验设计是指通过研究用户需求、行为和期望，以及优化界面交互和视觉设计等手段，来提供用户满意度和愉悦感的设计过程。
其目标是使用户在使用产品或服务时获得良好的体验。
4. 请解释什么是无障碍设计（Accessibility Design）？无障碍设计是指通过合理的设计和开发，使网页能够适应不同的用户，包括身体残障、视力障碍、听力障碍等，并提供相应的辅助功能，以确保这些用户能够无障碍地访问和使用网页。
5. 请简要介绍网页设计的色彩搭配原则。
色彩搭配原则包括对比度、色彩饱和度、色彩互补和色彩心理学等。
对比度要求设计中的文字和背景色彩有明显的对比，以提高可读性；色彩饱和度要适度，避免过于刺眼或过于暗淡；色彩互补可以通过选择相对位置较远的颜色进行搭配，以增加视觉冲击力；色彩心理学则是利用色彩对人的情绪和行为产生影响的原理，选择合适的色彩来传达信息和引起共鸣。
二、设计题设计一个电子商务网站的首页，要求包含以下内容：1. 顶部导航栏，包括主要分类和搜索框。
2. 轮播图，展示热门产品或促销活动。
3. 推荐商品区域，展示几款热门商品的图片和简要介绍。
4. 新闻资讯区域，展示最新的行业新闻和公司动态。
5. 底部导航栏，包括网站地图、联系方式和版权信息等。
设计要求：1. 页面整体风格要与电子商务相关，注重商业氛围和用户购物体验。
2. 色彩搭配要合理，考虑品牌色彩和用户喜好。
3. 布局要清晰，重要内容要突出，保证用户能够快速找到所需信息。
网页设计师__基本题库
网页设计考试基础复习测试试题单选题1、邮件的正确格式是：（）A：maiilB： mail toC：mailD答案：D难度：1知识点：网页设计工程师2、DW中，如果要改变文字的大小，可以采用：（）A：改变文字的样式B：改变字体C：增加缩进D：减少缩进答案：A难度：1知识点：网页设计工程师3、在一个页面中隐藏一个表格，正确的做法是：（）A：直接删除整个表格B：单击鼠标右键，在弹出菜单中选择“隐藏表格”命令C：在表格属性中设置边框粗细为0D：在单元格属性中设置边框粗细为0答案：C难度：1知识点：网页设计工程师4、对于一个由左右两栏构成的框架页面，它是由：（）A：一个文件构成B：两个文件构成C：三个文件构成D：四个文件构成答案：C难度：1知识点：网页设计工程师5、在Ftp工具中，其中Host or URL中要求输入的是：（）A：网站Ftp服务器的地址B：网站的域名地址C：网站WWW服务器的地址D：网站远程登录服务器的地址答案：A难度：1知识点：网页设计工程师6、在Flash的工具箱中，主要包含了：( ）A：常用的动画效果工具B：声音工具C：绘图工具D：效果工具答案：C难度：1知识点：网页设计工程师7、组件（Symbol）是Flash中可以重复使用的：（）A：图像B：窗口C：面板D：菜单答案：A难度：1知识点：网页设计工程师8、在Flash中，要改变字体的颜色可以通过：（）A：工具箱中的描绘颜色来改变B：工具箱中的填充颜色来改变C：文本选项面板来改变D：文本属性来改变答案：B难度：1知识点：网页设计工程师9、在Flash中，一个按钮就是：（）A：一个图形B：一个组件C：一个动画D：一段文本答案：B难度：1知识点：网页设计工程师10、在使用画直线工具绘制直线时，可以按住（）键，以便绘制出与水平成45度角的直线。
A：AltB：ShiftC： CtrlD：Windows功能键答案：B难度：1知识点：网页设计工程师11、在使用画多边形工具绘制多边形时，可以在（）面板中设置多边形的边数等参数。
网页设计考试试题及答案
第一部分选择题一、单项选择题(本大题共20小题，每小题1分，共20分。
在每小题的四个备选答案中，选出一个正确答案，并将正确答案的字母填在题干的括号内)1.目前在Internet上应用最为广泛的服务是( )A.FTP服务B.WWW服务C.Telnet服务D.Gopher服务2.在域名系统中，域名采用( )A.树型命名机制B.星型命名机制C.层次型命名机制D.网状型命名机制3.IP地址在概念上被分为( )A.二个层次B.三个层次C.四个层次D.五个层次4.在网站设计中所有的站点结构都可以归结为( )A.两级结构B.三级结构C.四级结构D.多级结构5.Web安全色所能够显示的颜色种类为( )A.4种B.16种C.216种D.256种6.为了标识一个HTML文件应该使用的HTML标记是( )A.<p> </p>B.<boby> </body>C.<html> </html>D.<table> </table>7.在客户端网页脚本语言中最为通用的是( )A.javascriptB.VBC.PerlD.ASP8.在HTML中，标记<font>的Size属性最大取值可以是( )A.5B.6C.7D.89.在HTML中，标记<pre>的作用是( )A.标题标记B.预排版标记C.转行标记D.文字效果标记10.在DHTML中把整个文档的各个元素作为对象处理的技术是( )A.HTMLB.CSSC.DOMD.Script(脚本语言)11.下面不属于CSS插入形式的是( )A.索引式B.内联式C.嵌入式D.外部式12.使用FrontPage时，如果要检查网页的超链接是否正确有效，可以使用( )A.网页视图B.超链接视图C.报表视图D.导航视图13.如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )A.HTTPB.HTTPSC.SHTTPD.SSL14.下列描述错误的是( )A.DHTML是HTML基础上发展的一门语言B.根据处理用户操作位置的不同，HTML主要分为两大类：服务器端动态页面和客户端动态页面C.客户端的DHTML技术包括HTML4.0、CSS、DOM和脚本语言D.DHTML侧重于Web的内容的动态表现15.对远程服务器上的文件进行维护时，通常采用的手段是( )A.POP3B.FTPC.SMTPD.Gopher16.下列Web服务器上的目录权限级别中，最安全的权限级别是( )A.读取B.执行C.脚本D.写入17.XML描述的是( )A.数据的格式B.数据的规则C.数据的本身D.数据的显示方式18.Internet上使用的最重要的两个协议是( )A.TCP和TelnetB.TCP和IPC.TCP和SMTPD.IP和Telnet19.非彩色所具有的属性为( )A.色相B.饱和度C.明度D.纯度20.下面说法错误的是( )A.规划目录结构时，应该在每个主目录下都建立独立的images目录B.在制作站点时应突出主题色C.人们通常所说的颜色，其实指的就是色相D.为了使站点目录明确，应该采用中文目录二、多项选择题(本大题共10小题，每小题2分，共20分。
网页设计考试试题库
1.在基于网络的应用程序中，主要有B/S与C/S两种部署模式，一下哪项不属于．．．对于B/S模式的正确描述（ A ）A. B/S模式的程序主要部署在客户端B. B/S模式与C/S模式相比更容易维护C. B/S模式只需要客户端安装web浏览器就可以访问D. B/S模式逐渐成为网络应用程序设计的主流3.以下关于HTML文档的说法正确的一项是( C )A．<HTML>与</HTML>这两个标记合起来说明在它们之间的文本表示两个HTML文本B．HTML文档是一个可执行的文档C．HTML文档只是一种简单的ASCII码文本D．HTML文档的结束标记</HTML>可以省略不写4.BODY元素可以支持很多属性，其中用于定义已访问过的链接的颜色属性是( D )。
A．ALINK B．CLINKC．HLINK D．VLINK2.在网站设计中所有的站点结构都可以归结为(D )A.两级结构B.三级结构C.四级结构D.多级结构3.Dreamweaver中，模板文件的扩展名是C.htm B. .aspC. .dwtD. .css4.Dreamweaver中，站点文件的扩展名是B.htm B. .steC .dwt D. .css5.网页中插入的flash动画文件的格式是：GIF B.PNG C. SWF D.FLA6.设置水平线效果的HTML代码是A. <br width=?>B. < hr noshade>C. <tr width=?>D. < td size=?>7.以下表示段落标签的是A. <p>B. <td>C. <h1>D. <pre>8.以下表示预设格式标签的是A. <p>B. <td>C. <h1>D. <pre>9.以下表示声明表格标签的是A. <form>B. <tr>C. <table>D. <td>0.以下表示声明框架标签的是A. <frameset>B. <frame>C. <table>D. <td>1.以下标题字标签中，显示出得文字效果，字号最大的是A. <h1>B. <h2>C. <h3>D. <h4>42.以下表示声明表单标签的是A. <frameset>B. <form>C. <table>D. <tr>43.在网页中的任意位置，可以插入框架的标签是A. <frameset>B. <frame>C. <iframe>D. <noframes>44.以下表示设置文字属性的标签的是A. <text>B. <font>C. <table>D. <td>45.以下哪种标签可以使文本的样式加粗A. <t>B. <i>C. <strong>D. <em>46.以下哪种标签可以使文本的样式倾斜A. <t>B. <b>C. <strong>D. <em>47.超连接中的target属性中，以下哪个是把链接加载到一个新的目标窗口的属性值A. _blankB. _selfC. _topD. _parent48.表格在网页中通常存在形式有（）A．以独立的形式存在B．以隐藏的形式存在C．以压缩的形式存在D．以嵌套的形式存在9.超连接中的target属性中，以下哪个是默认的属性值A. _blankB. _selfC. _topD. _parent50.超连接中的target属性中，以下哪个是使新的目标窗口替换整个浏览器窗口的属性值A. _blankB. _selfC. _topD. _parent1.在Dreamweaver的设计视图中，加入一个段内换行标签<br>的快捷键是A. ctrl+enterB. alt+enterC. shift+enterD.shift+tab﹟52.在Dreamweaver的设计视图中，每按下一次回车键，会在后台生成什么标签A. <p>B. <h1>C. <br>D. <pre>3.在Dreamweaver的代码视图中，空格符号的表示方法是：A. <B.  C. &cmdkD. &ncdp54.下列哪种转义符号表示换行符：A. / t Ｂ．/ r C．/ n 换行D．/ b﹟55.下列哪种转义符号表示回车符：A. / t Ｂ．/ r回车C．/ n D．/ b6.在HTML语言中"<noframes></noframes>"的具体含义是下列哪一项浏览器不支持框架时显示的内容设置框架的具体格式通知浏览器当前网页中没有使用框架说明网页的文件形态7.HTML代码中 <a name="NAME"></a> 表示？一个超链接一个位于文档内部的锚点一个自动发送电子邮件的链接一个图片的连接点8.下列不属于应用网页模板的好处的是提高网站的制作效率统一网站的整体风格网页随模板页自动更新，便于维护使网页更美观9.在CSS样式中，共有4种常用的选择器类别，下列属于HTML标签选择器的是h1# top.name1:alink0.下列CSS样式定义的选择器中，哪项属于ID选择符.username C. #maina:hover D. a:active下列CSS样式定义的选择器中，哪项属于用户自定义的类.username C. #maina:hover D. a:active1.下列CSS样式定义的选择器中，哪项属于虚类.username C. #maina:hover D. .p#inner2.下列哪种标签不属于定义CSS样式的内容a:link{color:blue;}# header{margin-top:auto;}<p style=”line-height:23px;”><body background=”#FF00FF”>3.当对一条CSS定义，进行单一选择符的复合样式声明时，不同属性应该用( )分隔。
网页设计考试试题(网页制作基础知识)
网页设计考试试题（网页制作基础知识）网页设计一、单选题1．“常用”面板中的“图像”按钮，在_____区域中。
A．插入面板B．属性面板C．面板组D．菜单栏2．_____在面板组中。
A．CSS B．文件C．属性面板D．框架3．在表单中允许用户从一组选项中选择多个选项的表单对象是_____。
A．单选按钮B．列表/菜单C．复选框D．单选按钮组4．超级链接主要可以分为文本链接、图像链接和_____。
A．锚链接B．瞄链接C．卯链接D．瑁链接5．CSS表示_____。
A．层B．行为C．样式表D．时间线6．能够设置成口令域的_____。
A．只有单行文本域B．只有多行文本域C．是单行、多行文本域D．是多行文本标识7．为了标识一个HTML文件应该使用的HTML标记是_____。
A．《p》《/P》B．《body》《/body》C．《html》《/html》D．《table》《/table》8．超级链接是一种_____的关系。
A．一对一B．一对多C．多对一D．多对多9．在下面的描述中，不适合于JavaScript的是_____。
A．基于对象的B．基于事件的C．跨平台的D．编译的10．_____技术把网页中的所有页面元素看成是对象，能让所有页面元素对事件做出响应。
A.HTML B．CSS C．DOM D．XML11．HTML代码《img src=“name”》表示_____。
A．添加一个图像B．排列对齐一个图像C．设置围绕一个图像的边框的大小D．加入一条水平线12．Dreamweaver的文本菜单中，Style→Underline表示_____。
A．从字体列表中添加或删除字体B．将选定文本变为粗体C．将选定文本变为斜体D．在选定文本上加下划线13．《frameset cols=#》是用来指定_____。
A．混合分框B．纵向分框C．横向分框D．任意分框14．Dreamweaver的插入菜单中，Table表示_____。
A．打开插入图像对话框B．打开创建表格的对话框C．插入与当前表格等宽的水平线D．插入一个有预设尺寸的层15．单击_____可以选中表单虚线框。
网页设计试题及答案
网页设计试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是网页设计中常用的图像格式？A. JPEGB. PNGC. SVGD. MP32. CSS（层叠样式表）的主要功能是什么？A. 网页布局B. 网页导航C. 网页样式控制D. 网页内容编辑3. HTML5相对于HTML4，新增了哪些功能？A. 视频和音频支持B. 表单控件增强C. 语义化标签D. 所有以上4. 网页设计中，响应式设计的主要目的是？A. 提高网站访问速度B. 增加网站内容C. 使网站在不同设备上都能良好显示D. 提升网站安全性5. 以下哪个不是JavaScript的用途？A. 表单验证B. 动态内容更新C. 服务器端编程D. 交互式动画制作二、填空题（每空2分，共20分）6. HTML是_________的缩写，用于创建网页的结构。
7. CSS选择器可以用于_________网页元素的样式。
8. JavaScript是一种常用于_________的脚本语言。
9. 网页的可访问性（Accessibility）指的是_________。
10. 网页的SEO（搜索引擎优化）主要关注网页的_________和_________。
三、简答题（每题10分，共30分）11. 简述网页设计中用户体验（User Experience, UX）的重要性。
12. 解释什么是Web标准，并说明遵循Web标准的好处。
13. 描述网页设计中的色彩理论及其对用户视觉体验的影响。
四、案例分析题（每题15分，共30分）14. 给出一个网页设计的案例，并分析其布局、导航、色彩和字体选择等方面。
15. 分析一个响应式网页设计的例子，讨论其在不同设备上的表现和用户体验。
答案：一、选择题1. D2. C3. D4. C5. C二、填空题6. HyperText Markup Language7. 选择和应用8. 客户端脚本编写9. 所有用户都能访问和使用网站10. 结构、内容三、简答题11. 用户体验（UX）在网页设计中至关重要，因为它直接影响用户对网站的第一印象和整体满意度。
网页设计试题及答案4
网页设计试题及答案4一、单项选择题（每题2分，共40分）1. “HTTP”的中文含义是______。
A) 文件传输协议B) 超文本传输协议C) 顶级域名网址D) 以上都不是2. 在因特网的域名体系中，域名缩写com是指______。
A) 教育机构B) 商业机构C) 政府部门D) 军事部门3. 在网站整体规划时，第一步要做的是______。
A) 确定网站主题B) 选择合适的制作工具C) 搜集材料D) 制作网页4．以下关于HTML的叙述中错误的是______。
A) 网页文件都是由HTML编写而成的B) HTML具有与操作系统和硬件平台无关性C) HTML的中文意思是“超文本标记语言”D) 可以通过任何一种文本编辑器编写HTML文件5．___15___标记标注网页中一个段落的开始。
A) <p> B) <hr> C) <br> D) <b>6．<font>标记控制文字字体类型的属性是______。
A) color B) size C) style D) face7. <TR>表示______。
A) 一张表B) 一行C) 一列D) 一个单元格8.用于设置页面标题的标记是______。
A)<title> B)<caption> C)<head> D)<html>9. 当浏览器不支持图像时，图像<IMG>标记的______属性的文本内容可以替代说明图像。
A) align B) height C) alt D) border10．关于<table>标记的叙述，错误的是______。
A) 使用<table>标记可以控制页面布局B) 使用<table>标记可以设置表格的对齐方式C) <table>标记的cellspacing属性可以使单元格更大D) <table>标记的width属性值既可以是百分比，也可以是具体的数值。
网页试题库及答案
网页试题库及答案一、选择题1. HTML5 是用来描述什么类型的文档？A. 图片B. 视频C. 网页D. 音频答案：C2. CSS 在网页设计中的作用是什么？A. 增加交互性B. 改善网页布局和外观C. 提高网页的下载速度D. 增强网页的安全性答案：B3. JavaScript 语言主要用于实现网页的什么功能？A. 数据库管理B. 服务器端编程C. 客户端动态行为D. 网页设计答案：C二、填空题4. HTML 代表___________。
答案：超文本标记语言5. 在 HTML 中，用于插入图片的标签是___________。
答案：<img>6. CSS 的三种基本选择器是元素选择器、类选择器和___________。
答案：ID 选择器三、简答题7. 请简述 HTML5 相对于 HTML4 的主要改进。
答案：HTML5 相对于 HTML4 的改进包括但不限于引入了新的结构元素如 <header>、<footer>、<article> 等，增强了对多媒体内容的支持，新增了表单控件类型，改进了对图形和动画的支持，以及更好的语义化和可访问性。
8. 描述一下什么是响应式网页设计，并说明其重要性。
答案：响应式网页设计是一种使网页能够适应不同设备屏幕尺寸的设计方法。
它通过使用媒体查询和灵活的网格系统，确保网页在手机、平板、桌面电脑等不同设备上都能提供良好的用户体验。
响应式设计的重要性在于它提高了网站的可用性和可访问性，同时有助于提升搜索引擎优化（SEO）。
四、编程题9. 编写一个简单的 HTML 页面，包含一个标题、两个段落和一个图片链接。
答案：```html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>简单网页示例</title></head><body><h1>欢迎来到我的网页</h1><p>这是一个段落。
网页设计考试试题及答案
一、单项选择题(共30题，45分)1、如果将单个单元格的背景颜色设置为蓝色，然后将整个表格的背景颜色设置为黄色，则单元格的背景颜色为__蓝色_______。
A．红色B．黄色C．绿色D．蓝色请选择-> A B C D/ 2、在HTML源代码中，图像的属性用___B．img _______标记来定义。
A．picture B．imgC．pic D．image请选择-> A B C D3、属于网页制作平台的是__Dreamweaver ____。
A．Photoshop B．Flash C．Dreamweaver D．Fireworks请选择-> A B C D4、当网页既设置了背景图像又设置了背景色，那么_．以背景图像为主___。
A．以背景图像为主B．以背景色为主C．产生--种混合效果D．冲突，不能同时设置\请选择-> A B C D5、在文本的属性面板中，不能设置_矩形热区____ 。
A．文字的大小和颜色B．加粗或倾斜风格C．文字的超链接D．矩形热区请选择-> A B C D6、影响网站风格的最重要的因素是__色彩和布局____ 。
A．色彩和窗口B．特效和架构C．色彩和布局D．内容和布局请选择-> A B C D> 7、在网页源代码中__．<htmL> ____标记必不可少。
A．<htmL> B．<p>C．<tabIe> D．<br>请选择-> A B C D<a href="" target="_self">example</a> 把文档调入当前页框<a href="" target="_top">example</a> 去掉所有页框并用取代frame 请答题->*2、定义CSS选择符的基本格式是什么1、.className{}用样式名称选择2、#id{}用id名称选择3、div{} ，a{}，ul li{}等直接用html标签名称来选择4、selector{decleration1;decleration2;decleration3;....}5、selector{property:value}请答题->）3、设置下列代码的CSS，产生下图文字环绕图片的效果。
网页制作测试题及答案
网页制作测试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是HTML标签？A. `<p>`B. `<ul>`C. `<end>`D. `<div>`2. CSS中，以下哪个属性用于设置元素的背景颜色？A. `color`B. `background-color`C. `bgcolor`D. `background`3. JavaScript中的`var`关键字用于声明什么？A. 函数B. 变量C. 常量D. 类4. 以下哪个不是网页布局的常用方法？A. 表格布局B. 框架布局C. 弹性盒子布局D. 绝对定位布局5. HTML5新增的元素中，用于表示日期的元素是？A. `<date>`B. `<time>`C. `<datetime>`D. `<date-time>`6. 在HTML中，`<meta>`标签通常用于？A. 定义文档的元数据B. 定义文档的头部信息C. 定义文档的主体内容D. 定义文档的脚本7. 以下哪个不是JavaScript中常用的循环结构？A. `for`B. `while`C. `do-while`D. `switch`8. CSS中，`display: none;`的作用是什么？A. 隐藏元素，但保留其在文档中的位置B. 隐藏元素，不保留其在文档中的位置C. 显示元素，但使其不可见D. 显示元素，但使其不可点击9. 以下哪个不是HTML5的表单输入类型？A. `text`B. `email`C. `number`D. `submit`10. 在JavaScript中，`document.getElementById()`方法用于？A. 获取元素的CSS样式B. 获取元素的文本内容C. 通过元素的ID获取元素D. 通过元素的类名获取元素二、填空题（每空2分，共20分）1. HTML是________的缩写，用于创建网页的结构。
网页设计理论测试题
网页设计理论测试题4.11理论试题一、单选题1.按钮type属性值不包括如下哪些：A resetB textC submitD button2.关于ID选择器下列正确的是：A .box{} B box{} C ？box{} D #box{}3.以下属于类别选择器的是：A A;link B .header C ul D #nav4.关于首行缩进属性的设置，下列说法正确的是：A 设置段落缩进2个字符的代码是text-indent:2emB 段落缩进作用和padding-left完全相同，都让文字首行缩进C 段落缩进的属性text-indent的属性值的单位不能是像素D 设置段落缩进2个字符的代码是text-indent:36px5.以下不属于css文字属性的有：A font-weight B margin C font-family D font-size6.设置段落文本水平居中，text-align属性的值为：A top B left C center D Right7.list-style-type定义列表前面的项目符号是空心圆的是：：A circle B none C square D Disc8.以下css中设置文字颜色属性color的写法错误的是A h1{color：red;}B red{font-color：0066ff;}C #green{color：green;}D body{color:#666;}9.css中，用于设置背景重复的属性是A Background-colorB Background-imageC Background-repeatD Background-option10.c ss文字属性中用于设置文字大小的属性的是A font-familyB font-sizeC text-indentD color11.能够将网页中的文本设置为加粗的是A Font-size:boldB Font-weight:boldC Font-width:900D Font-weigth:normal12.文本对于p标签中文本的显示效果描述正确的是A 文本显示为粗体,首行无缩进B 文本显示为加粗倾斜，宽度为200pxC 文本显示为普通正常字体,宽度为100pxD 文本显示为倾斜，首行无缩进13.以下代码能够将一段文本设置成首行缩进两个字并添加下划线的是A text-decoration：underline; text-indent：20;B text-indent：underline; text-decoration：20px;C text-decoration：underline; text-indent：2em;D text-decoration：underline; text-align:2em14.设置一个盒子的背景颜色为黑色，以下属性正确的是A background-color:#fffB background-color:#000C color:#000D color:black15.让一个盒子的背景图片不重复显示，应该用什么属性A background-repeat:no-repeatB background-color:no-repeatC background-repeat:repeatD background:repeat16.下列不属于背景属性的A bcakground-imageB backgroundC background-activeD background-color17.让一个盒子的背景图片只横向平铺A background:url(1.jpg) repeat-x;B background-color:repeat-x;C background:url(1.jpg) repeat-y;D background:repeat;18.背景图片的属性设置不包括A background-positionB background-imageC background-colorD background-weight19.设置段落文本缩进，以下属性正确的是：A text-alignB text-indentC line-heightD font-size20.、去掉列表项目符号的代码：A ul{list-style:disc;}B ul{list-style:none;}C ul{list-style:block;}D ul{list-style:inline;}21、提交按钮应该用下面哪个属性：：（）A submit B button C text D reset22、CSS类选择器的作用是：（）A修改class元素 B 通过元素中的class属性选择对应元素 C 创建class属性 D 通过元素的ID选择元素23、下列是class命名的是：（）ABCD24、里加CSS样式正确的是：（）A div{ color:red; width:100px; height:110px;}B ？div{ color:red; width:100px; height:110px;}C #div{ color:red; width:100px; height:110px;}D .div{ color:red; width:100px; height:110px;}25、能够将网页中的文本设置为加粗的是：（）A Font-size:boldB Font-weight:boldC Font-width:900D Font-weigth:normal26、下列不属于背景属性的：（） A background B background-color C bcakground-image D background-active27、文本对于p标签中文本的显示效果描述正确的是：（）A 文本显示为加粗倾斜，宽度为200pxB 文本显示为粗体,首行无缩进C 文本显示为倾斜，首行无缩进D 文本显示为普通正常字体,宽度为100px28、背景图片的属性设置不包括：（）A background-imageB background-colorC background-weightD background-position29、设置段落文本水平居中，text-align属性的值为：（）A Right B center C left D top二、多选题：1.下面属于CSS选择器的是：A a{width:20px; height:30px;}B a:hover{width:20px; height:30px;}C .css{}D id="a"{}2.下列关于文本装饰text-decoration代码书写正确的是：A p{ text-decoration:line-through; }B p{ text-decoration:none; }C p{ text-decoration:overline; }D p{ text-decoration:underline; }3.下列关于段落css属性代码书写不正确的是：A p{ line-height:24px; text-align:middle; text-decoration:underline;}B p{ line-height:24px; text-align:right; text-decoration:underline; }C p{ line-height:24px; align:100px; text-decoration:underline; }D p{ line-height:24px; align:center; text-decoration:overline;}4.font-weight的属性值有：：A none B normal C block D bold下列属于背景属性的：A background-colorB backgroundC bcakground-imageD background-active5.关于css中设置背景的属性background叙述正确的是A背景位置的设置可以用英语关键字，不可以用数字加单位。
网页设计试题及答案
网页设计复习题第1题判断正误（1）HTML标记符的属性一般不区分大小写。
(对)(2）网站就是一个链接的页面集合。
(对）（3）将网页上传到Internet时通常采用FTP方式。
（对)（4）所有的HTML标记符都包括开始标记符和结束标记符.（错）（5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）.(6）B标记符表示用粗体显示所包括的文字。
(对）（7)GIF格式的图象最多可以显示256种颜色.(对）（8）HTML表格在默认情况下有边框。
（错）（9）创建图象映射时，理论上可以指定任何形状作为热点.（对）（10）指定滚动字幕时，不允许其中嵌入图象。
(错）1.使用FONT 标记符的size 属性可以指定字体的大小。
( ）2.网站就是一个链接的页面集合。
（）3.GIF格式的图象最多可以显示1024种颜色。
（)4.制作图像映射只需要使用〈AREA> 标记符. （)5.在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和.( ）6。
在HTML表格中，在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。
( ）7.指定滚动字幕时，不允许其中嵌入图象. ( ) 8。
框架是一种能在同一个浏览器窗口中显示多个网页的技术。
( ) 9。
CSS中的color属性用于设置HTML元素的背景颜色。
( ) 10.CSS样式表项的组成格式为:selector｛property1:value1，property2：value2，……}( ）1. T 2。
T 3. F 4. F 5. F6。
T 7。
F 8. T 9. F 10. F11。
只有在框架结构的网页，才能将A标记符的target属性指定为_blank使得超链接在一个新的浏览器窗口中打开。
错判断正误(1）. HTML标记符通常不区分大小写｡（2). 网站就是一个链接的页面集合｡（3). HTML表格在默认情况下有边框｡(4). 在HTML表格中，表格的行数等于TR标记符的个数｡（5). 在HTML中,与表格一样，表单也能嵌套｡答案：（1）T (2）T (3） F （4) T (5） F（1）所有的HTML标记符都包括开始标记符和结束标记符。
网页设计试题及答案
网页设计试题及答案一、选择题（每题2分，共20分）1. 网页设计中，HTML的全称是什么？A. Hyper Text Markup LanguageB. Hyper Text Multi LanguageC. Hyper Text Markup LanguageD. Hyper Text Multi Language答案：A2. CSS在网页设计中的作用是什么？A. 网页布局B. 网页内容C. 网页样式D. 网页脚本答案：C3. 以下哪个不是网页设计中常用的图像格式？A. JPEGB. PNGC. GIFD. MP3答案：D4. 网页设计中，响应式布局指的是什么？A. 网页在不同设备上显示相同B. 网页在不同设备上显示不同C. 网页在不同浏览器上显示相同D. 网页在不同浏览器上显示不同答案：B5. 以下哪个是网页设计中常用的前端开发框架？A. BootstrapB. PhotoshopC. IllustratorD. After Effects答案：A6. 网页设计中，JavaScript主要用于实现什么功能？A. 网页布局B. 网页样式C. 网页交互D. 网页内容答案：C7. 网页设计中，以下哪个标签用于定义最大的标题？A. <h1>B. <h6>C. <p>D. <div>答案：A8. 网页设计中，以下哪个属性用于设置元素的宽度？A. widthB. heightC. marginD. padding答案：A9. 网页设计中，以下哪个不是HTML5的新特性？A. 语义化标签B. 视频和音频C. 表单控件D. Flash支持答案：D10. 网页设计中，以下哪个不是CSS3的新特性？A. 圆角B. 阴影C. 渐变D. 表格布局答案：D二、简答题（每题10分，共30分）1. 请简述网页设计中用户体验的重要性。
答案：用户体验是网页设计中至关重要的一环，它直接影响用户对网站的第一印象和使用感受。
网页设计考试试题库及答案
网页设计考试试题库及答案1、下面的选项中，属于常用的图片格式并且能够做动画的是（）。
A、jpg格式B、gif格式C、psd格式D、png格式答案：B2、定义有序列表<'ol>的（）属性，可以决定有序列表项目符号的类型。
A、valueB、typeC、relD、href答案：B3、若要在网页中插入样式表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">"答案：D4、下列选项中，不属于文本标记属性的是（）。
A、nbspB、alignC、colorD、face答案：A5、当通过定义列表实现图文混排时，可以定义图片解释说明文字的标记是（）。
A、<'dl><'/dl>B、<'dd><'/dd>C、<'dt><'/dt>D、<'li><'/li>答案：B6、在HTML中，用于设置页面元信息的标示符是（）。
《网页设计》试题(A卷)
9、在文件面板中不能进行管理的功能是（ A ）。
A．CSS样式的建立 B．新建网页 C．更改文件名 D．删除文件10、关于站点与网页说法不正确的是（ D ）。
A．直接建立多个网页并超链接在一起可以形成站点B．站点是若干相关网页及相关的信息的集合C．网页是站点的组成部分D．不用创建站点，而直接创建网页也容易维护与管理11、在网页中添加换行符应用（ D ）按键。
A．【Enter】 B．【Ctrl】+【Enter】C．【Alt】+【Enter】 D．【Shift】+【Enter】12、在Dreamweaver中，表格的宽度可以被设置为100%。
这意味着：（ B ）。
A．表格的宽度是固定不变的B．表格的宽度会随着浏览器窗口大小的变化而自动调整C．表格的高度是固定不变的D．表格的高度会随着浏览器窗口大小的变化而自动调整13、在Dreamweaver中，可以通过单击标签选择器中的（ C ）来选取表格中的单元格。
A．<table>标签 B．<tr>标签 C．<td>标签 D．<tc>标签14、在Dreamweaver中，可以基本模板来创建网页。
一个模板文档采用（ B ）作为其文件扩展名A．.htm B．.dwt C．.dwm D．.htt15、在创建一个Dreamweaver模板时，必须在该模板中加入一个（ C ），以便在把该模板套用到某个网页后，网页能被正常使用。
A．可套用区域 B．可控制区域C．可编辑区域 D．可复制区域16、基于网页创建模板时，可以通过执行（ D ）菜单操作来把网页保存为模板。
A．“文件”“导出为模板” B．“文件”“保存为模板”C．“文件”“转换为模板” D．“文件”“另存为模板”17、用Fireworks切割图形时，需要的工具是（ B ）。
A．裁剪 B．切片 C．选取框 D．自由变形。
网页设计试题及答案
网页设计试题及答案一、单项选择题（每题2分，共40分）1. “HTTP”的中文含义是__B__。
A)文件传输协议B)超文本传输协议C)顶级域名网址D)以上都不是 2.在因特网的域名体系中，域名缩写com是指__B___。
A)教育机构B)商业机构C)政府部门D)军事部门3.在网站整体规划时，第一步要做的是__A__。
A)确定网站主题B)选择合适的制作工具C)搜集材料D)制作网页4．以下关于HTML的叙述中错误的是__A__。
A)网页文件都是由HTML编写而成的B)HTML具有与操作系统和硬件平台无关性C)HTML的中文意思是“超文本标记语言”D)可以通过任何一种文本编辑器编写HTML文件5．__A__标记标注网页中一个段落的开始。
A)<p>B)<hr>C)<br>D)<b>6．<font>标记控制笔墨字体类型的属性是__D__。
A) colorB) sizeC) styleD) face7.<TR>表示__B_。
A)一张表B)一行C)一列D)一个单位格8.用于设置页面题目的标记是__A__。
A)<title>B)<caption>C)<head>D)<html>9.当浏览器不支持图像时，图像<IMG>标记的__C__属性的文本内容可以替代说明图像。
A)alignB)heightC)altD)border 10．关于<table>标记的叙说，毛病的是__C__。
A)使用<table>标记可以控制页面布局B)使用<table>标记可以设置表格的对齐方式C) <table>标记的cellspacing属性可以使单元格更大D) <table>标记的width属性值既可以是百分比，也可以是具体的数值。
11．不适合在网页中使用的图像格式是__B__。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamweaver网页设计模拟试卷
一、单项选择题
1．下列（）不能在网页的“页面属性”中进行设置。
A.网页背景图及其透明度
B.背景颜色、文本颜色、颜色
C.文档编码
D.跟踪图像及其透明度
2．对插入文件中的Flash动画，不能在属性面板中设置动画的（）属性。
A.动画是否循环播放
B.动画循环播放的次数
C.是否自动播放动画
D.动画播放时的品质
3．在HTML语言中，<body alink=#ff0000>表示（）。
A.设置颜色为红色
B.设置访问过颜色为红色
C.设置鼠标上滚颜色为红色
D.设置活动颜色为红色
4．关于绝对路径的使用，以下说法错误的是（）。
A.绝对路径是指包括服务器规在的完全路径，通常使用来表示
B.绝对路径不管源文件在什么位置都可以非常精确地找到
C.如果希望其它站点上的容，就必须使用绝对路径
D.使用绝对路径的不能本站点的文件，要本站点文件只能使用相对路径5．以下（）标记是插入到网页中的命名锚记。
A.
B.
C.
D.
6．在Dreamweaver 8中，下面对象中可以添加热点的是（）。
A．文字B．图像
C．层D．动画
7．下列关于CSS的说法错误的是（）。
A.CSS的全称是Cascading Style Sheets，中文的意思是“层叠样式表”
B.CSS的作用是精确定义页面中各元素以及页面的整体样式
C.CSS样式不仅可以控制大多数传统的文本格式属性，还可以定义一些特殊的HTML属性
D.使用Dreamweaver只能可视化创建CSS样式，无法以源代码方式对其进行编辑8．如果要使用CSS将文本样式定义为粗体，需要设置（）文本属性。
A.font-family
B.font-style
C.font-weight
D.font-size
9．下列（）可以实现如下图所示的文字效果。
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标签是（）。
A.<bgmusic>
B.<bgm>
C.<bgsound>
D.<music>
11．下列特殊符号（）表示的是空格。
A."
B.
C.&
D.©
12．关于超，下列（）属性是指定的目标窗口。
A.Href
C.Target
D.Title
13．如下图所示，网页上的留言框的代码是下面的（）。
A.<TEXTFIELD NAME=”comment” Rows=5 Cols=40>
B.<INPUT NAME=”comment” Rows=5 Cols=40>
C.<TEXTAREA NAME=”comment” Rows=5 Cols=40>< /TEXTAREA >
D.<TEXT NAME=”comment” Rows=5 Cols=40>
14．如下图所示，选择多个不连续的单元格。
下面各项操作中能实现这种选择的是（）。
A.在选定第1个单元格后，按下Ctrl键，并用鼠标单击其他要选择的单元格
B.在选定第1个单元格后，按下Shift键，并用鼠标单击其他要选择的单元格
C.在选定第1个单元格后，按下Alt键，并用鼠标单击其他要选择的单元格
D.在选定第1个单元格后，按下Space键，并用鼠标单击其他要选择的单元格
15．关于网页中的换行，说法错误的是（）。
A.可以使用<br>标签换行
B.可以使用<p>标签换行
C.使用<br>标签换行，行与行之间没有间隔；使用<p>标签换行，两行之间会空一行
D.可以直接在HTML代码中按下回车键换行，网页中的容也会换行
16．在IE浏览器中预览网页的快捷键是（）。
A.F9
B.F10
C.F11
D.F12
17．如下图，对于一个简单的调查表单，以下说确的是（）。
A. 表单的元素必须使用2个以上
B. 图中投票按钮不是一个表单元素
C. 调查表单只能使用单选按钮
D. 调查结果如需要保存到数据库中，需要实现建立一个数据库
18．制作如下图所示的表格效果，需要设置（）。
A.第1行第1个单元格的colspan属性
B.第3行第1个单元格的colspan属性
C.第1行第1个单元格的rowspan属性
D.第3行第1个单元格的rowspan属性
19．在文本的a href 标签中，插入以下属性：style="text-decoration:none; color:black"，可以（）。
A.禁用删除线并将文本的颜色设置为黑色
B.加上删除线并将文本的颜色设置为黑色
C.禁用下划线并将文本的颜色设置为黑色
D.加上下划线并将文本的颜色设置为黑色
20．以下选项中，关于层的说法错误的是（）。
A.使用层进行排版是一种非常自由的方式
B.层可以将网页在一个浏览器窗口下分割成几个不同的区域，在不同的区域显示不同的容
C.可以在网页上任意改变层的位置，实现对层的精确定位
D.层还可以重叠，因此可以利用层在网页中实现容的重叠效果
三、填空题
1、规划，一般要从三个方面去思考，即（）、（）、（）。
2、导航条可以存在四种状态，分别为：（）、（）、（）、（），这可以使按钮的变化更加丰富。
3、制作外部的时候，可以在“”文本框中直接用键盘输入该网页在Internet上的（），
并且包括所使用的（）。
4、创建到锚点的的过程分为两步：首先（），然后（）。
5、控制时间轴动画需要使用行为（）、（）来实现。
三、简答题
1、简述Web浏览器打开一个Web文件的工作过程。
1）Web浏览器向服务器发出页面请求
2）服务器接收页面请求，并将搜索到的页面发给Web浏览器
3）Web浏览器接收并显示页面
2、描述网页设计的一般步骤。
1) 设计主题
2) 设计网页的总体结构
3) 资料的收集和整理
4) 选择网页的设计方法
5) 注意一些基本问题，如：标题要简明、图片最好加说明等
3、简述网页设计的基本准则。
需要遵循的艺术原则主要有：
1）对比原则
2）协调原则
3）平衡原则
4）趣味原则。
还包括统一、连贯、分割、对比、和谐、易读、易找、清晰、精选。
4、什么是“HTML”？HTML“标记”又是什么？
HTML是一种建立网页文件的语言，透过标记式指令，将影像、声音、图片和文字等连接起来。
在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图形等显示方式的符号。
Dreamweaver网页设计答案及评分标准
一、单项选择题
1．A
2．B
3．D
4．D
5．C
6．B
7．D
8．C
9．A
10． C
11． B
12． C
13． C
14． A
15． D
16． D
17． D
18． C
19． C
20． B
三、填空题（每小题4分，共20分）
1．的主题、的容和的对象
2．状态图像、鼠标经过图像、按下图像、按下时鼠标经过图像3．绝对路径、协议
4．创建命名锚点、创建到命名锚点的
5．播放时间轴、停止时间轴。