浅谈网页设计与制作中的页面布局

浅谈网页设计与制作中的页面布局

119

OCCUPATION

2017 01

技术与应用

A PPLICATION

编辑 强 音

浅谈网页设计与制作中的页面布局

文/代娟娟

当今社会,互联网的发展日新月异,网页设计

已经成为热门领域,理所当然网页设计与制作成为大中专院校计算机专业的一门必修课。网页设计中,页面布局是第一步,也是非常重要的内容之一,是制作网页的最基本的技能,因此学会网页的页面布局是重中之重。下面简单介绍两种常用的网页页面布局的方法及两种方法的优缺点的比较。

一、利用表格布局网页

表格是网页设计与制作的一个重要的组成部分,是最常见的网页布局元素之一。在表格布局方面,通过设置表格及单元格的属性,对页面中的元素进

行准确定位。下面以笔者所在学校学生上课时做的

网页“学院网站”为例来说明表格布局网页的步骤。第一,选择【插入】菜单栏中【表格】命令来插入需要的表格。并对表格的参数进行设置。这里需要设置参数为“5行1列”,并在【属性】面板中设置

对齐方式为“居中对齐”。

第二,用和第一步相同的方法在第一行嵌入一个

1行2列的表格,在第二行嵌入一个1行8列的表格。

第三,在第一行的嵌入表格中插入站点文件夹

“images ”中的图片。然后分别在第二行、第三行表

格中插入图片。

第四,在第四行嵌入一个1行6列的表格,在嵌入

表格中分别插入图片。

第五,在第五行插入文字:关于我们|联系我们|常见问题|站点地图|隐私策略|用户协议|法律声明|诚聘英才|友情链接。并设置颜色为:#CCCCCC。第六,最后设置所有表格的边框粗细为“0”。第七,按下F 12键,保存网页文件,同时打开浏览器查看网页内容。利用表格进行网页页面布局,可以对网页元素进行准确定位,可以使布局更加合理。灵活地使用表格的背景、框线等属性可以使网页更加美观。 二、利用框架布局页面

1.框架的概念

框架是把浏览器窗口分成若干个区域,每个区域

可以显示不同的网页文件。每个框架都是浏览器窗口中的一个独立区域,在这个区域中可以显示一个单独的网页而不影响其他区域中的显示内容。使用框架可以非常方便地完成导航工作。

2.利用框架进行网页页面布局的步骤

下面以笔者所在学校学生课堂制作的“旅游景点介绍”为例,说明如何利用框架布局页面。

第一,选择【文件】菜单栏中的【新建】命令,创建一个新的页面。

第二,选择【插入】工具栏中【布局】任务栏中的【框架】命令,选择下拉菜单中其中一种框架类型,如“上方固定,左侧嵌套”类型。

第三,弹出【标签辅助功能属性】对话框,采用默认的每一个框架标题,单击“确定”按钮,创建框架集页面。

第四,选择【文件】菜单中的【保存全部】,保

存框架文件及框架集文件。分别命名为“topframe.

html ”

“leftframe.html ”“mainframe.html ”及“框架示例.html ”。第五,单击菜单“窗口”中的【框架】,显示【框架】面板,在【框架】面板中,选中

“mainFrame ”

,在【属性】面板中将“滚动”设为“自动”

。第六,在顶部的框架中插入图像。在左侧的框架中插入一个7行1列的表格,在表格中输入文字。第七,在左框架的表格中选中文字,分别设置文字的超链接。第八,按下F 12键,打开浏览器查看网页内容。这个例子用框架布局整个页面,但在框架里又嵌套了表格,这就实现了框架和表格有机结合,让页面布局更加灵活。三、表格和框架的优缺点

表格是用于划分页面区域的。使用表格布局页面的好处是:表格方便排列有规律、结构均匀;使用表格会使页面结构清晰、布局整齐;表格可被绝大

部分的浏览器所支持,具有很好的兼容性。表格的缺点是容易产生垃圾代码,影响页面下载时间,灵活性不大,难于修改。

框架则是用于分割浏览器窗口的,框架可以将一个页面拓展为多个页面,每个页面都可以显示不同的网页。框架的优点是支持滚动条,方便导航。框

架的缺点是:难以实现在不同框架中精确地对齐各

个页面元素;保存时不方便,应用范围有限;兼容性不好,并不是所有浏览器都提供良好的框架支持。使用表格和框架对网页进行布局,各有利弊。初学者要根据不同网页页面的要求做出良好判断。四、小结

随着互联网的飞速发展,人们对网站的要求也日益增高。要想设计出更为优秀的网页,页面的布局将是一项长期的任务。

(作者单位:临汾高级技工学校)

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B

二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题

《网页设计与制作》期末考试试题

《网页设计与制作》期末考试试题 一、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、

B、 C、 D、 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中,标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是( )。 A、 D、 10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 13、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是( )。 A、HTTP B、HTTPS C、SHTTP D、SSL

常州继续教育《网页设计与制作》考试试题及参考答案 最新答案

常州继续教育网页设计与制作题库 单选题30% 多选题 20%填空题15%简答题25% 论述题10% The content of exam include,but not limited in: 1、Photoshop中允许一个图象的显示的最大比例范围 1600% 3、在绘制椭圆形时,以中心点为基准画圆应按住什么键 ALT键 4、Dreamweaver设计网页时,要选中某个单元格,可以将光标先定位在该单元格,然后鼠标移到状态栏的什么标签,单击该标识可以选中该单元格。 Td 5、在表格属性设置中,间距的定义: 表格中单元格之间的间距。单元格间距是指围绕在每个单元格周围的框的厚度(以像素为单位)。 6、表单的基本元素有哪些。 ①询问或请求信息。 ②访问者在其中键入信息的域 ③“提交”和“全部重写”按钮。 ④表单处理程序 8、默认模板的后缀名是什么 dwt 9、对远程服务器上的文件进行维护时,通常采用的是. FTP。 10、为了标识一个HTML文件应该使用的HTHL标记是什么? < html> 11、在实际操作中的两种Email超链按方法: 答: Dreamweaver中: 第一种方法:1)选中需要制作电子邮件超链接的文字或图片。 2)在“属性”面板中的“链接”文本框中输入“mailto”,再输入链接的电子邮件地址。 3)如果想在发邮件的时候带上主题,那么只需在“链接”文本框中输入如下语句,例如:mailto:1@https://www.360docs.net/doc/8a18916505.html,?subject=学习共享。4)完成电子邮件超链接的制作,预览并点击电子邮件超链接。 5)此时会弹出自动启动Outlook 第二种方法: 1)将插入点置于e-mail链接出现的地方,或选中要作为e-mail链接出现的文本或图像 2)选择插入 > 电子邮件链接。在对象面板的常用类别中,选择插入E-Mail链接 3)在插入E-Mail链接对话框的文本域中,输入或编辑作为e-mail链接出现在文档中的文本。 4)在E-Mail域中,输入邮件将发送到的e-mail地址 5)点击OK。 12、一个有3个框架的Web页实际上有几个独立的HTML文件? 答:4个。3个分的,1个总的。 13、通常说的Macromedia中的网页三剑客包括哪些 Fireworks Dreamweaver Flash 14、FLASH中当需要设置新建文件的背景时,可以在什么面板中进行。 属性面板 15、滴管工具的形状:

《网页设计与制作》期末考试题与答案

〈网页设计与制作》期末考试试题、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在In ternet上应用最为广泛的服务是(b)。 A、FTP 服务 B、WWW 服务 C、Tel net 服务 D、Gopher 服务 2、域名系统DNS的含义是(b )。 A、Direct Network System B 、Domain Name Service C 、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn 由四个子域组成,其中(d)子域代表国别代码。 A、center B、nbu C、edu D、cn 5、当标记的TYPE属性值为(d )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个 HTML文件开始应该使用的HTML标记是(c)。 A、

B、 C、
B、 C、 D、 7、在客户端网页脚本语言中最为通用的是(a)。 A、javascript B、VB C、Perl D、ASP & 在HTML中,标记的Size属性最大取值可以是(c)。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是(a )。 A、 D、 11、下面不属于CSS插入形式的是(a )。 A、索引式 B、内联式 C、嵌入式 D、外部式

12、在网页中最为常用的两种图像格式是(a)。 A、JPEG 和 GIF B、JPEG 和 PSD C、GIF 和 BMP D、BMP 和 PSD 13、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是 (b)。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中,要定义一个空链接使用的标记是(a ). A、<a href= "#"> B、<a href= ”?"> C、<a href= "@"> D、<a href= ”"〉 15、对远程服务器上的文件进行维护时,通常采用的手段是(b) A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中,最安全的权限级别是(a ) A、读取 B、执行 C、脚本 D、写入 17、用Fireworks切割图形时,需要的工具是(c) A、裁剪 B、选取框 C、切片 D、自由变形 18、 In ternet上使用的最重要的两个协议是(b ) A、TCP 和 Tel net B、TCP 和 IP C、TCP 和 SMTP D、IP 和 Tel net 19、 body元素用于背景颜色的属性是(c) A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是(d) A、规划目录结构时,应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色 C、人们通常所说的颜色,其实指的就是色相 D、为了使站点目录明确,应该采用中文目录

网页设计与制作简答题

简答题 1.图象处理工具主要有那几类应用? 答:使用图像处理工具可对图像进行编辑修饰`优化`图形文件格式转换等处理。 包括:1图形编辑。图形编辑包括制作页面中的字体`制作3D效果,建立透明GIF文件,插入背景阴影,处理字体`箭头`徽标等页面元素。并能对图像进行剪切`移动和旋转处理。 图像修饰。 图像优化。 2.什么是Web服务器?Web浏览器的作用是什么?简述浏览器打开文件的步骤. 答:Web服务器是是用于存储WWW文件并响应处理客户机请求的计算机.浏览器的作用在于 解释并显示超文本档,包括指向其他文档的引用(或指针),与其他HTTP服务器上非常相似,这些指针也称链接。从一个超文本页上选择一个链接时,浏览器将请求送该回到新的服 务器,然后在客户端上显示另一个充满链接的页面。 打开一个Web文件的基本步骤如下: 1).在浏览器中指定要访问的Web文件的URL。 2).浏览器将请求发送给服务器。 3).服务器将请求转递给指定的URL处的服务器。 4).该服务器将文件送回到服务器上。 5).服务器将文件送回到客户端浏览器上。 6).浏览器将文件显示在计算机屏幕上。 3.网站设计过程中的最重要原则是什么?为什么? 答:网站设计过程中的最重要原则是创意。虽然一个网站的主要目的是传递给人们信息,但是在传递信息的同时还要把他的文化同样也传递给获取这些信息的人们,比如众所周知的2 63首都在线.新浪网.网易.ChinaRen等网站的页面都是非常朴实的,没有太多的花逍的效 果,运用普通的制作软件就能够制作完成,但它们的页面只需要看一眼见就能够让人马上识 别他是谁,这是因为他们不仅向访问者传达了新闻等网站的信息,更传递了自己的独特风格。 网站的设计基本上是按照一定的步骤进行的,不同的站点开发人员有他们不同的习惯, 对于网页设计都有自己独特的见解。但一般来说有些原则是共同的,有些主要概念也是共同的:仅仅会输入文本,制作超级链接和排列图片,不是真正意义上的网页制作,或者说还不 能称为网页创作。因为网页制作最重要的原则是创意。这个原则也可以看成是网页制作的根本,没有创意的网站不能算一个成功的网站,而这个网站也不能长期存在。 因此,创意是最重要的原则。 4.什么是站点的风格?典型的商业站点具有那些风格特征? 答:站点的风格是指整个网站所采用的结构布局.色调.文字.标志.图案等要素带给浏览者的 关于该网站的印象。 商业公司站点由于其目的与个人站点以及非营利性的组织完全不一样,因此他的站点风 格也与其他两类站点的风格完全不一样。典型的商业站点的风格特征主要体现在以下几个方 面: 1).公司的徽标或商标应出现在页面的最上方,尽可能作到色彩醒目,同时占用版面小。 2).可以采用主题图形产品广告来突出公司形象和风格。主题图形或产品广告应精心设计, 给浏览者以良好印象。 3).主题栏目一般采用图文并茂的超级链接实现,要考虑到主要栏目图片.文字之间的色彩

网页设计与制作课程标准

《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用, 一、课程的说明: 通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。 二、课程内容与基本要求: 该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:

三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法

(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目,掌握网页设计的基本工作流程。 (2) 通过完成相关的项目,掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目,掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目,掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识(4学时) 教学目标: 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容: 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门(2学时)

网页设计与制作选择题讲解学习

网页设计与制作选择 题

1、下列选项中支持透明的图片文件格式是_______。 (A)、 BMP (B)、 TIFF (C)、 GIF (D)、 JPG 正确答案: C 2、以下HTML标记中,________是双标记。 (A)、 img标记 (B)、 hr标记 (C)、 p标记 (D)、 br标记 正确答案: C 3、有关标记,正确的说法是________。 (A)、位置在网页正文区内 (B)、在文件头之后出现 (C)、中间放置的内容是网页的标题 (D)、表示网页正文开始 正确答案: C 4、网页是用__________语言编写,通过WWW传播,并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。(A)、 C++语言 (B)、 HTML语言 (C)、 Basic语言

正确答案: B 5、关于首页和主页,不正确的说法是______。 (A)、浏览网站时最先访问的页为首页 (B)、首页和主页可以是同一页 (C)、首页就是主页,没有区别 (D)、主页是整个网站的导航中心 正确答案: C 6、在Dreamweaver中,表格的宽度可以被设置为100%,这意味着______。 (A)、表格的宽度为100mm (B)、表格宽度为100个像素点 (C)、表格的宽度会随着浏览器窗口大小的变化而自动调整 (D)、表格的宽度是固定不变的 正确答案: C 7、在创建一个Dreamweaver模板时,必须在该模板中加入一个________,以便在把该模板套用到某个网页后,网页能被正常使用。 (A)、可控制区域 (B)、可套用区域 (C)、可复制区域 (D)、可编辑区域 正确答案: D 8、网页文件的扩展名为______。 (A)、 GIF

网页设计与制作试卷(七)

2011年春季学期理论考试 网页设计与制作试卷(七) (试卷满分100分考试时间90分钟) 班级学生学号得分 一、选择题(共20分,每题1分 ) 1、常用的网页制作工具有() A、word B、Excel C、Dreamweaver D、VB 2、常用的网页美化工具有() A、word B、Fireworks C、Excel D、VB 3、常用的网页中的脚本语言有() A、VBScript B、Fireworks C、Excel D、VF 4、下列哪一个不属于“网页设计三剑客”() A、Flash B、Fireworks C、Dreamweaver D、FrontPage 5、E-mail链接的作用是() A、用于看图 B、便于浏览者反馈意见 C、便于写E-mail D、没用 6、空链接的作用是() A、超链接到网页 B、便于浏览 C、激活网页中的图像 D、没用 7、要是浏览者不用离开当前的Web页面就可以得到一个额外的信息可以使用() A、超链接 B、活动图片 C、静态图片 D、脚本链接 8、Dreamweaver中的图层相当于() A、Word中的图层 B、Excel 中的图层 C、Photoshop中的图层 D、FrontPage 中的图层 9、Dreamweaver中的图层中可包括() A、动画 B、各种插件 C、其他图层 D、以上全包括 10、向Dreamweaver中的图层中添加图像之前必须() A、打开图层 B、激活图层 C、选择图层 D、以上全包括 11、向Dreamweaver中的图层添加背景图像之前必须() A、打开图层 B、激活图层 C、选择图层 D、以上全包括 12、用Dreamweaver制作的幻灯片,和用Flash制作的相比()

网页设计与制作试题及答案

《网页设计和制作》期末测试试题 一、单项选择题(本大题共15小题,每小题2分,共30分) 1、目前在Internet上使用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、

B、 C、
B、 C、 D、 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中,标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是( )。 A、 D、 10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 13、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是( )。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中,要定义一个空链接使用的标记是( ). A、 B、 C、 D、 15、对远程服务器上的文件进行维护时,通常采用的手段是( ) A、POP3 B、FTP C、SMTP D、Gopher 二、多项选择题(本大题共15小题,每小题2分,共30分。在每小题的五个备选答案中,选出二至五个正确的答案,并将正确答案的字母分别填在题干的括号内,多选、少选、错选均不得分。) 1.WWW的组成主要包括( ) A.URL B.Gopher C.HTML D.HTTP https://www.360docs.net/doc/8a18916505.html,

网页设计与制作试题答卷参考答案

浙江**学院《网页设计与制作》期终(考试)A 卷 200 —200 学年 第 学期 任课教师 学院 班 姓名 学号 一、单选题(每小题1分,共30分) 1、 本地站点的所有文件和文件夹必须使用( ),否则在上传到因特网上时可能导致浏览不正 常。 2、 A.小写字母 B .大写字母 C .数字 D .汉字 3、 常用的网页图像格式有( )和( )。 4、 A .gif ,tiff B .tiff ,jpg C .gif ,jpg , png 5、 实现轮替图像应选两幅( )的图片。 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 .1 B.0 C .2 D .3 17、 在层的属性设置中有两个特殊的属性,分别是( )和( )。 18、 A. 标签,显示 B.显示,Z 轴 C .显示,溢出 D .Z 轴,溢出 19、 使用( )和( )可以直观、精确的将层定位。 20、 A .标尺,网格 B .标尺,表单 C 网格,表单 D .表单,表格 21、 模板的创建有两种方式,分别是( )。 22、 A 新建模板,已有网页保存为模板 B .新建网页,保存网页 23、 C .新建模板,保存层 D .新建层,保存模板 24、 下面说法错误的是( )。 25、 A.“查看”菜单下“网格”的“网格设置”可以更改网格的大小 装 订 区

网页设计与制作简答题

1、简述Web浏览器打开一个Web文件的工作过程。 2、描述网页设计的一般步骤。 3、简述网页设计的基本准则。 4、简述规划网站目录结构时应遵循的原则。 5、描述版面布局的步骤。 6、什么是“HTML”?HTML“标记”又是什么? 7、简述“HTML”文档的基本结构。 8、简述以下一段HTML代码中各对标记的作用。 〈html〉 〈head〉 〈title〉网页设计〈/title〉 〈/head〉 〈body〉 〈h2〉北国风光〈/h2〉 〈/body〉 〈/html〉 9、如何进行本地网页的测试? 10、网站管理和维护的主要工作有哪些? 11、什么是Web浏览器? 12、简述网页设计中所需要注意的通用规则。 13、简述DHTML的概念及主要组成。 14、简述使用FrontPage在网页中插入一个日历的过程。 15、简述色彩的三原色的概念及每种颜色的调配范围。 16、为什么要采用DHTML技术?客户端动态网页技术有哪些优点? 17、网站栏目划分的原则是什么? 18、XML与HTML相比的主要优点有哪些?

19、请简述一下网站的设计流程? 20、简述FireWorks的特点。 21、网页制作的步骤是什么? 22、怎样让链接没有下划线? 23、怎样在网页中加入多媒体播放? 24、怎样让网页的背景图像不滚动? 25、怎样定义网页的关键字? 26、什么是Web浏览器? 27、网页上所说的重心平衡指的是什么? 28、什么是DHTML?DHTML技术主要由哪几部分组成? 29、在CSS中,对字体的的设置所涉及到的属性有哪些? 30、用HTML语言回答一个HTML文件应具有的基本结构。 31、比较GIF格式和JPG格式的原理与各自的适用范围。 32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点? 33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。 34、什么是Web安全色? 35、简述虚拟主机的概念和功能。 36、简述Dreamweaver的工作窗口由哪些部分组成。 37、在Dreamweaver中,插入图像的方法有哪些? 38、在Fireworks中,如何使文字附加于路径? 39、在Flash MX中可以创建哪些类型的元件?各元件的含义是什么? 40、HTML中
标记和

标记有何区别?

网页设计与制作理论试题

网页设计与制作A卷 适用专业:计算机应用类专业考试用时:90 卷面总分:60 班级___________ 姓名___________ 学号___________ 分数___________ -----------------------装---------订---------线----------------------- 一、填空题(每小题2分,计20分) 1、在建立站点之前,要对站点的结构进行合理的规划,一般来说有按照 _____________和按照_____________对文件进行规划。 2、在Dreamweaver中,制作Web相册方法如下:事先准备好多个图像文件,将其整理在一个文件夹内。选择_____________菜单中的_____________命令,打开对话框进行设置,但制作Web相册电脑中要有_____________程序进行支持。 3、现在网络上使用的绝大多数图片和图像是________格式、________格式和________文件格式。 4、Flash中有_____、______、_____等三种符号。 5、Flash中程序控制动画一般都是通过Flash中的__ ___面板实现的。 6、在Flash中实现两个不同图形之间变换的动画方式是_______动画。 7、Dream weaver的常规网页排版工具是__ _、__ _两种。 8、Flash中有____ _、___ ___、___ __等三种符号。 9、FLASH中移动渐变动画的作用对象是_____________、_____________、 _____________等,不能作用于_____________。 10、PNG格式是Fireworks默认的格式。是它结合了和的优点,也支持,是无损压缩的。 二、判断题(在括号内写”√”或”×”,每小题1分,计5分) 1、网站的首页文件通常为index.htm,必须位于站点根文件夹下。 2、在布局视图中可以将文本、图像和其他内容添加到布局表格中,就象在标准视图中将内容添加到表格一样。 3、表单网页在提交时,可以使用电子邮件的形式进行提交。 4、Dream weaver是一个地道的网页动画制作软件。() 5、网站是一系列带有类似的相关话题,有类似的设计或具有相同目的属性相互连接的文件的集合 三、选择题(将正确答案写在括号内,每小题1分,计7分) 1、网页中最基本的元素是()。 A.声音 B.动画 C.链接 D.文字 2、网页文件不可用( )编辑修改。 A、记事本 B、Dreamweaver C、IE D、Front Page 3、项目列表是一种简单实用的段落排版方式,分为两种类型:()和()项目符号。。 A. 有序 B. 无序 C.层迭 d.罗马 4、Dreamweaver剪切的快捷操作是? A. Ctrl+X B. Ctrl+V C. Delete D. Ctrl+A

《网页设计与制作》试题答卷A参考答案

浙江**学院《网页设计与制作》期终(考试)A 卷 200 —200 学年 第 学期 任课教师 学院 班 姓名 学号 一、单选题(每小题1分,共30分) 1、 本地站点的所有文件和文件夹必须使用( ),否则在上传到因特网上时可能导致浏览不正常。 2、 A.小写字母 B .大写字母 C .数字 D .汉字 3、 常用的网页图像格式有( )和( )。 4、 A .gif ,tiff B .tiff ,jpg C .gif ,jpg D.tiff, png 5、 实现轮替图像应选两幅( )的图片。 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 .1 B.0 C .2 D .3 17、 在层的属性设置中有两个特殊的属性,分别是( )和( )。 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、 模板的( )指的是在某个特定条件下该区域可编辑。 30、 A .重复区域 B .重区域 C.可选区 D .库 31、 Dreamweaver 中,想要使用户在点击超链接时,弹出一个新的网页窗口,装 订 区

网页设计与制作试卷试题(附答案)

“双语”教育2012-2013第2学期 《网页设计与制作》 年级专业:学号姓名: 一、单选题(共45小题,每小题1分,共45分) 1、在网站设计中所有的站点结构都可以归结为【 B 】 A、两级结构 B、三级结构 C、四级结构 D、多级结构 2、在客户端网页脚本语言中最为通用的是【 A 】 A、javascript B、VB C、Perl D、ASP 3、所学网布局的方法是【 E 】 A、表格 B、布局 C、层 D、DIV E、都是 4、在HTML中,标记的Size属性最大取值可以是【 C 】 A、5 B、6 C、7 D、8 5、所学网页页面构成有【 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、 B、 C、 D、

B、 C、
13、框架结构页面正确的说法是【 D 】 A、点击左边导航显示右边 B、只能链接图片 C、框架页面为新建常规页面 D、插入可编辑区域可以生成模板 14、显示页面设计时不能用到的是【 D 】 A、建立数据库 B、设置数据源 C、连接数据库 D、更新记录集 15、对远程服务器上的文件进行维护时,通常采用的手段是【B 】 A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中,最安全的权限级别是【A 】 A、读取 B、执行 C、脚本 D、写入 17、Internet上使用的最重要的两个协议是【B 】 A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 18、网页的特征是【 A 】 A、HTML文档的基本特征——超文本 B、标识语言,网页中不能没有标记(Tag) C、网页提供了一些措施以防在网上冲浪的过程中迷失方向 D、网页实现了对原文档信息的无限补充或扩展 19、与上网无关 ..的协议是【 C 】 A、HTTP B、SMTP C、SOKET D、POP3 20、设置字体大小的代码是【D 】

2018年10月自考00900网页设计与制作试题及答案含评分标准

2018年10月高等教育自学考试全国统一命题考试 网页设计与制作试卷 (课程代码00900) 本试卷共5页,满分l00分,考试时间l50分钟。 考生答题注意事项: 1.本卷所有试题必须在答题卡上作答。答在试卷上无效,试卷空白处和背面均可作草稿纸。2.第一部分为选择题。必须对应试卷上的题号使用28铅笔将“答题卡”的相应代码涂黑。3.第二部分为非选择题。必须注明大、小题号,使用0.5毫米黑色字迹签字笔作答。4.合理安排答题空间,超出答题区域无效。 第一部分选择题 一、单项选择题:本大题共25小题,每小题l分,共25分。在每小题列出的备选项中只有一项是最符合题目要求的,请将其选出。 1.用于实现计算机之间的文件传输的协议是 A.HTTP B.FTP C.SMTP D.POP3 2.在协议软件中,IP地址由几位二进制数表示? A.8位 B.16位 C.32位 D.64位 3.网站的每个栏目的起始页是 A.一级页面 B. 二级页面 C.三级页面 D.四级页面 4。网页的核心是 A.XML语言 B.Java语言 C.HTML语言 D. JavaScript语言 5.在彩色属性中,反映颜色原貌的是 A.色相 B.饱和度 C.明度 D.亮度 6.HTTP协议的默认端口号是 A.2l B. 27 C.53 D. 80 7。在Photoshop中,一张图可以建立的图层数是 A.40个 B.60个 C.80个 D.100个 8.在Photoshop滤镜中,能产生纹理图像效果的是 A.Distort中的Glass B.Distort中的Texturizer C.Distort中的Zigzag D.Distort中的Pencil 9.在HTML语言中,特殊符号“>”的HTML表示法是 A.> B.<

网页设计与制作多选题及答案

1、在Dreamweaver中,行为由( AB)构成。 A、事件 B、动作 C、初级行为 D、最终动作 2、在Dreamweaver中,可对( ABCD)设置超级链接。 A、任何文字 B、图像 C、图像的一部分 D、Flash 3、扩展管理器支持的第三方扩展文件有(AD)。 A、.mxp B、.mxi C、.mix D、.axp 4、在资源管理器中,不能对( AB)执行定位操作。A B A、颜色 B、链接 C、Flash D、图像 5、可以设置()等网页背景属性。AB A、背景图片 B、背景颜色 C、背景透明度 D、以上都不可以 6、一般来说,适合信息发布式网站模式的题材有( ABCDE)。 A、软件下载 B、新闻发布 C、个人简介 D、音乐下载 E、文学作品大全 7、网页制作工具按其制作方式分,可以分为(BE)。 A、通用型网页制作工具 B、标记型网页制作工具 C、专业型网页制作工具 D、编程型网页制作工具 E、“所见即所得”型网页制作工具 8、下列哪些项目属于网页设计制作的基本步骤(ABC)。 A、设计网站 B、搜索素材 C、站点规划 D、FTP上传 9、在网页设计过程中,想要制作一个800~600的页面,页面背景色为蓝色,使页面在800X600的显 示器分辨率下布满整个浏览器屏幕,不留白边,需要的步骤有( BD)。 A、首先点选“插入”菜单中的“表格”选项 B、首先点选“修改”菜单中的“页面属性”选项 C、然后设置表格的宽高均为100%即可 D、然后设置外观中的各边距为0,确定即可 10、在Dream weaver MX中,关于模板的说法正确的是( ABD)。 A、模板是一个文件 B、模板默认状态下被保存在站点根目录下的Templates子目录下 C、模板是固定不变的 D、模板和库尽管有相似之处,但总的来说仍是不同的两个概念 11、下列关于网页设计的说法中,正确的有(ACE)。 A、冷暖色调在均匀使用时不宜靠近 B、纯度相同的两种颜色适宜放在一起 C、整个页面中最好有一个主色调 D、文本的色彩不会发生抖动,只有图片的色彩才会发生抖动、 E、抽象线条的构图很容易造成重心不稳 12、在Dream weaver MX中,元件是Library元件库中可以被重复使用的元素,包括(ABD)。 A、图像 B、按 C、文字 D、电影剪辑 13、在Dream weaver MN中,插入网页背景图像,包括插入( ABC)。 A、平铺图像 B、无缝背景图像 C、追踪图像 D、以上都不正确 14、层的优点是( ABCD)。

网页设计与制作模拟试题

网页设计模拟试题 一、填空题(在空格内填写正确的答案,每空1分,共20分) 1.在Dreamweaver MX中,通过()可以检查各页面元素的参数设置,也可以针对其中各个参数进行修改。 2.在表格的属性中,()属性用来设定表格边框的粗细,单元格跨行通过()属性来实现,单元格跨列通过()属性来实现。 3.在HTML文档中,以插件方式播放音乐使用()标签,用()属性指定音乐的源文件。 4.CSS样式可以定义文字链接的外观,其中()状态定义了文字链接处于激活状态的显示效果。 5.IE浏览器支持两种客户端脚本语言,它们是()和()。 6.JavaScript中的对象由()和()两个基本元素构成。 7.在JavaScript中,document对象的()方法用于向document对象所对应的HTML文档页面写入内容,()属性为document对象所对应的HTML文档定义标题。 8.在定义行为时,如果希望当鼠标移入页面元素上方时触发事件,则该事件为()事件。 9.在ASP的内嵌对象中,()对象主要用于把服务器端的信息发送到浏览器。10.使用表单提交数据时使用两种方法,分别是()和()。 11.在Recordset对象的常用属性和方法中,关闭当前Recordset对象的方法是()。 12.同HTML一样,XML也是由()组成的ASCII码文件,其扩展名为()。 二、单项选择题(将一个正确的答案代码填入括号中,每小题2分,共30分) 1.制作无序号号列表,需使用()标签。

A、和 B、

  • C、
  • D、
  • 2.良好的网站目录结构有利于()。 A、用户浏览 B、页面的布局设计 C、网站的开发与维护 D、网站的CI形象 3.在Dreamweaver MX中创建Recordset对象是通过()完成的。 A、行为面板 B、服务器行为面板 C、属性检查器 D、CSS样式面板 4.要在页面上创建一个指向中央广播电视大学网站的链接,在属性检查器的链接栏中应该输入()。 A、#https://www.360docs.net/doc/8a18916505.html, B、mailto:https://www.360docs.net/doc/8a18916505.html, C、https://www.360docs.net/doc/8a18916505.html, D、ftp://https://www.360docs.net/doc/8a18916505.html, 5.如果点击网页中某个链接后在新的浏览器窗口中载入所链接的文档,则应当设置链接的target属性值为()。 A、_parent

    网页设计与制作多选题及(附答案)

    1、在中,行为由( )构成。 A、事件 B、动作 C、初级行为 D、最终动作 2、在中,可对( )设置超级链接。 A、任何文字 B、图像 C、图像的一部分 D、 3、扩展管理器支持的第三方扩展文件有()。 A、B、C、D、 4、在资源管理器中,不能对( )执行定位操作。A B A、颜色 B、链接 C、 D、图像 5、可以设置()等网页背景属性。 A、背景图片 B、背景颜色 C、背景透明度 D、以上都不可以 6、一般来说,适合信息发布式网站模式的题材有( )。 A、软件下载 B、新闻发布 C、个人简介 D、音乐下载 E、文学作品大全 7、网页制作工具按其制作方式分,可以分为()。 A、通用型网页制作工具 B、标记型网页制作工具 C、专业型网页制作工具 D、编程型网页制作工具 E、“所见即所得”型网页制作工具 8、下列哪些项目属于网页设计制作的基本步骤()。 A、设计网站 B、搜索素材 C、站点规划 D、上传 9、在网页设计过程中,想要制作一个800~600的页面,页面背景色为蓝色,使页面在800X600的显 示器分辨率下布满整个浏览器屏幕,不留白边,需要的步骤有( )。 A、首先点选“插入”菜单中的“表格”选项 B、首先点选“修改”菜单中的“页面属性”选项 C、然后设置表格的宽高均为100%即可 D、然后设置外观中的各边距为0,确定即可 10、在中,关于模板的说法正确的是( )。 A、模板是一个文件 B、模板默认状态下被保存在站点根目录下的子目录下 C、模板是固定不变的 D、模板和库尽管有相似之处,但总的来说仍是不同的两个概念 11、下列关于网页设计的说法中,正确的有()。 A、冷暖色调在均匀使用时不宜靠近 B、纯度相同的两种颜色适宜放在一起 C、整个页面中最好有一个主色调 D、文本的色彩不会发生抖动,只有图片的色彩才会发生抖动、 E、抽象线条的构图很容易造成重心不稳 12、在中,元件是元件库中可以被重复使用的元素,包括()。 A、图像 B、按 C、文字 D、电影剪辑 13、在中,插入网页背景图像,包括插入( )。 A、平铺图像 B、无缝背景图像 C、追踪图像 D、以上都不正确 14、层的优点是( )。 A、能定位精确 B、插入自如 C、加速浏览 D、可叠加性

  • 相关文档
    最新文档