网页设计及制作试题和答案解析
《网页设计与制作》考试试题及参考答案
网页设计与制作单选题30% 多选题 20％填空题１５％简答题２５％论述题１０％The content of exam include,but not limited in:1、Photoshop中允许一个图象的显示的最大比例范围1600%3、在绘制椭圆形时，以中心点为基准画圆应按住什么键ALT键4、Dreamweaver设计网页时，要选中某个单元格，可以将光标先定位在该单元格，然后鼠标移到状态栏的什么标签，单击该标识可以选中该单元格。
Td5、在表格属性设置中，间距的定义：表格中单元格之间的间距。
单元格间距是指围绕在每个单元格周围的框的厚度（以像素为单位）。
6、表单的基本元素有哪些。
①询问或请求信息。
②访问者在其中键入信息的域③“提交”和“全部重写”按钮。
④表单处理程序8、默认模板的后缀名是什么dwt9、对远程服务器上的文件进行维护时，通常采用的是.FTP。
10、为了标识一个HTML文件应该使用的HTHL标记是什么？< html> </html>11、在实际操作中的两种Email超链按方法:答: Dreamweaver中:第一种方法：1）选中需要制作电子邮件超链接的文字或图片。
2）在“属性”面板中的“链接”文本框中输入“mailto”，再输入链接的电子邮件地址。
3）如果想在发邮件的时候带上主题，那么只需在“链接”文本框中输入如下语句，例如：mailto:*********?subject=学习共享。
4）完成电子邮件超链接的制作，预览并点击电子邮件超链接。
5）此时会弹出自动启动Outlook第二种方法：1）将插入点置于e-mail链接出现的地方，或选中要作为e-mail链接出现的文本或图像2）选择插入 > 电子邮件链接。
在对象面板的常用类别中，选择插入E-Mail链接3）在插入E-Mail链接对话框的文本域中，输入或编辑作为e-mail链接出现在文档中的文本。
4）在E-Mail域中，输入邮件将发送到的e-mail地址5）点击OK。
网页设计考试题+参考答案
网页设计考试题+参考答案一、单选题（共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属性用于控制英文字符的大小写。
《网页设计与制作》试题答卷A参考答案
浙江**学院《网页设计与制作》期终（考试）A卷200—200学年第学期任课教师学院班姓名学号一、单选题（每小题1分，共30分)1、 本地站点的所有文件和文件夹必须使用()，否则在上传到因特网上时可能导致浏览不正常。
2、 A.小写字母B ．大写字母C ．数字D ．汉字3、 常用的网页图像格式有()和()。
4、 A ．gif ，tiffB ．tiff ，jpgC ．gif ，jpgD.tiff,png5、 实现轮替图像应选两幅()的图片。
6、 A.相差三倍B ．相差两倍C.相差一倍D.大小一样7、 下面说法错误的是()。
8、 A ．单元格可以相互合并B.在表格中可以插入行9、 C ．可以拆分单元格D ．在单元格中不可以设置背景图片 10、 下面说法错误的是()。
11、 A ．CSS 样式表可以将格式和结构分离12、 B ．CSS 样式表不能制作体积更小下载更快的网页的布局 13、 C.CSS 样式表可以使许多网页同时更新 14、 D ．CSS 样式表可以控制页面15、 要使表格的边框不显示，应设置border 的值是()。
16、 A ．1B.0 C ．2D ．317、 在层的属性设置中有两个特殊的属性，分别是()和()。
18、 A.标签，显示B.显示，Z 轴C ．显示，溢出D ．Z 轴，溢出 19、 使用()和()可以直观、精确的将层定位。
20、 A ．标尺，网格B ．标尺，表单C 网格，表单D ．表单，表格 21、 模板的创建有两种方式，分别是()。
22、 A 新建模板，已有网页保存为模板B ．新建网页，保存网页 23、 C ．新建模板，保存层D ．新建层，保存模板 24、 下面说法错误的是()。
25、 A.“查看”菜单下“网格”的“网格设置”可以更改网格的大小 26、 B ．层转换成表格可以实现网页更好的兼容性 27、 C ．表格和层可以互相转换28、 D ．表格转换成层可以实现网页更好的兼容性29、 模板的()指的是在某个特定条件下该区域可编辑。
网页设计制作历年真题含答案解析
网页设计制作历年真题含答案解析随着互联网的快速发展，网页设计和制作成为了一个备受关注和青睐的领域。
无论是个人还是企业，都离不开一个优秀、精美的网页来展示自己的产品和服务。
而要成为一名优秀的网页设计师，除了积累实践经验外，备考网页设计制作这门课程的历年真题，也是非常重要的一步。
下面，本文将带您回顾一些网页设计制作历年真题，以及详细的解析和答案。
第一年真题：设计一个响应式网页，以“旅游指南”为主题。
要求包括导航栏、轮播图、文章列表、搜索功能等。
请解析响应式设计的原理，并说明你在设计过程中的思路。
答案解析：响应式设计是指根据不同设备的屏幕大小和分辨率，带来不同的布局和效果，以适应用户的浏览习惯和设备特性。
在设计这个旅游指南网页时，首先要考虑用户在不同设备上的体验。
比如，在手机上网页会自动调整为单栏布局，以适应较小的屏幕空间。
在平板和电脑上，则可以使用多栏布局。
为了实现这个效果，可以使用CSS媒体查询来设置不同的样式，在不同设备上呈现不同的页面布局。
同时，在图片和字体使用时，要选择适应不同分辨率的高清图像和可缩放字体，以保证在不同设备上显示清晰。
设计思路上，可以从整体结构到细节逐步推进。
先确定导航栏和轮播图的位置和样式，在保证视觉效果的同时，注意响应式布局的实现。
然后，设计文章列表，应用CSS样式使其排版优雅。
最后加入搜索功能，使用户能够更方便地搜索相关文章。
第二年真题：设计一个电子商务网页，以“家居用品”为主题。
要求包括商品分类、购物车、用户登录等功能。
请解析如何提高网页的用户体验，并说明你在设计过程中的考虑。
答案解析：提高网页的用户体验是网页设计中非常重要的一环。
在设计这个家居用品的电子商务网页时，首先要考虑用户的操作习惯和心理需求。
比如，在设计商品分类时，要将商品按照不同的类别进行划分，并提供可点击或拖动的操作方式，方便用户浏览和选择商品。
同时，在购物车功能方面，要允许用户添加和删除商品，显示购物车中的商品数量和总价，以及提供结算和清空购物车的操作按钮。
《网页设计与制作Dreamweaver》试题(附答案)
理工抽测理论《网页设计与制作》一、选择题（1-40题为单选）1、目前在Internet上应用最为广泛的服务是 ( )。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、为了标识一个HTML文件开始应该使用的HTML标记是 ( )。
A、<table>B、<body>C、<html>D、<a>3、在HTML中，单元格的标记是( )。
A、<td>B、<span>C、<tr>D、<body>4、在网页中最为常用的两种图像格式是( )。
A、JPEG和GIFB、JPEG和PSDC、GIF和BMPD、BMP和PSD5、在HTML中，要定义一个空使用的标记是( ).A、<a href=”#”>B、<a href=”?”>C、<a href=””>D、<a href=”!”>6、用Fireworks切割图形时，需要的工具是（）A、裁剪B、选取框C、切片D、自由变形7、body元素用于背景颜色的属性是（）A、alinkB、vlinkC、bgcolorD、background8、下面说法错误的是( )A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录9、在Dreamweaver MX中，想要使用户在点击超时，弹出一个新的网页窗口，需要在超中定义目标的属性为 ( )A、parentB、_bankC、_topD、_self10、网页制作技术不可以实现由一个文件控制一大批网页 ( )A、CSS文件B、库C、模板D、层11、在网页制作过程中，LOGO的标准尺寸为( )Pixels.A、468*60B、80*31C、88*31D、150*6012、在色彩的RGB系统中，32位十六进制数000000表示的颜色是( ).A、黑色B、红色C、黄色D、白色13、进行站点设置时，关于下图的设置正确的说法是（）。
网页设计与制作试题及答案
网页设计与制作试题及答案一、试题：网页设计与制作题目：基础知识1.什么是网页设计？2.网页设计的基本原则有哪些？3.什么是响应式网页设计？二、试题答案1. 网页设计是指通过对网页进行排版、布局、色彩、图像等方面的设计和创意，使其具有良好的可视性和用户体验，达到表达和传达信息的目的。
2. 网页设计的基本原则包括：- 内容为王：网页设计应注重内容的重要性，以清晰、简洁的文字和有吸引力的图片来吸引用户注意。
- 一致性和统一性：整体网页设计风格应保持一致，包括色彩、字体、布局等方面，以增加用户体验和品牌形象。
- 简约性：简约的设计更易于引起用户的注意和理解，不应过多地添加无关信息和复杂的效果。
- 可导航性：网页应具备良好的导航结构，方便用户查找和浏览信息。
- 易读性：文字应具备良好的可读性，字体大小适宜，排版清晰易懂。
3. 响应式网页设计是指根据用户使用的设备（如手机、平板电脑、电脑等）不同，自动调整网页的布局和显示效果，以提供更好的用户体验。
响应式设计能够使网页在不同设备上呈现出良好的可阅读和浏览的效果，有效解决了不同屏幕尺寸、分辨率带来的兼容性问题。
题目：网页设计软件1.常用的网页设计软件有哪些？2.请简要介绍一款常用的网页设计软件。
试题答案：1. 常用的网页设计软件有：- Adobe Dreamweaver：功能强大，提供直观的可视化设计和编辑界面，并支持手动编写代码。
- Sketch：适合Mac用户，轻量化且易于学习使用，注重可视化设计和界面设计。
- Photoshop：主要用于图像处理和编辑，包括设计网页所需的图片和元素。
- Sublime Text：强大的代码编辑器，提供语法高亮、代码补全等功能，适用于编写网页前端代码。
2. Adobe Dreamweaver是一款常用的网页设计软件，具备以下特点：- 提供可视化设计和编辑界面，用户可通过拖拽、调整布局等方式快速设计网页。
- 支持直接编辑HTML、CSS等代码，适用于专业用户和需要精细调整的设计师。
网页设计考试试题及答案解析
Copyright © 2006 All rights reserved河南科技大学--网页设计与制作建议使用：800×600以上分辨率IE4.0以上版本浏览器一、名词解释1、HTTP：超文本传输协议；2、WWW：万维网的英文名称；3、DNS：域名服务器；4、FTP：文件传输协议；5、URL：统一资源定位器；6、Internet：国际互联网的英文简称；7、E-mail：运用国际互联网来发送信件（电子邮件）；8、HTML：万维网上的通用语言；9、JavaScript：是一种基于对象和事件驱动并具有安全性能的脚本语言；10、站点：提供一种组织所有与本网站有关联的网页文档的方法；11、LOGO：网站的标志、徽标；是网站形象的重要体现；12、网页交互：客户端(浏览者)向服务器发送请求或者数据,然后服务器处理请求或者数据,再将结果返回到客户端；13、防火墙：是一个有软件和硬件设备组合而成、在内部网和外部网之间、专用网与公共网之间的界面上构造的保护屏障.是一种获取安全性方法的形象说法；16．框架：框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML 文档；17．框架集：框架集是HTML 文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL；18．导航条：导航条由图像或图像组组成，这些图像的显示内容随用户操作而变化。
导航条通常为在站点上的页面和文件之间移动提供一条简捷的途径；19、主页：进入网站的第一个网页，也是进入该网站其它网页的入口；20．翻转图像：加载进网页的时候是一个图像，当鼠标指针经过它时就变成另一种图像的现象；21．锚点链接：指向当前文档或不同文档中的指定位置的链接；22.绝对路径：提供所链接文档的完整URL，而且包括所使用的协议；23.相对路径：指从当前文档到所链接的文档的路径；24．层：层是一种HTML页面元素，用来标识元素在浏览器中的起始位置；25、网站：互联网上一块固定的面向全世界发布消息的地方。
网页制作基础试题及答案
网页制作基础试题及答案一、单项选择题（每题2分，共10分）1. HTML是用于描述网页文档的一种标记语言，其全称是：A. Hyper Text Markup LanguageB. Hyper Text Markup LanguageC. Hyper Text Markup LanguageD. Hyper Text Markup Language答案：A2. 在HTML中，用于定义最重要的标题的标签是：A. <h6>B. <h5>C. <h4>D. <h1>答案：D3. 下列哪个属性用于设置HTML元素的CSS类？A. classB. idC. styleD. type答案：A4. 在HTML中，用于创建无序列表的标签是：A. <ol>B. <ul>C. <dl>D. <menu>答案：B5. 如果你想在网页中插入一个水平线，应该使用哪个HTML标签？A. <hr>B. <line>C. <div>D. <span>答案：A二、多项选择题（每题3分，共15分）1. CSS选择器可以是下列哪些？A. 类选择器B. ID选择器C. 属性选择器D. 伪类选择器答案：ABCD2. HTML5中新增的语义化标签包括：A. <header>B. <footer>C. <article>D. <div>答案：ABC3. 下列哪些标签可以用来定义超链接？A. <a>B. <link>C. <href>D. <anchor>答案：A4. 在HTML中，哪些标签用于定义文档的头部？A. <head>B. <header>C. <title>D. <meta>答案：A5. 在HTML中，哪些标签用于定义文档的主体内容？A. <body>B. <main>C. <section>D. <article>答案：AB三、填空题（每题2分，共10分）1. HTML文档的结构通常以____标签开始，以____标签结束。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》期末考试试题一、单项选择题(本大题共15小题，每小题2分，共30分)1、目前在Internet上应用最为广泛的服务是 ( )。
A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务2、域名系统DNS的含义是 ( )。
A、Direct Network SystemB、Domain Name ServiceC、Dynamic Network SystemD、Distributed Network Service3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。
A、centerB、nbuC、eduD、cn4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。
A、GB码B、Unicode码C、 BIG5码D、HZ码5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。
A、TEXTB、PASSWORDC、RADIOD、CHECKBOX6、为了标识一个HTML文件开始应该使用的HTML标记是 ( )。
A、<table>B、<body>C、<html>D、<a>7、在客户端网页脚本语言中最为通用的是( )。
A、javascriptB、VBC、PerlD、ASP8、在HTML中，标记的Size属性最大取值可以是( )。
A、5B、6C、7D、89、在HTML中，单元格的标记是( )。
A、<td>B、<span>C、<tr>D、<body>10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。
A、HTMLB、CSSC、DOMD、Script(脚本语言)11、下面不属于CSS插入形式的是( )。
A、索引式B、内联式C、嵌入式D、外部式12、在网页中最为常用的两种图像格式是( )。
A、JPEG和GIFB、JPEG和PSDC、GIF和BMPD、BMP和PSD13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。
A、HTTPB、HTTPSC、SHTTPD、SSL14、在HTML中，要定义一个空链接使用的标记是( ).A、<a href=”#”>B、<a href=”?”>C、<a href=”@”>D、<a href=”!”>15、对远程服务器上的文件进行维护时，通常采用的手段是( )A、 POP3B、FTPC、SMTPD、Gopher二、多项选择题(本大题共15小题，每小题2分，共30分。
在每小题的五个备选答案中，选出二至五个正确的答案，并将正确答案的字母分别填在题干的括号内，多选、少选、错选均不得分。
)1.WWW的组成主要包括( )A.URLB.GopherC.HTMLD.HTTP E.Telnet2.下列关于IP地址与域名的说法正确的是( )A.IP地址以数字表示，域名用字符表示B.IP地址是供全球识别的通信地址C.IP地址与域名是一一对应的D.域名可以多于三个层次E.IP地址与域名都限制在32位内3.一般来说，适合使用信息发布式网站模式的题材有( )A.软件下载B.新闻发布C.个人简介D.音乐下载E.文学作品大全4.网页制作工具按其制作方式分，可以分为( )A.通用型网而制作工具B.标记型网页制作工具C.专业型网页制作工具D.编程型网页制作工具E.“所见即所得”型网页制作工具5.下列关于网页设计的说法中，正确的有( )A.冷暖色调在均匀使用时不宜靠近B.纯度相同的两种颜色适宜放在一起C.整个页面中最好有一个主色调D.文本的色彩不会发生抖动，只有图片的色彩才会发生抖动E.抽象线条的构图很容易造成重心不稳6.下面说法正确的是( )A. Java是一种编译语言B. JaveScript是面向对象的程序设计语言C. Javascript是由SUN公司开发的D. Javascript的源代码非常安全E. Java采用强定义类型变量检查7.以下属于DHTML最主要的优点的是( )A.动态样式B.动态定位C.动态链接D.动态内容E.动态扩展8.在CSS中，下面属于BOX模型属性的有( )A. fontB. margin 第七城市C. paddingD. visibleE. border9.下面属于Javascript对象的有( )A. Window &n bsp;B. DocumentC. FormD. StringE. Navigator10.下面关于CSS的说法正确的有( )A. CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距 11. Netscape为使用层开发了两个附加的专有标识是（）标识和（）标识。
A <Layer>B <Div>C <Ilayer>D <Span>12. CSS通过（）方法将样式格式化应用到用户的页面中。
A 创建新的样式单B 内部样式单C 外部的、被连接的样式单D 被嵌入的样式规则13. 要将左图所示的分帧页面转变成右图所示的分帧页面，应执行的操作是( )A 按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。
B 单击“Modify”下拉菜单的“Frameset”级联菜单中的“Split Frame Left”命令。
C 首先在“Frame Inspector”中选中代表图1下部的帧的图像，然后按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。
D 首先按下“Alt”键并用鼠标在图1下部的帧上单击，然后按住“Alt”键同时将鼠标移到图1下部左边框，等图标变成双向箭头时，拖动到图2中添加的位置。
14. 关于Dreamweaver功能的说法，正确的是( )A 可以制作让他人提交的表单B 可以制作计数器C 可以制作留言板D 可以制作打开一个页面的同时打开一个小页面窗口15. 在建立模板的过程中，命名可编辑区域或锁定区域时不能使用的符号有( )A 单引号B 双引号C 尖括号D &符号三、判断题：(本大题共10小题，每小题2分，共20分)1、Dreamweaver 是美国Macromedia公司开发的集网页制作与管理网站于一身的网页编辑器和开发工具。
2、一个WEB站点至少需要一个主页（home Page），可以有其他子页（二级页面等）。
3、网页的交互是指浏览者单击栏目、超级链接等，以及鼠标经过或放于某处时，页面会作出相应的反应。
4、网页是指采用超文本标记语言编写的，可以在浏览器下浏览的一种文档。
5、一个超级链接链接的地址为：this.html#x11，其中x11是this.html页中的某个锚点。
6、Dreamweaver 支持在网页中插入各种图像，简单的方法是选择Insert （插入）菜单的中的image(图像)子菜单项。
7、若某网页背景颜色设置为FFFFF，则背景的颜色为黑色。
8、采用目录与锚点结合的办法，可以实现在长的网页文档内部跳转的功能。
9、在网页设计过程中，有时需要将几个单元格进行合并，一般在Dreamweaver中操作方法是，拖动鼠标，将需要合并的单元格选中，然后点击属性工具栏中的“合并单元格”。
10、选中表格后，Dreamweaver 中即可显示表格属性，即可对表格的对齐方式、高度、宽度，边框样式等进行设置。
四、编程题(每小题10分,共20分)1. 请把下面的表格转换为HTML代码。
其中，要求页面背景色为白色，网页标题为“列车时刻表”，表宽500pix，表的第一行为头表元，单元格内容居中，字体大小为5pt。
3、请写出下面网页的完整HTML代码。
参考答案:一:单项选择题1.B2.B3.D4.C5.D6.C7.A8.C9.A 10.C11.A 12.A 13.B 14.A 15.B二:多项选择题1.ACD2.ABCD3.ABDE4.BE5.ACE6.AE7.ABD8.BCE9.ABCDE10.ABC11.AC 12.ABCD 13.BCD 14.ABCD 15.BC三:判断题1-5 √√√√√ 6-10√×√√√四:编成题1.<html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>列车时刻表</title></head><body bgcolor="#FFFFFF"><table border="1" width="500px" id="table1"><tr><td align="center"><font size="5pt">站名</font></td><td align="center"><font size="5pt">到站时间</font></td><td align="center"><font size="5pt">开车时刻</font></td> </tr><tr><td align="center"><font size="5pt">北京</font></td><td align="center"><font size="5pt">10:30</font></td><td align="center"><font size="5pt">10:50</font></td> </tr><tr><td align="center"><font size="5pt">上海</font></td><td align="center"><font size="5pt">14:20</font></td><td align="center"><font size="5pt">14:50</font></td> </tr></table></body></html>2.<html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>新建网页 1</title></head><body><p><b>这个表格有标题：</b></p><table title="表格标题" border="3" width="18%" id="table1" bordercolorlight="#808080" bordercolordark="#808080" height="95"> <tr><td width="35"><b>100</b></td><td width="36"><b>200</b></td><td><b>300</b></td></tr><tr><td width="35"><b>400</b></td><td width="36"><b>500</b></td><td><b>600</b></td></tr></table><p><b> <font size="5">表格标题</font></b></p></body></html>。