网页设计试题
网页设计考试题
网页设计考试题一、简答题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样式的应用。
网页设计考试试题
网页设计考试试题网页设计考试试题一、简答题1. 请解释什么是响应式设计?响应式设计是指通过使用弹性布局、媒体查询和其他技术手段,使网页能够根据用户设备的不同尺寸和分辨率,自动调整和优化布局和内容展示,以提供更好的用户体验。
2. 请列举几种常见的网页设计软件。
常见的网页设计软件包括Adobe Dreamweaver、Sketch、Figma、Adobe XD等。
3. 什么是用户体验设计(UX)?用户体验设计是指通过研究用户需求、行为和期望,以及优化界面交互和视觉设计等手段,来提供用户满意度和愉悦感的设计过程。
其目标是使用户在使用产品或服务时获得良好的体验。
4. 请解释什么是无障碍设计(Accessibility Design)?无障碍设计是指通过合理的设计和开发,使网页能够适应不同的用户,包括身体残障、视力障碍、听力障碍等,并提供相应的辅助功能,以确保这些用户能够无障碍地访问和使用网页。
5. 请简要介绍网页设计的色彩搭配原则。
色彩搭配原则包括对比度、色彩饱和度、色彩互补和色彩心理学等。
对比度要求设计中的文字和背景色彩有明显的对比,以提高可读性;色彩饱和度要适度,避免过于刺眼或过于暗淡;色彩互补可以通过选择相对位置较远的颜色进行搭配,以增加视觉冲击力;色彩心理学则是利用色彩对人的情绪和行为产生影响的原理,选择合适的色彩来传达信息和引起共鸣。
二、设计题设计一个电子商务网站的首页,要求包含以下内容:1. 顶部导航栏,包括主要分类和搜索框。
2. 轮播图,展示热门产品或促销活动。
3. 推荐商品区域,展示几款热门商品的图片和简要介绍。
4. 新闻资讯区域,展示最新的行业新闻和公司动态。
5. 底部导航栏,包括网站地图、联系方式和版权信息等。
设计要求:1. 页面整体风格要与电子商务相关,注重商业氛围和用户购物体验。
2. 色彩搭配要合理,考虑品牌色彩和用户喜好。
3. 布局要清晰,重要内容要突出,保证用户能够快速找到所需信息。
网页设计题目以及答案
1.下列程序能编辑Html文件的是(记事本写字板Word)2.Html是指超文本连接标识语言。
它主要告诉浏览器什么?(有哪些浏览资源)3.在页面中显示"欢迎访问我的主页!"要求字体为隶书,字体大小为6下列语句正确的是(<font size=6 type="隶书">欢迎访问我的主页</font>)4.(<PRE>)标记用于以预定义的格式显示文本,即文本在浏览器中显示时遵循在HTML源文档中定义的格式。
5.如果要使一幅图像在网页中居中显示,应使用以下语句(<DIV align=”center”><IMGsrc=image.gif></DIV> )6.在HTML文档中,<TD>标记的(ROWSPAN)属性可以创建跨越多个行的单元格。
7.默认情况下,在HTML文档中使用(〈HR〉)标记绘制水平线。
8.在HTML中,下面(〈H1 〉〈FONT color=green〉ACCP〈/FONT〉〈/H1〉)语句可以将标题“ACCP”的颜色设置成绿色。
9.在HTML中,可以使用(<IMG>)标记向网页中插入GIF动画文件。
10.在HTML中,下列()HTML代码可以实现如图所示的效果。
水果1.苹果2.橘子3.香蕉<OL> 水果<Li>苹果<Li>橘子<Li>香蕉</OL>11.如果要在超链接中设置电子邮件链接,则href属性值应设(mailto:*****************)12.网页制作中,在设置颜色时,FF0000代表(红色)色。
13.网页制作中,在设置颜色时,00FF00代表(绿色)色。
14.网页制作中,在设置颜色时,0000FF代表(蓝色)色。
15.网页制作中,在设置颜色时,AAAAAA代表(灰色)色。
16.网页制作中,在设置颜色时,000000代表(黑色)色。
dreamweaver网页设计试题及答案
dreamweaver网页设计试题及答案一、单选题1. Dreamweaver中,以下哪个选项不是“页面属性”对话框中的选项?A. 链接颜色B. 背景颜色C. 表格间距D. 背景图片答案:C2. 在Dreamweaver中,以下哪个功能用于创建表单?A. 插入表格B. 插入表单C. 插入图像D. 插入视频答案:B3. 若要在Dreamweaver中创建一个超链接,应该使用以下哪个工具?A. 文本工具B. 插入工具C. 表格工具D. 布局工具答案:B4. 在Dreamweaver中,以下哪个不是CSS样式的类型?A. 类型样式B. ID样式C. 内联样式D. 块级样式答案:D5. 在Dreamweaver中,以下哪个选项不是“行为”面板中的事件?A. 鼠标经过B. 页面加载C. 表单提交D. 插入表格答案:D二、多选题1. 在Dreamweaver中,以下哪些元素可以被设置为导航栏?A. 无序列表B. 有序列表C. 定义列表D. 段落答案:A, B2. 在Dreamweaver中,以下哪些操作可以在“代码”视图中完成?A. 编辑HTML代码B. 编辑CSS代码C. 编辑JavaScript代码D. 插入表格答案:A, B, C3. 在Dreamweaver中,以下哪些元素可以用于创建响应式网页布局?A. 媒体查询B. 浮动布局C. FlexboxD. Grid布局答案:A, C, D三、判断题1. Dreamweaver中,可以使用“库”功能来存储和重用代码片段。
(对)2. Dreamweaver中,不能直接预览HTML代码的执行效果。
(错)3. Dreamweaver中,CSS样式可以直接应用到HTML元素上,而不需要在<head>标签中定义。
(对)4. Dreamweaver中,可以通过“文件”菜单中的“新建”选项来创建新的网页。
(对)5. Dreamweaver中,所有的网页元素都必须放置在<body>标签内。
网页设计考试试题及答案
第一部分选择题一、单项选择题(本大题共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分。
Dreamweaver网页设计题库全(有答案)
Dreamweaver⽹页设计题库全(有答案)⽹页设计复习试题(理论)⼀、选择题1、在⽹页中不能添加的元素是( D )A、⽂字、图像B、表格、动画C、声⾳视频D、纸张等实物2、下⾯不属于“页⾯属性”中可以设置的内容( D)A、外观B、链接C、跟踪图像D、⾸选参数3、下列(B )⽅法⽆法添加⽹页标题A、在HTML代码中添加⽹页标题B、在⽂档窗⼝中添加⽹页标题C、在⽹页属性中添加⽹页标题D、在⽂档⼯具栏中添加⽹页标题4、下⾯哪个功能不是开始页能够完成的操作(D )。
A、创建新⽹页B、创建新⽹站C、打开⽹页⽂档D、删除⽹页⽂档5、在下⾯的选项中哪种不属于⽹页设计的范围? ( C)A、页⾯内容设计B、⽹页架构设计C、服务器设计D、LOGO设计6、下⾯的哪⼀项不属于⽹页标准⾊的三⼤⾊系?(D )A、蓝⾊B、黄/橙⾊C、⿊/灰/⽩D、绿B、index.jspC、index.htmlD、index.php8、下⾯选项中哪个不是单元格的⽔平对齐⽅式之⼀(A )。
A、两端对齐B、默认C、居中对齐D、右对齐9、以下说法正确的是( A )A、如果要选择多个⾮连续的单元格,只要按下[Ctrl]键,依次单击要选择的单元格即可B、表格⼀旦创建,单元格就不能被合并和拆分了C、表格的列的宽度和⾏的⾼度不能重新设置D、以上都正确10、表格的⾏标记是( A )A、trB、tdC、tableD、tl11、表格的单元格标记是( B )A、trB、tdC、tableD、th12、不可以在插⼊表格时弹出对话框中设置的属性( C)A、⾏数B、边框粗细C、边框⾼度D、列数13、下列关于表格颜⾊的设置说法正确的是(D )A、只能给表格设置背景颜⾊不能设置背景图⽚B、不能对某⼀⾏设置背景颜⾊或背景图⽚C、不能对⼀个单元格设置背景颜⾊或背景图⽚D、可以对表格、⾏、单元格分别设置背景颜⾊或背景图⽚14、下列不能创建表格的是( D )B、单击常⽤⾯板中的"表格"按钮C、直接按ctrl+alt+tD、单击[⽂件]菜单,选择[表格]命令15、下⾯哪些操作不可以在“⽂件”⾯板中完成( D )。
网页设计考试试题库
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 B./ r C./ n 换行D./ b﹟55.下列哪种转义符号表示回车符:A. / t B./ 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属性值既可以是百分比,也可以是具体的数值。
网页设计考试试题及答案
一、单项选择题(共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,产生下图文字环绕图片的效果。
网页设计理论测试题
网页设计理论测试题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中,用于设置页面元信息的标示符是()。
网页设计试题及答案
网页设计试题及答案一、单项选择题(每题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. 你认为在视觉营销中,以下三点哪个更重要?() [单选题] *A. 美观(正确答案)B. 创意C. 传达D. 文案2. 网页设计师使用的是()的屏幕显示颜色模式。
[单选题] *A. CMYK(正确答案)B. RGBC. LABD. 索引3. 以下哪个不是促销广告的基本标准() [单选题] *A. 主题突出B. 目标明确C. 形式美观(正确答案)D. 图片清晰4. 以下哪个不属于促销的主题() [单选题] *A.价格B. 折扣C. 其他促销内容D. 店铺 logo(正确答案)5. 以下哪个不属于促销广告实施步骤() [单选题] *A. 策划B. 沟通C. 分析(正确答案)D. 设计6. 处理照片最好选择()软件。
[单选题] *A. Photoshop(正确答案)B. CorelDrawC. FlashD. 3DMAX7. 以下哪个不属于 logo 的形式来源() [单选题] *A. 文字B. 自然图像C. 几何图像D. 人物(正确答案)8. 黄金比是设计中应用较广的一种比例。
其矩形比的长与宽为() [单选题] *A. 1:1.550B. 1:1.618(正确答案)C. 1: 1.850D. 1:1.3509. 网店标志包含以下那几点()(多选) *A. 网店的定位(正确答案)B. 经营模式C. 产品类别(正确答案)D. 服务特点10. 促销区设计要点是()(多选) *A. 卖点突出(正确答案)B. 文字精简C. 美观大方D. 价格实惠(正确答案)二、判断题1、店铺风格是指网店界面给访客的直观感受,说通俗一点就是个性。
[判断题] *对(正确答案)错2、根据个人喜好或猜测给店铺做风格的定位。
[判断题] *对错(正确答案)3、不能整个店铺通篇都是一种颜色,给人很单调、压抑的感觉。
[判断题] *对(正确答案)4、店铺颜色越多越好。
[判断题] *对错(正确答案)5、判断题配色方案,简单说就是如何将不同的颜色搭配到一起,起到一种和谐的或者有视觉冲击力的效果。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
一、填空
1、在网页中可以使用的图象格式有()、()、()3种。
2、网页的主要组成元素有()、超链接、超文本及超媒体、()、表格与层、书签、脚本与脚本语言等。
3、在Dreamweaver中框架由()和()两部分组成。
4、优化Fireworks图象的方法有,使用()面板、选择文件菜单下的()或导出向导。
5、如果Fireworks文档中包含了切片和热点等代码,则导出该文档时,应将其保存类型设置为()。
6、Flash影片由()图形组成,但也可以包括输入的视频、位图图形与声音。
7、首页是网站所默认的()。
在浏览网站时,直接在地址栏中输入(),就会打开首页。
8、若要编辑基于模板的文档的锁定区域,必须执行将文档从模板中()操作。
为此,可选择修改菜单下的()命令。
9、Flash中,元件是指在影片中重复使用的元素,它可以是()、声音文件或字体等。
10、利用Flash,用户既可以创建()动画,也可以创建()动画。
11、在Flash中导入视频时,可选的方式有()和()。
12、Dreamweaver所提供的链接类型有()、()、E-mail链接、链接特定“锚记”、虚拟链接。
13、在Dreamweaver软件中,网页插入翻滚图片对象时,所插入的两幅图片的()应该相同。
14、在Dreamweaver软件中利用图片影象可将图片划分为若干区域,这些区域被称为()。
15、在Flash中,若要对导入到文档中的位图局部进行编辑,应首先将其()化。
为此,可选择()命令将其分解为可以选择和修改的离散颜色区域。
16、Fireworks MX的功能主要有()、向量编辑、文本处理、制作动画、单步按钮制作程序、创建弹出式菜单、利用拖放方法创建翻转图片、切片制作设置与应用、()。
17、在Fireworks中,路径对象的编辑方法主要有通过编辑()、使用()、使用()和对象的变形与扭曲。
18、在Fireworks中,蒙版的类型有两种,它们是:()蒙版、()蒙版。
19、通常情况下,用户在制作好Flash影片后,可以直接选择()命令测试影片。
但是如果影片中包含了脚本,则只能选择()来测试影片,此时系统将首先自动生成SWF文件,然后播放该文件。
20、在Dreamweaver中行为由()和()两部分组成。
21、在Dreamweaver中用于图象行为有()、()和恢复交换图象。
22、在Flash中,为了快速创建“补间”动画,可以使用系统提供的()菜单,将一组对象自动分配到各图层,以作为创建补间动画的基础。
23、在Flash中,为了对群组、实例、位图图象或文本应用形状变换,必须将其分解为()。
24、在Flash中可创建的动画有两种:帧-帧动画和补间动画。
其中补间动画又可分为两种,()动画和()动画。
25、Fireworks MX的工具栏分为()工具栏和()工具栏。
26、在Dreamweaver中,创建模板后,还应在模板中创建(),这样,所创建的模板才具有意义。
27、在Dreamweaver中,对网站的管理是通过()来进行的。
28、在Flash中,要在当前影片中使用元件库中的项目,只需执行将元件库窗口中的元件拖放到()中。
此时,该项目将被添加到当前图层的当前()上。
29、在Flash中,在当前位置插入关键帧的快捷键是(),插入空白关键帧的快捷键是()。
30、在Flash MX中,设置图形的描绘颜色和填充颜色时,我们分别可以通过()面板、()面板和()面板来进行。
31、在Flash MX中,使用()工具可以为线条或图形的边框着色,使用()工具可以为区域填充颜色。
如果希望编辑填充渐变色或填充位图,可使用()工具。
32、在Flash影片中使用安装在系统中的字体时,某些字体并不能够与影片一起输出。
此时,可以使用()方法来解决上述问题。
二、名词解释
动态HTML、蒙版(Fireworks)、帧-帧动画、图形元件、站点地图、
超文本文件、站点、CSS样式表、补间动画、影片剪辑元件、热点、
超媒体、按钮元件、虚拟链接、框架网页、表单、表格与层、
HTML标记、插件、Flash动画、
三、简答题
1、如何规划站点结构?
2、请简述Dreamweaver的功能。
3、Fireworks中的图象切割的优点有哪些?
4、简述Flash中“时间轴”的主要用途。
5、简述Flash中“图层”设置的目的及特点。
6、简述在Dreamweaver中,“层”作用及其意义。
7、在Dreamweaver中设计动态网页时,常采用的方法有哪些?
8、Flash动画有哪些特点?
9、简述Flash中元件与实例的功能及其相互关系。
10、在Flash影片中使用声音有哪些技巧?
11、在Flash中,修改图形的描绘和填充效果的方法有哪些?
12、在Dreamweaver 中,行为、事件、动作与行为面板之间的关系是什么?
13、模板和库的用途分别是什么?
14、在Flash中,对影片进行优化的方法有哪些?
15、在Flash中,可以对对象和图形执行哪些编辑操作?
16、简述创建滚动字幕的意义与基本方法。
17、试述Flash元件的类型及其作用。
18、简述Flash影片的素材。
19、在设计网页时,选择目标观众时要考虑哪些问题?
20、简述Fireworks中制作热点的操作步骤。
四、论述题
1、请你论述Fireworks软件的主要特点。
2、论述Flash影片的主要特点。
3、请你论述在Flash中创建交互式电影的意义与基本方法。
4、请阐述Dreamweaver软件的主要特点。
5、论述Dreamweaver MX软件中,层、表格和框架的作用分别是什么,并说明其各自特点。
6、试论述网页制作新手,在建设一个网站前,通常需要了解的几个工作步骤。