网页设计习题
网页设计考试题
网页设计考试题一、简答题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. 联系表单包括姓名、邮箱、留言等几个输入框，点击提交按钮后能够将用户输入信息发送至指定邮箱。
以上是网页设计考试题的内容，希望你能根据要求完成各项题目。
网页设计基础期末考试试题
网页设计基础期末考试试题一、选择题（每题2分，共20分）1. 网页设计中，HTML的全称是什么？A. Hyper Text Markup LanguageB. Hyper Text Markup LanguageC. Hyper Text Markup LanguageD. Hyper Text Markup Language2. CSS在网页设计中的主要作用是什么？A. 网页内容的排版B. 网页内容的动态效果C. 网页内容的链接D. 网页内容的搜索3. 下列哪一项不是网页设计中的布局方式？A. 表格布局B. 框架布局C. 弹性布局D. 线性布局4. 网页设计中，响应式布局的英文缩写是什么？A. RWDB. RWDC. RWDD. RWD5. JavaScript在网页设计中的主要作用是什么？A. 网页内容的排版B. 网页内容的动态效果C. 网页内容的链接D. 网页内容的搜索二、简答题（每题10分，共30分）1. 请简述HTML5相对于HTML4的新特性。
2. 描述CSS盒模型的组成部分，并解释其在网页布局中的作用。
3. 请解释什么是网页的可访问性，并说明如何提高网页的可访问性。
三、应用题（每题25分，共50分）1. 假设你正在设计一个电子商务网站的首页，请列出至少5个你认为必要的元素，并解释它们在网页设计中的重要性。
2. 给定以下HTML代码片段，请使用CSS添加样式，实现以下效果： - 网页背景色为浅灰色。
- 网页标题（h1标签）字体大小为24px，字体颜色为深蓝色。
- 段落（p标签）字体大小为16px，行间距为1.5倍。
```html<!DOCTYPE html><html><head><title>示例网页</title><link rel="stylesheet" type="text/css" href="styles.css"> </head><body><h1>欢迎来到我的网页</h1><p>这是一个示例段落，用于展示CSS样式的应用。
网页设计考试题+参考答案
网页设计考试题+参考答案一、单选题（共30题，每题1分，共30分）1.当通过定义列表实现图文混排时，可以定义图片解释说明文字的标记是（）。
A、<'li><'/li>B、<'dd><'/dd>C、<'dl><'/dl>D、<'dt><'/dt>正确答案：B2.下列选项中，表示网页主体的标记是（）。
A、bodyB、headC、htmlD、h1正确答案：A3.下列标记中，用于定义HTML文档所要显示内容的是（）。
A、<'html><'/html>B、<'body><'/body>C、<'head><'/head>D、<'title><'/title>正确答案：B4.对于网页制作者来说web的含义是什么？（）A、可以简单理解为网页B、传输协议C、超媒体D、万维网的缩写正确答案：A5.<'div>标记是网页布局中最常用的标记，其显示类型为（）。
A、行内块类型B、块级类型C、行内类型D、浮动类型正确答案：B6.下面标记中，表示换行的标记是（）。
A、<'h1>B、<'enter>C、<'hr />D、<'br />正确答案：D7.如果有两个上下并列关系的盒子，上面盒子的下外边距是30px，下面盒子的上外边距是20px，那么这两个盒子之间的间距是（）。
A、20像素B、30像素C、10像素D、50像素正确答案：B8.下列选项中，不是<'img />标记属性的是（）。
A、srcB、widthC、altD、href正确答案：D9.text-transform属性用于控制英文字符的大小写。
网页设计复习题(含答案)
网页设计一、单项选择题1.可以通过文本框设置单元格内容和单元格边界之间的像素数. [ A ]A. 填充B. 间距C. 边框D. 宽和高 2. 到同一网页的超,又称为. [ D ]3. 要想在新的浏览器窗口中打开页面,应将对象的"目标〔target 〕"属性设为[ B ]4. ""的中文含义是. [ B ]5. 下面说法错误．．的是[ D ] A.规划目录结构时,应该在每个主目录下都建立独立的images 目录 B.在制作站点时应突出主题色C.人们通常所说的颜色,其实指的就是色相D.为了使站点目录明确,应该采用中文目录 6．运行在互联网上用于电子发送的协议是[ C ]7．个人的基本风格为[ D ]8．设计一个网页时首先要考虑的问题是[ D ]9．在HTML 语言中,有些符号由于被标记或标记的属性所占用,在HTML 文本中用特殊符号表示,"< ；"代表的符号是[ D ]10．TCP 协议工作在OSI 模型中的[ B ]11．在HTML 中,标记<pre>是[ C ]12．合理组织结构的根本目的在于[ B ]A ．最少,使浏览者不会迷路A. 绝对超B. 相对超C.超D.锚点超A. _parentB. _blankC. _selfD. _topA. 文件传输协议B. 超文本传输协议C.顶级域名网址D.以上都不是A. B. FTP C. SMTPD.POP3A. 非商业式、商业式B. 信息发布式、个人展示形式C. 单一标题形式、个人介绍形式D.主题图形式、信息发布式与介于两者之间的形式 A. 页面的色彩 B. 页面的重心平衡 C.页面的文本D.页面的构图A. &B. "C. >D. < A. 会话层 B. 传输层 C. 数据链路层 D. 网络层 A. 文字效果标记 B. 转行标记 C.预排版标记D.标题标记B ．最少的使得浏览最有效率C ．最少,保证内的目录结构不乱D ．考虑到网络情况,尽量少用就可以减少浏览器下载网页的负担 13. <a href=″#hlj ″>##</a>的作用是[ B]A ．超级到##网页上B ．超级到本文件中hlj 标记处C ．超级暂时不被运行D ．超级到#hlj 网页上14. 与CSS 和DHTML 相比,XML 侧重于[ B]A ．Web 页的继承性和表现B ．组织和查找数据C ．网页的创建D ．Web 页内容的动态表现15．在Dreamweaver 中,菜单栏下面默认的工具栏也称[ A ]A ．插入栏B ．文档工具栏C ．编辑栏D ．标签栏16．下面关于XML 和HTML 描述错误．．的是[ C] A ．XML 比HTML 功能强大B ．HTML 着重描述Web 页格式,XML 着重描述Web 页内容C ．HTML 和XML 书写格式上基本相同D ．XML 具有严密性、可扩展性、互操作性和开放性的特点17．现要设计一个可以输入电子地址的WEB 页,应该使用的语句是[ B ]A ．<INPUT TYPE=RADIO>B ．<INPUT TYPE=TEXT>C ．<INPUT TYPE=PASSWORD>D ．<INPUT TYPE=CHECKBOX>18．HTML 的颜色属性值中,RED 的代码是[ D ]A ．″#808080″B ．″#0000FF ″C ．″#00FF00″D ．″#FF0000″ 19．HTML 语言中,<body alink=?>表示 [ B ]A ．设置背景颜色B ．设置被激活时的的颜色C ．设置未访问的的颜色D ．设置已访问过的的颜色 20．若要在浏览器的标题栏显示文字,应该使用的标记是[ A ]A ．<TITLE>B ．<BODY>C ．<A>D ．<HEAD>21．文件目录设置时应该注意的是[ B ]A ．文件目录要简明,尽量把同一类型的网页放在同一目录中B ．紧扣主题,设置站点指南,设置双向交流栏目,设置FAQC ．要按照网页分类设置目录即首页要放在一个目录中,一级网页要放在另一目录中D ．为了让浏览者对更加了解可以考虑用中文设置文件目录名 22. HTML 文件中用超级标记指向一个目标的基本格式为[ C ]23. 在色彩的概念中,色相就是指[ D ]24. 嵌入多媒体标记中的loop 属性是用来设置播放次数的,若要无限制地播放,属性值应设为 DA. <a href=″URL ″>B. <href=″URL ″>字符串C. <a href=″URL ″>字符串</a>D. <href=″URL ″> A. 颜色相差 B. 饱和度 C. 对比度 D. 颜色 A. 0 B. true C.noD.-125.在Dreamweaver中,想要使用户在点击超时,更新的本网页窗口,需要在超中定义目标的属性为[ D]A. parentB. _bankC. _topD. _self26. 外部样式单文件的扩展名是[ B]A. .JSB. .CSSC. .HTMD. .DOM27. 目前在Internet上应用最为广泛的服务是[ B]A. FTP服务B. WWW服务C. Telnet服务D. Gopher服务28. 域名系统DNS的含义是[ B ]A. Direct Network SystemB. Domain Name SystemC. Dynamic Network SystemD. Distributed Network Service29. 主机域名center. nbu. edu. cn由四个子域组成,其中子域代表国别代码. [ D ]A. centerB. nbuC. eduD. cn30当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是[ C ]A. GB码B. Unicode码C. BIG5码D. HZ码31. 当标记的TYPE属性值为时,代表一个可选多项的复选框. [ D ]A. TEXTB. PASSWORDC. RADIOD. CHECKBOX32. 为了标识一个HTML文件开始应该使用的HTML标记是[ C ]A. <table>B. <body>C. <html>D. <a>33．符号清单包括[ B ]A. 选项清单和说明式清单B. 标号清单和说明式清单C. 选项清单和标号清单D. 标号清单和嵌套清单34．客户机可向服务器按MIME类型发送和接收信息,要求服务器接收消息的方式是[ D ]A. SMTPB. GETC. HEADD. POST35．TCP协议工作在OSI模型中的[ B ]A. 会话层B. 传输层C. 数据链路层D. 网络层36．在HTML中使用图像地图时,设置图像区域的形状为多边形的是[ C ]A. triangleB. rectC. polyD. circle37．下列可以指定横向框架的是[ D ]A. <frame cols="20％,*">B. <frameset cols="20％,*">C. <rows="20％,*">D. <frameset rows="20％,*">38．在HTML文档头部中嵌入JavaScript,应该使用的标记是[ B ]A. <Body></Body>B. <Script></Script>39．DHTML 技术的核心是[ D ]40．在Dreamweaver 中,若要在WEB 浏览器中预览当前页,使用的快捷键是[ C ]41．HTML 描述的是数据的显示方式,而XML 描述的是数据的[ B ]42.下列属于"编程型"网页制作工具的是[ B ]43.在设计过程中,能够实现"利用各种网页制作技术把客户的书面材料和相关图形有机地集成在一起"功能的是[ B ]44.下列关于站点目录结构组织的说法中错误．．的是[ A ] 45.网页制作最重要的原则是[ D ]46.在HTML 文件中,<u><／u>标记表示[ B ]47.在HTML 页面中,& ；表示的符号是[ C ]48.在HTML 文件中,单击一个,自动跳转到某网页的某一指定位置,此为[ D]49.下列标记属于单选按钮的是[ B ]50.在表格标记中,cellpadding 属性的作用是[ A ]51.DOM 指的是[ D ]52.在Javascript 语言中,当元素获得焦点时激活的事件是[ C ]C. <Head></Head>D. <Js></Js> A. CSS B. HTML C. SCRIPT D. DOM A. Ctrl+P B. Alt+F4 C. F12 D. Shift+F4 A. 格式 B. 本身 C. 规则 D. 作用 A. HotDog B. Java C. OfficeD.FrontpageA. 页面布局和导航B. 内容流程C. 综合内容D. 图像制作A. 可以使用中文目录B. 目录的层次不要超过3层C. 按栏目内容分别建立子目录D. 不要使用过长的目录 A. 要考虑适应不同浏览器、不同分辨率的情况 B. 提供交互性 C. 考虑带宽 D. 创意 A. 文本加粗 B. 文本加注底线 C. 文本斜体 D. 删除线 A. < B. > C. & D. ’’ A. B. 位置 C. 跳转D. 书签〔锚记〕 A. <input type="text"> B. <input type="radio"> C. <input type="button"> D. <input type="checkbox"> A. 数据与表边框的距离 B. 表格边框的高度 C. 表格的扩展边距 D. 表格边框的宽度 A. 文本标记语言 B. 客户端脚本程序语言 C.层叠样式表D.文档对象模型53.创建自定义CSS 样式时,在自定义类名称的前面使用的符号是[ B ]54.在CSS 中允许元素重叠显示,描述元素所在前后位置的属性是[ D]55.下列不属于CSS 字体属性的是[ D ]56．以下不是站点传统推广方式的是[ D]57. 可扩展标记语言的英文缩写为[ C ]58．在HTML 文档中,符号<html>代表[ A ]59. 一般建议目录的层次不要超过．．．．[ B ] 60. 一般建议使用的标准色彩不要超过．．．．[ B] 61. 网页设计中色彩的纯洁度用表示[ B ]62．根据的层次结构,中第一个文章页被称为[ A ]A ．首页B ．二级页面C ．三级页面D ．四级页面63．网页制作工具Office 套件是一种[ B ]A ．标记型网页制作工具B ．"所见即所得型"网页制作工具C ．编程型网页制作工具D ．专用型网页制作工具 64．在OSI 模型中,IP 协议的工作层次是[ C ]A ．应用层B ．传输层C ．网络层D ．会话层65．在OSI 模型中,TCP 协议的工作层次是[ B ]A ．应用层B ．传输层C ．网络层D ．会话层 66．在OSI 模型中,SMTP 协议的工作层次是[ A ]A. BlurB. ChangeC. FocusD. Select A. $ B. # C. . D. ? A. position B. overflow C. visibility D. z-index A. 字体风格 B. 字体转换 C. 字体磅值 D. 字体大小 A. 公司印刷品 B. 报纸杂志 C. 户外广告 D. 使用搜索引擎 A. HTML B. DHTML C. XMLD. SGMLA. HTML 文件开始B. HTML 文件结束C. 文件体开始D. 文件体结束 A. 2层 B. 3层 C. 4层 D. 5层 A. 2种 B. 3种 C. 4种 D. 5种 A. 色相 B. 饱和度 C.亮度D.对比度A ．应用层B ．传输层C ．网络层D ．会话层67．一般用于电子接收的协议是[ C ]A ．SMTPB ．PPPC ．POP3D ．68．一般用于电子发送的协议是[ A ]A ．SMTPB ．PPPC. POP3D.69. 下列不能在网页的"页面属性"中进行设置.[ A ]70. 对插入文件中的Flash 动画,不能在属性面板中设置动画的属性.[ B ]71. 在HTML 语言中,<body alink=#ff0000>表示.[ D]72. 关于绝对路径的使用,以下说法错误的是.[ D ]A. 绝对路径是指包括服务器规范在内的完全路径,通常使用:// 来表示B. 绝对路径不管源文件在什么位置都可以非常精确地找到C. 如果希望其它站点上的内容,就必须使用绝对路径D. 使用绝对路径的不能本站点的文件,要本站点文件只能使用相对路径 73. 在Dreamweaver 中,下面对象中可以添加热点的是[ B]74. 下列关于CSS 的说法错误．．的是[ D ] A. CSS 的全称是Cascading Style Sheets,中文的意思是"层叠样式表" B. CSS 的作用是精确定义页面中各元素以与页面的整体样式C. CSS 样式不仅可以控制大多数传统的文本格式属性,还可以定义一些特殊的HTML 属性D. 使用Dreamweaver 只能可视化创建CSS 样式,无法以源代码方式对其进行编辑 75. 如果要使用CSS 将文本样式定义为粗体,需要设置文本属性.[ C ]76. 添加背景音乐的HTML 标签是[ D]77．下列特殊符号表示的是空格.[ B ]A. 网页背景图与其透明度B. 背景颜色、文本颜色、颜色C.文档编码D.跟踪图像与其透明度A. 动画是否循环播放B. 动画循环播放的次数C.是否自动播放动画D.动画播放时的品质A. 设置颜色为红色B. 设置访问过颜色为红色C.设置鼠标上滚颜色为红色D.设置活动颜色为红色A. 文字B. 图像C.层D.动画A. font-familyB. font-styleC.font-weightD.Font-sizeA. <bgmusic>B. <bgm>C.<bgsound>D.<music>A."B. 78．关于超,下列属性是指定的目标窗口[ C]79.下面各项操作中能实现选择多个不连续的单元格的是[ A ]A. 在选定第1个单元格后,按下Ctrl 键,并用鼠标单击其他要选择的单元格B. 在选定第1个单元格后,按下Shift 键,并用鼠标单击其他要选择的单元格C. 在选定第1个单元格后,按下Alt 键,并用鼠标单击其他要选择的单元格D. 在选定第1个单元格后,按下Space 键,并用鼠标单击其他要选择的单元格 80. 关于网页中的换行,说法错误．．的是[ D] A. 可以使用<br>标签换行 B. 可以使用<p>标签换行C. 使用<br>标签换行,行与行之间没有间隔；使用<p>标签换行,两行之间会空一行D. 可以直接在HTML 代码中按下回车键换行,网页中的内容也会换行 81. 在IE 浏览器中预览网页的快捷键是[ D]82．在文本的 a href 标签中,插入以下属性：style="text-decoration:none; color:black",可以CA. 禁用删除线并将文本的颜色设置为黑色B. 加上删除线并将文本的颜色设置为黑色C. 禁用下划线并将文本的颜色设置为黑色D. 加上下划线并将文本的颜色设置为黑色 83．以下选项中,关于层的说法错误的是[ B ]A. 使用层进行排版是一种非常自由的方式B. 层可以将网页在一个浏览器窗口下分割成几个不同的区域,在不同的区域内显示不同的内容C. 可以在网页上任意改变层的位置,实现对层的精确定位D. 层还可以重叠,因此可以利用层在网页中实现内容的重叠效果 84. body 元素用于背景颜色的属性是[ C]85. 禁止用户调整一个框架大小的HTML 代码是[ C ]86. 对于标记〈inputtype=?〉,其中?位置放上一个值,表示输入时显示*号,该值是[ C ]87. 嵌入式样式单嵌入到HTML 文件头中使用的标记对是[ A ]88. 在HTML 文档中,<TD>标记的属性可以创建跨越多个行的单元格. [ A]C. &D. ©A. HrefB. NameC.TargetD.TitleA. F9B. F10C.F11D.F12A. alinkB. vlinkC. bgcolorD. background A. 〈frameresize 〉 B. 〈framenosize 〉 C. 〈framenoresize 〉 D. 〈framenotresize 〉 A. hidden B. text C. password D. submitA. <style> </style>B. <head> </head>C. <link> </link>D. <p> </p> A.rowspanB.colspanC. cellspacingD. cellpadding89. meta标记应该直接放在[ B]A. <html>标记中B. <head>标记中C. <title>标记中D. <body>标记中90. 在HTML中,行的标记是[ C]A. <td>B. <span>C. <tr>D. <body>91. 在客户端网页脚本语言中最为通用的是[ A ]A. javascriptB. VBC. PerlD. ASP92. 在HTML中,标记的Size属性最大取值可以是[ C ]A. 5B.C. 7D. 893. HTML中,单元格的标记是[ A ]A. <td>B. <span>C. <tr>D. <body>94. 在DHTML中把整个文档的各个元素作为对象处理的技术是[ C ]A. HTMLB. CSSC. DOMD. Script95.下面不属于CSS插入形式的是[A]A. 索引式B. 内联式C. 嵌入式D. 外部式96. 在网页中最为常用的两种图像格式是[ A ]A. JPEG和GIFB. JPEG和PSDC. GIF和BMPD. BMP和PSD97. 如果站点服务器支持安全套接层<SSL>,那么连接到安全站点上的所有URL开头是[ B ]A. B. SC. SD. SSL98. 在HTML中,要定义一个空使用的标记是[ A]A. <a href="#">B. <a href="?">C. <a href="">D. <a href="!">99. 对远程服务器上的文件进行维护时,通常采用的手段是[ B ]A. POP3B. FTPC. SMTPD. Gopher100. 下列Web服务器上的目录权限级别中,最安全的权限级别是[ A]A. 读取B. 执行C. 脚本D. 写入101. 用Fireworks切割图形时,需要的工具是[ C]A. 裁剪B. 选取框C. 切片D. 自由变形102. Internet上使用的最重要的两个协议是[ B ]A. TCP和TelnetB. TCP和IP103. 网页代码第一行<%language="Vbscript"%>,说明此页是[ C]104. 下面说法错误的是[ D]A.规划目录结构时,应该在每个主目录下都建立独立的images 目录B.在制作站点时应突出主题色C.人们通常所说的颜色,其实指的就是色相D.为了使站点目录明确,应该采用中文目录105. 在Dreamweaver 中,最常用的表单处理脚本语言是[ D]106. 在Dreamweaver 中,想要使用户在点击超时,弹出一个新的网页窗口,需要在超中定义目标的属性为[ B]107. 网页制作技术不可以实现由一个文件控制一大批网页[ D]108. 查看优秀网页的源代码无法学习[ C ]109. 在网页制作过程中,LOGO 的标准尺寸为Pixels [ C ]110.客户机可向服务器按MINE 类型发送和接收信息,客户机使用请求方式表示要求服务器发送文件头消息[ D] 111. 、在色彩的RGB 系统中,32位十六进制数000000表示的颜色是[ A ]112. 不论是网络的安全##技术,还是站点的安全技术,其核心问题是[ B]113. 下列关于HTML 语言的<table>标记正确的是[ C]A ．border 用于设置表格边线宽度,cellpadding 用于设置框线厚度B ．cellpadding 用于设置框线厚度,cellspacing 用于设置数据与边框的距离C ．bgcolor 用于单元格的背景颜色,width 用于设定整个表格的宽度D ．valign 用于强制单元格内容不换行〔垂直〕,nowarp 用于设定单元格内容垂直对齐方式 114. 与上网无关．．的协议是[C] C. TCP 和SMTP D. IP 和Telnet A. HTML B. PHP C.ASPD.VBSCRIPA. CB. JavaC. ASPD.JavaScriptA. parentB. _bankC. _topD. _self A. CSS 文件 B. 库 C. 模板 D. 层 A. 代码简练性 B. 版面特色 C. 目录结构特色 D. Script 程序 A. 468*60 B. 80*31 C.88*31D.150*60A. SMTPB. GETC.HEADD.POSTA. 黑色B. 红色C. 黄色D. 白色 A. 系统的安全评价 B. 保护数据安全 C.是否具有防火墙D.硬件结构的稳定115. HTML 中表示文字粗体的标记除了使用<strong>外,还可以使用[ B]116.将鼠标指针移动到表格上面,当鼠标指针呈形状时,单击便可选中表格. [ C ]A. 网格图标B. 十字C. 双箭头D. 空心箭头117. 在一个中,路径的表示方式一般有. [ C]A. 绝对路径、根目录相对路径B. 绝对路径、根目录绝对路径C.绝对路径、根目录相对路径、文档目录相对路径D.绝对路径、根目录绝对路径、文档目录相对路径118. 若要编辑Dreamweaver 站点,可采用的方法是. [ A]A. 执行菜单"站点"/"管理站点"命令,然后选择一个站点,单击"编辑"B. 在"文件"面板中,切换到要编辑的站点窗口中,双击站点名称C. 执行菜单"站点"/"打开站点"命令,然后选择一个站点D. 在"属性面板"中进行站点的编辑119. 如果要使浏览器不显示表格边框,应将"边框粗细"设置为. [ D ]A. 1B. 2C. 3D. 0 120. 以下扩展名中不表示网页文件的是[ D ]121. 构成WEB 站点的最基本的单位是[ C ]122. 网页最基本的元素是[ A ]123. 在进行设计时,属于建设过程规划和准备阶段的是[ B ]124. Dreamweaver 是软件 [ B ]125. 在整体规划时,第一步要做的是[ A ]二、多项选择题〔本大题共5小题,每小题2分,共10分〕在每小题列出的五个备选项中有2至5个是符合题目要求的,请将其代码填写在题后的括号内.错选、多选、少选或未选均无分.A. B. SMTP C. SOKET D. POP3 A. <a> B. <b> C. <c> D. <d> A. .htm B. .html C. .asp D. .txt A. B. 主页 C. 网页 D. 文字 A. 文字与图像 B. 声音 C. 超 D. 动画 A. 网页制作 B. 确定的主题 C. 后期维护与更新 D. 测试发布 A. 图像处理 B. 网页编辑 C. 动画制作 D. 字处理A. 确定主题B. 选择合适的制作工具C.搜集材料D.制作网页1. 以下属于非商业组织的风格的有[ABCD ]A．强调页面的主色调B．主题图形要求反映单位的风采C．超级的分类一定要清晰,可采用图形,必要时可建立站内搜索引擎D．信息查看板很重要E．主要栏目一般采用图文并茂的超级来实现2. 以下属于商业组织的风格的有[ ABCDE ]A．公司徽标一定要突出B．采用主题图形产品广告突出公司形象和风格C．主要栏目一般采用图文并茂的超级来实现D．商业栏目一般有固定的栏目页面E．必须建立站内搜索引擎3.在站点网页上使用样式表的方法[ ABD ]A.外部样式B.内部样式C.外页样式D.内嵌样式E.行内样式4. 以下内容是HTML文件的头部内容所包括的.[ ABD ]A.网页标题、关键字B.作者信息、网页描述、基础地址C. 注释、表单域D.自动刷新、CSS样式E.创建时间5. 关于鼠标经过图像,下列说法正确的是[ BCD ]A.鼠标经过图像的效果是通过HTML语言实现的B.设置鼠标经过图像时,需要设置一张图片为原始图像,另一张为鼠标经过图像C.可以设置鼠标经过图像的提示文字与D.要制作鼠标经过图像,必须准备两张图片E.不可以设定6. 在Dreamweaver中,可以向网页中插入的多媒体格式有[ABCDE ]A.ShockwaveB.ActiveXC.Java AppletD.FlashE.Flv7. 关于相对路径,以下说法正确的有[ ABD ]A.相对路径表述的是源端点同目标端点之间的相互位置B.如果在中源端点和目标端点位于一个目录下,则路径中只需要指明目标端点的文档名称即可C.如果在中源端点和目标端点不在同一个目录下,就无法使用相对路径D.如果在中源端点和目标端点不在同一个目录下,就需要将目录的相对关系也表示出来E.相对路径和绝对路径一致8. 的设置有助于搜索引擎在因特网上搜索到网页.[ ABC ]A. 关键字B. METAC. 说明D. 图片的尺寸E.图片大小9. 下列扩展名的图片格式能用IMG标记符直接插入的网页中.[ BDE ]A..midB..pngC..swfD..jpgE..gif10. 在CSS中可以定义的选择符包括[ ACE]A. 超文本标记选择符B. JavaScript选择符C. 类选择符D. DOM选择符E. ID选择符11．Dreamweaver中视图方式包括[ ACD ]A．代码B．设计者C．拆分D．设计E．代码编写者12. 下列属于JavaScript对象的有[B DE ]A．Write B．Document C．Close D．String E．Math13. 要想让网页被搜索引擎检查到,可以实现此功能的标记有[ AE ]A．<meta name="keywords" content="####">B．<meta name="refresh" content="####">C．<meta name="-equiv" content="####''>D．<meta name="reply-to" content="####">E．<meta name="description" content="####">14.个人的基本风格有[A DE ]A.主题图形式B.专题形式C.多媒体形式D.信息发布式E.介于主题图形式和信息发布式之间的形式15.灵活运用色块是网页设计中的一项重要技能,在运用色块制作网页的时候应该注意的有[ ABE ]A.冷暖色调在均匀使用时不宜靠近B.纯度相同的两种颜色不宜放在一起C.纯度相同的两种颜色尽量放在一起进行对比D.冷暖色调在均匀使用时可以靠近E.整个页面中最好有一个主色调16. 在Photoshop中,画面颜色的调节方法有[ ABC E ]A.调节图像色彩层次B.调节图像色彩曲线C.调节图像色彩平衡D.调节图像色调E.调节图像对比度17. 下列关于Fireworks的特点正确的有[ ABCDE ]A.活效果B.图像映射C.制取切片D.批处理过程E.文件导出预览18. Flash中的声音类型有[ AC ]A.事件声音B.数字声音C.流声音D.模拟声音E.效果声音19. 一个栏目的安排一般要注意以下方面：[ ABCD ]A.紧扣主题B.设立最近更新或指南C.设立可以双向交流的栏目D.设立下载或者常见问题回答栏目E. 内容一定要异常丰富丰满20. 确定目录结构一定要注意[ ABCDE ]A.不要将所有文件都放在根目录下,会造成文件管理混乱B.按照栏目内容建立子目录C.设置专门的放置图片和声音的子目录images和audioD.目录层次不要太深E. 不要使用中文的或过长的目录21.是静态网页存储文件的后缀名.[ ACD ]A..htmlB..jspC..htmD..mhtE..asp22. 一般来说站点的层次可以分为[ ACE ]A.首页B.文本页C.栏目页D.图片页E.文章页23. WWW的组成主要包括[ AD ]A.URLB.GopherC.HTMLD.E.Telnet24.下列关于IP地址与域名的说法正确的是[ ABCD ]A.IP地址以数字表示,域名用字符表示B.IP地址是供全球识别的通信地址C.IP地址与域名是一一对应的D.域名可以多于三个层次E.IP地址与域名都限制在32位内25.一般来说,适合使用信息发布式模式的题材有[ ABDE ]A.软件下载B.新闻发布C.个人简介D.音乐下载E.文学作品大全三、简答题<本大题共5小题,每小题5分,共25分>1.什么是IP地址？它如何构成？答：Internet依靠TCP/IP协议,在全球范围内实现不同硬件、不同操作系统、不同网络系统的互联.在Internet上,每一个节点都依靠唯一IP地址互相区分和互相联系.IP地址是一个32位二进制数的地址,由4个8位字段组成,每个字段之间用点号隔开,用于标识TCP/IP宿主机.每个IP地址都由网络ID和主机ID 构成.2.IP地址可以分为几类？分别有多少位网络ID和多少位主机ID？答：可以分为A、B、C三类.A类地址有7位网络ID和24位主机ID,B 类地址有14位网络ID和16位主机ID,C类地址有21位网络ID和8位主机ID.3.什么是域名？答：域名是互联网的一个基本部分,它是一个组织在互联网上存在的标识.它是一种地址结构,用来识别并设置互联网上的电脑,域名提供了一种易于记忆的互联网地址系统,域名系统可以将互联网地址转译为网络所使用的数字化地址.4.什么是超级？答：超级是网页中最常用的元素之一,简称,是指从一个网页指向一个目标对象的关系,该目标对象可以是网页,也可以是当前网页不同的位置,还可以是图片、电子地址、文件,甚至可以是应用程序.5.超级有哪些类型？一个超级的基本格式是怎样的？各部分有何作用？答：超级连接类型有：页间、页内、E-mail、空与脚本.一个超级的基本格式如下：<A HREF="资源地址">文字</A>.标签<A>表示开始,</A>表示结束,属性"HREF"定义了这个所指的地方,通过单击"文字"可以到达指定的文件.6.什么是超文本标记语言？它的扩展名是怎样的？答：超文本标记语言〔HTML〕是一种用户与电脑之间进行交流的文本技术,各种网页均是用HTML语言描述的,扩展名一般为.html或者.htm.HTML是一种规范一种标准,它通过标记符来标记要显示的网页的各个部分.7.在HTML中标记符都是如何存放的？基本的HTML的标记有哪些？答：在HTML中,所有标记符都是一些字符或者单词并用尖括号括起来,开始标记符与结束标志符的区别在于：结束标记符多一个斜杠/.最基本的HTML标记有：HTML标记<HTML></HTML>,首部标记<HEAD></HEAD>,正文<BODY></BODY>和标题标记<TITLE></TITLE>.8.什么是CSS？答：级联样式表〔Cascading Style Sheet〕简称"CSS",通常又称为"风格样式表〔Style Sheet〕",它是一系列格式设置规则,使用CSS样式可以非常灵活地控制网页外观,从而实现精确的布局定位、特定的字体和样式.9.Dreamweaver CS3有哪些菜单栏？各菜单栏主要功能是什么？答：有文件,编辑,查看,插入,修改,文本,命令,站点,窗口,帮助共10个菜单.文件菜单用来管理文件,编辑菜单用来编辑文本,查看菜单用来切换视图模式以与显示/隐藏标尺、网格等,插入菜单用来插入各种页面元素,修改菜单用来修改页面属性与其他元素,文本菜单用来对文本进行操作,命令菜单列出所有Dreamweaver可用命令项,站点存档用于创建和管理站点与站点中文件的设置,窗口菜单用来显示或隐藏各种面板,帮助菜单显示帮助和联机功能.10.什么是Dreamweaver的文档窗口工作区域？它有哪些视图模式？答：文档窗口工作区域也称为"工作区域",用于显示正在编辑的文档,通常有"代码"、"设计"和"代码与设计"3种视图.11.如何创建站点结构？答：创建好一个站点后,站点中还是空的,必须添加文件和文件夹,也就是确定的文件结构.有三个主要内容：新建站点目录,新建网页文件,文件和文件夹的编辑操作.12.页面属性设置主要包括哪些方面？答：页面设置包括五个方面：〔1〕页面外观,主要设置页面中的字体、页面背景与边距.〔2〕,主要设置网页中超级连接的属性.〔3〕标题,设置标题级别.〔4〕网页标题/编码,用于设置网页的标题和编码信息.〔5〕跟踪图像,用来在设计页面时插入用作参考的图像文件.13.什么是图像映射？有哪些类型？答：图像映射也叫热点,是指将一个图像划分为多个区域,并将每个区域到不同的网页、URL或者其他资源中.划分的这些区域叫做热点,有三种类型的热点：矩形、圆形和多边形.14.插入图像占位符的作用是什么？答：主要用于在网页图像未制作完成,但页面布局和其他内容都准备妥当的情况下,应用它先将图像的位置与留下来,从而提高制作网页的速度和效率.15.路径是什么？分为几种类型？答：路径实际是对存放文档位置的描述.路径可以分为三种类型：〔1〕绝对路径,文档完整的URL,即某个。
网页设计考试题与答案
C. Dreamweaver D Fireworks改变元素的填充用padding ,属性请填空->四、问答题（共3题，30分）超的target 性性可能取值有哪几种？ 1. _blank <a href="example.html" target="_blank">example</a> 新窗口显示 example.html 文档 2. _parent <a href="example.html"target="_parent">example</a> 文档3. _self <a href="example.html" target="_self">example</a>4._top <a href="example.html"target="_top">example</a> document.html 取代 frame浏览器会另开一个 指向父frameset 把文档调入当前页框 去掉所有页框并用请答题-> 定义CSS 选择符的基本格式是什么？ .className{} 用样式名称选择 #id{}用id 名称选择div{} , a{} , ul li{} 等直接用html 标签名称来选择 selector{decleration1;decleration2;decleration3;....} selector{property:value} 1、2、3、 4、 5、 请答题->设置下列代码的 CSS 产生下图文字环绕图片的效果。
<div id="main-left-right-1"> <div id="main-pic-4”><img /></div>src="images/4-11.GIF”width="50" height="50"信息技术系统外包</span><br /><span class="text-2"> 软件开发的外包已经成为卡基科技对外业务的一个重要组成。
网页设计练习题集
网页设计练习题集
1. 设计一个简单的登录界面（100 字以上）
要求：
- 包含用户名和密码输入框
- 提供登录按钮
- 界面布局简洁明了
- 适配不同屏幕尺寸
2. 设计一个博客列表页面（100 字以上）
要求：
- 显示博客的标题、作者和发布日期
- 提供博客预览的摘要或首段
- 使用合适的分页方式展示博客列表
- 具有响应式设计，能够在不同设备上正常浏览
3. 设计一个电子商务产品详情页面（100 字以上）
要求：
- 显示产品的名称、价格和主要特点
- 提供产品的图片展示
- 显示产品的详细描述
- 包含用户评价和评分功能
4. 设计一个网页版的音乐播放器（100 字以上）
要求：
- 显示歌曲的名称、歌手和专辑信息
- 提供播放、暂停、上一首和下一首等基本控制功能
- 支持歌曲的进度拖拽和音量调节
- 可以显示歌词，并跟随歌曲播放进行滚动
5. 设计一个在线购物平台的结算页面（100 字以上）
要求：
- 显示购物车中的商品清单和总价
- 提供填写配送信息的表单
- 具有不同支付方式的选择
- 提供确认购买按钮，完成订单生成
6. 设计一个个人主页（100 字以上）
要求：
- 显示个人头像和基本信息
- 包含个人技能和项目经历的展示
- 可以自定义主题和布局
7. 设计一个在线论坛的帖子详情页面（100 字以上）
要求：
- 显示帖子的标题、作者和发布时间
- 提供帖子内容的展示
- 具有回帖和点赞功能
- 可以查看评论和回复
以上是网页设计练习题集，希望能够帮到你！如果有任何问题，请随时与我联系。
网页设计练习题集与答案(仅供参考)
网页设计练习题集一、单项选择题1. 在HTML中，标记<pre>的作用是(B )。
A.标题标记B．预排版标记 C.转行标记D．文字效果标记2. 域名系统DNS的含义是( B )。
A. Direct Network SystemB. Domain Name ServiceC. Dynamic Network SystemD. Distributed Network Service3. 主机域名center. nbu. edu. cn由四个子域组成，其中( D )子域代表国别代码。
A. centerB. nbuC. eduD. cn4.在一个框架的属性面板中，不能设置下面哪一项。
（ A ）A．源文件B．边框颜色C．边框宽度D．滚动条5.下列哪一项表示的不是按钮。
（ B ）A．type="submit"B．type="reset"C．type="image"D．type="button"6．在CSS中使用背景图片需要使用参数（ B ）A．image B．urlC．style D．embed7．在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（ C ）A．不用修饰B．下划线C．上划线D．横线从字中间穿过8．在CSS的文本属性中，文本修饰的取值text-decoration：underline表示（ B ）A．不用修饰B．下划线C．上划线D．横线从字中间穿过9.下面哪一个属性不是文本的标签属性？（A ）A．nbsp; B．align C．color D．face10.下面哪一项的电子邮件链接是正确的？（ D ）A． B．xxx@.net C．xxx@com D．xxx@ 11．在CSS的文本属性中，文本修饰的取值text-decoration：line-through表示（ D ）A．不用修饰B．下划线C．上划线D．横线从字中间穿过12．外部式样式单文件的扩展名为（ D ）A．.js B．.domC．.htm D．.css13. 超级链接是一种(A )的关系。
网页设计制作练习题
网页设计制作练习题
1. 设计一个简单的登录界面，包括账号和密码输入框，登录按钮。
2. 设计一个新闻网站的首页，包括重要新闻推荐、热门新闻、最新新闻、热门评论等模块。
3. 设计一个电商网站的商品详情页，包括商品图片、名称、价格、规格、评论等模块。
4. 设计一个教育网站的课程详情页，包括课程介绍、授课老师介绍、上课时间、报名方式等模块。
5. 设计一个音乐网站的个人主页，包括个人信息、上传的音乐作品、收藏的音乐、关注的音乐人等模块。
6. 设计一个博客网站的文章详情页，包括文章标题、作者、发布时间、文章内容、评论等模块。
7. 设计一个社交网站的个人主页，包括个人信息、发布的动态、关注的人、粉丝、私信等模块。
8. 设计一个美食网站的菜谱详情页，包括菜名、配料、步骤、口感描述、评论等模块。
9. 设计一个旅游网站的目的地详情页，包括景点介绍、酒店推荐、旅游攻略、评论等模块。
10. 设计一个健康网站的文章详情页，包括健康知识、健康饮食、运动指南、保健方法等模块。
网页设计试题及答案
网页设计试题及答案一、选择题（每题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）在网页设计中至关重要，因为它直接影响用户对网站的第一印象和整体满意度。
网页制作测试题及答案
网页制作测试题及答案一、选择题（每题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是________的缩写，用于创建网页的结构。
网页设计试题及答案
网页设计试题及答案一、选择题（每题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题判断正误（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）。
网页设计习题及答案
第七章网页设计基础一、是非题1．HTML语言的标记码是区分文本各个组成部分的分界符。
A．对 B．错2．HTML语言中的<HEAD>．．．</HEAD>标记码的作用是通知浏览器该文件含有HTML标记码。
A．对 B．错3．Web浏览器自身能解释声音和视频文件。
A．对 B．错4．在一对<CAPTION>标记中是表格的名称信息。
A．对 B．错5．〈FONT〉…〈/FONT〉是用于设置所包含的文本的‘字体’、大小、颜色等的标记。
A．对 B．错6．站点是一系列通过各种链接关联起来的逻辑上可以视为一个整体的一些网页。
A．对 B．错7．图像热点链接是利用热点工具将一个图像划分为多个热点作为链接点，再单独对每个热点添加相应的链接。
A．对 B．错8．单击导航条上的链接，就可以跳转到相应的页面进行浏览。
A．对 B．错9．在 Web 上常用的图像格式只包括GIF、JPEG和DWG三种A．对 B．错10．表单是一个容器，只有在表单中添加了表单对象后才能使用。
A．对 B．错11．使用布局模式布局页面实际上是在添加内容前创建布局表格和布局单元格。
A．对 B．错12．框架的特点之一是每个框架都具有自己的滚动条。
A．对 B．错13．CSS样式不仅可以在一个页面中使用，而且可以用于其他多个页面。
A．对 B．错14．CSS技术可以对网页中的布局元素（如表格）、字体、颜色、背景、链接效果和其他图文效果实现更加精确的控制。
A．对 B．错15．在Dreamweaver MX 2004中不可以直接上传网站，因此，必须用FTP软件上传。
A．对 B．错二、单选题1. 在HTML中，下面是段落标签的是：A. <HTML>…</HTML>B. <HEAD>…</HEAD>C. <BODY>…</BODY>D. <P>…</P>2. HTML 的标记码是由成对的标记组成，书写格式为______。
网页设计习题
第1章引言1.选择题（1）通常网页的首页被称为（ A ）。
A．主页B．网页C．页面D．网址（2）网页的基本语言是（ C ）。
A．JavaScript B．VBScript C．HTML D．XML（3）网页在Internet上是通过URL来指明其所在位置的，每个不同的网页都应该有不同的URL，如263网站主页的URL就是（ A ）。
A． B．http:\\C．ftp:// D．mailto:（4）下列不属于Macromedia公司产品的是（ D ）。
A．Dreamweaver B．Fireworks C．Flash D．Frontpage（5）下列属于静态网页的是（ A ）。
A．index.htm B．index.jsp C．index.asp D．index.php（6）属于网页制作平台的是（ C ）。
A．photoshop B．flash C．dreamweaver D．cuteFTP（7）要想在打开网页时弹出一个信息框，可以使用下列（ C ）技术实现。
A．CSS技术B．HTML技术C．调用JavaScript D．URL（8）以下说法中，错误的是（ B ）。
A．网页的本质就是HTML源代码B．网页就是主页C．使用“记事本”编辑网页时，应将其保存为.htm或.html后缀D．本地网站通常就是一个完整的文件夹（9）URL是下列（）的简写，中文译作（ D ）。
A．Uniform Real Locator，全球定位B．Unin Resource Locator，全球资源定位C．Uniform Real Locator，全球资源定位D．Uniform Resource Locator，全球资源定位（10）下列（ D ）软件不能编辑html语言。
A．记事本B．FrontPage C．Dreamweaver D．C语言2.填空题（1）从IE浏览器菜单中选择查看->源文件命令，可以在打开的记事本中查看到网页的源代码。
网页设计试题及答案
一、单项选择题（每题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) color B) size C) style D) face7. <TR>表示__B_。
A) 一张表 B) 一行 C) 一列 D) 一个单元格8.用于设置页面标题的标记是__A__。
A)<title> B)<caption> C)<head> D)<html>9. 当浏览器不支持图像时，图像<IMG>标记的__C__属性的文本内容可以替代说明图像。
A) align B) height C) alt D) border10．关于<table>标记的叙述，错误的是__C__。
A) 使用<table>标记可以控制页面布局B) 使用<table>标记可以设置表格的对齐方式C) <table>标记的cellspacing属性可以使单元格更大D) <table>标记的width属性值既可以是百分比，也可以是具体的数值。
网页设计考试题目及答案
网页设计考试题目及答案一、选择题（每题2分，共20分）1. 在HTML中，用于定义最重要的标题的标签是：A. `<h1>`B. `<h6>`C. `<p>`D. `<div>`答案：A2. CSS选择器中，用于选择ID为"header"的元素的写法是：A. `#header`B. `.header`C. `header`D. `id="header"`答案：A3. 下列哪个属性用于控制元素的垂直对齐方式？A. `text-align`B. `vertical-align`C. `align`D. `justify`答案：B4. 在JavaScript中，用于获取页面URL中查询字符串的全局对象属性是：A. `window.location.href`B. `window.location.search`C. `window.location.host`D. `window.location.pathname`答案：B5. 如果想在网页中插入一条水平线，应该使用哪个HTML标签？A. `<hr>`B. `<div>`C. `<p>`D. `<br>`答案：A6. 对于一个网页设计师来说，响应式设计的主要目的是：A. 使网站在不同设备上看起来相同B. 使网站在不同设备上看起来不同C. 使网站在所有设备上都能正常工作D. 使网站在特定设备上运行更快答案：C7. 下列哪个不是HTML5的语义化标签？A. `<article>`B. `<section>`C. `<div>`D. `<aside>`答案：C8. 在CSS中，`z-index`属性用于控制元素的：A. 可见性B. 定位方式C. 堆叠顺序D. 尺寸答案：C9. JavaScript中的`document.getElementById`方法用于：A. 获取文档的URLB. 获取文档的标题C. 获取文档的根元素D. 根据ID获取元素答案：D10. 在HTML中，用于定义无序列表的标签是：A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：A二、填空题（每题2分，共20分）1. 在HTML中，`<meta>`标签通常位于`<head>`标签内部，用于提供____的元数据。
网页设计与制作考试试题
网页设计与制作考试试题当标记的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中‘’表示空格对(正确答案)错。
网页设计复习题及答案
网页设计复习题及答案一、单项选择题1. 网页设计中，HTML的全称是什么？A. HyperText Markup LanguageB. HyperText Markup LanguageC. HyperText Markup LanguageD. HyperText Markup Language答案：A2. CSS在网页设计中的作用是什么？A. 用于网页内容的排版B. 用于网页内容的存储C. 用于网页内容的搜索D. 用于网页内容的传输答案：A3. 以下哪个不是网页设计中常用的图像格式？A. JPEGB. PNGC. GIFD. MP3答案：D4. 在HTML中，用于创建无序列表的标签是什么？A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：A5. 网页设计中，响应式布局的目的是？A. 使网页在不同设备上显示效果一致B. 增加网页的加载速度C. 减少网页的维护成本D. 提高网页的安全性答案：A二、多项选择题1. 以下哪些是网页设计中常用的布局技术？A. 表格布局B. 框架布局C. 浮动布局D. Flexbox布局E. Grid布局答案：C, D, E2. 在网页设计中，以下哪些因素会影响网页的加载速度？A. 图像文件的大小B. 网页代码的优化C. 服务器的响应时间D. 用户的网络速度E. 网页的颜色使用答案：A, B, C, D三、判断题1. 在HTML5中，`<canvas>`标签用于在网页上绘制图形。
答案：正确2. CSS3允许开发者使用圆角、阴影和渐变等效果。
答案：正确3. 使用JavaScript可以增强网页的交互性，但无法控制网页的布局。
答案：错误四、简答题1. 描述HTML和CSS在网页设计中的主要区别。
答案：HTML负责网页的结构和内容，而CSS负责网页的样式和布局。
2. 解释什么是语义化HTML，并说明其对网页设计的重要性。
网页设计复习题2含答案
网页设计复习题2含答案一、选择题1. 网页设计中，以下哪个不是CSS的基本选择器？A. 类选择器B. ID选择器C. 属性选择器D. 伪类选择器答案：D（伪类选择器是CSS的一种选择器，但不是基本选择器）2. HTML5中，用于定义文档类型和字符编码的标签是：A. <!DOCTYPE>B. <html>C. <meta charset="UTF-8">D. <title>答案：C（<meta charset="UTF-8"> 用于定义字符编码）3. JavaScript中，以下哪个是正确的循环结构？A. forB. whileC. do-whileD. 所有选项都是答案：D（所有选项都是JavaScript中的循环结构）二、填空题1. 在HTML中，用于创建超链接的标签是________。
答案：<a>2. CSS中，用于设置元素宽度的属性是________。
答案：width3. JavaScript中，用于获取页面元素的函数是________。
答案：getElementById三、简答题1. 请简述HTML和CSS在网页设计中的作用。
答案：HTML是网页的骨架，用于定义网页的结构和内容。
CSS是网页的样式表，用于设置网页的布局、颜色、字体等视觉样式。
2. 请描述JavaScript在网页交互中的重要性。
答案：JavaScript是一种客户端脚本语言，它允许网页与用户进行交互。
通过JavaScript，可以实现表单验证、动态内容更新、动画效果等，极大地增强了网页的互动性和用户体验。
四、应用题1. 假设你需要设计一个简单的个人博客页面，请列出至少5个HTML 标签，并说明它们的作用。
答案：- <html>：定义整个HTML文档的根元素。
- <head>：包含文档的元数据，如标题、字符编码等。