网页制作与设计考试复习题.docx

《网页制作与设计考试复习题.docx》由会员分享，可在线阅读，更多相关《网页制作与设计考试复习题.docx（27页珍藏版）》请在冰豆网上搜索。

网页制作与设计考试复习题

数据库管理系统是建立、管理、维护和控制数据库，位于用户与操作系统之间的一组计算机软件。

数据库管理系统使用户能方便的定义数据和操纵数据，并能够保证数据的安全性、完整性以及发生故障后的系统恢复。

基于关系型数据库的数据库管理系统称为关系型数据库管理系统。

•现在比较流行的大中型关系型数据库管理系统有Oracle、IBMDB2、SQLServer等，它们也被称为服务器数据库。

常用的小型关系型数据库管理系统有Access、VisualFoxPro（VFP）等。

•在ASP中一般使用微软的SQLServer或Access。

SQLServer效率较高，但配置起来较为麻烦，移植也比较困难，适合大型网站使用；Access配置简单，移植方便，但效率较低，适合小型网站使用。

在本书中以Access为主。

•数据库应用系统是基于数据库技术开发的面向某一类实际问题的应用软件。

7.2.1规划数据库

7.2.1规划数据库

要开发数据库应用系统，首先要规划自己的数据库，要使数据库设计的比较合理。

既包括必要的信息，又能节省数据的存储空间。

7.2.3新建和维护表

（1）新建表

新建表的方法有很多种，最简单的方法是双击【使用设计器创建表】选项，

说明：

•上一页图中的一行对应一个字段，也就是表中的一列，依次输入字段的名称、字段的数据类型，字段的说明可以省略。

•字段的名称可以用中文，也可以用字母、数字和下划线，命名规则与变量类似。

字段的数据类型有十种，如下表所示。

当选中一个数据类型时，还可以在下方进行更复杂的设置，例如文本长度、数字类型、时间显示格式、默认值、必填字段、是否允许空字符串等。

对于初学者，一般不必设置。

设置主键的方法：

在需要设置主键的字段上单击鼠标右键，在弹出的快捷菜单中选择【主键】命令。

7.2.4新建和维护查询

查询是数据库系统应用中的一项非常重要的功能。

简单地讲，一个查询就是对数据库中表或其它查询结果的一组相关操作，比如在一张表中筛选出符合某种条件的记录或把某两张表中的部分字段和记录组合在一起建立起来的一张新表，但这张新表不会被存储，它只不过是在执行查询操作时，即时生成的虚拟表。

7.3SQL语言简介

SQL是英文（StructuredQueryLanguage）的缩写，意思为结构化查询语言。

SQL语言的主要功能就是同各种数据库建立联系，进行沟通。

按照ANSI（美国国家标准协会）的规定，SQL被作为关系型数据库管理系统的标准语言。

由于SQL语言结构简洁，功能强大，简单易学，所以自从IBM公司1981年推出以来，SQL语言得到了广泛的应用。

目前，绝大多数流行的关系型数据库管理系统，如Oracle,IBMDB2,SQLServer,Access等都采用了SQL语言标准。

在ASP中,无论何时要访问一个数据库,都要使用到SQL语言。

一般的程序语言要存取数据库时，必须先了解数据库的存放结构，而且每个存取动作都要写得清清楚楚，程序显得相当繁杂。

但使用SQL语言，只要告诉数据库管理系统：

”我现在需要这些数据，请将结果给我”，其余就全部交由数据库管理系统自行处理了。

SQL语言的核心功能之一就是实现数据库的查询。

7.4微软数据库访问技术简介

为了减轻开发者的负担，微软公司发布了ODBC（OpenDataBaseConnectivity，开放式数据库连接），希望为前端开发工具提供一套统一的程序接口，通过这个程序接口，便能方便的存取不同厂商所提供的服务器数据库（俗称“异构数据库”）。

除此之外，利用ODBC接口也可以存取桌面数据库（如Access，VFP等），这表示用ODBC为桌面数据库开发的程序，将来数据库迁移为服务器数据库时，存取数据库的程序仍然可以使用。

1．DAO（DataAccessObjects，数据访问对象）

DAO是微软公司主要应用程序及开发工具访问数据库的标准对象。

利用它来存取数据库的常见软件有VisualBasic、VisualC++、Excel和Word等。

DAO除了可以用来存取ODBC数据库外，另一项重要的功能就是存取.mdb格式的数据库（Access）

2．RDO（RemoteDataObjects，远程数据访问对象）

配合ODBC的使用，DAO已经具备了访问服务器数据库的基本能力，但是在窥视数据库市场这块大饼的情况下，微软又推出了RDO（其实就是RDAO，RemoteDataAccessObjects）。

其主要特点是强化了SQLServer（微软自己的服务器数据库）的访问功能，并且提高了执行效率。

3．ADO（ActiveXDataObjects，ActiveX数据对象）

ADO不是什么全新的技术，它摘取了DAO及RDO的精华功能，成为一个小而精的，更适用于Internet的数据库存取对象群

7.4.4ADO组件

ADO主要是由Connection、Command、Parameter、RecordSet、Field、Property和Error等七个对象与Fields、Properties、Parameters和Errors等四个数据集合所组合而成，其功能概述如下：

•Connection对象：

主要负责建立和关闭与后台数据库的连接。

•Command对象：

主要负责执行SQL命令，访问后台数据库。

•Parameter对象和Parameters集合：

负责为Command对象提供数据和SQL命令参数。

RecordSet对象：

主要负责存放访问数据库后，返回的数据信息。

Field对象和Field集合：

负责提供对RecordSet对象中当前记录的各个字段进行访问的功能。

Property对象和Properties集合：

负责记录有关属性信息，供Connection、Command、RecordSet和Field对象使用。

Error对象和Errors集合：

负责记录访问数据库时的错误信息。

比较常用的是Connection、RecordSet、Field和Command对象。

7.1Web标准

Web标准不是某一个标准，而是一系列标准的集合。

网页主要由3部分组成：

结构（Structure）、表现（Presentation）和行为（Behavior）。

对应的标准也分为3个方面：

结构化标准语言，主要包括XHTML和XML；表现标准主要包括CSS；行为标准主要包括对象模型（如W3CDOM）和ECMAScript等。

这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，如ECMA（EuropeanComputerManufacturersAssociation）的ECMAScript标准。

7.1.1结构化标准语言

现在常用的结构化标准语言主要包括XML和XHTML两种。

1．XML是TheExtensibleMarkupLanguage（可扩展标识语言）的简写。

2．XHTML是TheExtensibleHyperTextMarkupLanguage（可扩展超文本标识语言）的缩写。

7.1.2表现标准CSS

CSS是CascadingStyleSheets（层叠样式表）的缩写。

W3C创建CSS标准的目的是以CSS取代HTML表格样式的布局、帧和其他的表现语言。

纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

7.1.3行为标准

行为标准主要包括DOM和ECMAScript两部分。

1．DOM

DOM是DocumentObjectModel（文档对象模型）的缩写。

根据W3CDOM规范，DOM是一种与浏览器、平台和语言的接口，可以访问页面其他的标准组件。

2．ECMAScript

ECMAScript是ECMA（EuropeanComputerManufacturersAssociation）制定的标准脚本语言（JavaScript）。

目前推荐遵循ECMAScript262。

7.1.4Web标准的优点

网站代码臃肿和繁杂浪费了大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客

户；不易用的代码，残障人士无法浏览网站等。

这些都是恶性循环，是巨大的浪费。

7.2.1内容

内容就是页面实际要传达的真正信息，包含数据、文档或图片等。

注意这里强调的“真

正”，是指纯粹的数据信息本身，不包含任何辅助信息，如导航菜单或装饰性图片等.

7.3.1盒模型

盒模型是进行和实现DIV+CSS布局的基础，关系到网页元素的排列和定位。

盒模型由内容、边框、内填充和外边距组成.

7.3.2定位

1．普通流定位

普通流定位是根据元素在XHTML中原本的位置进行确定。

块级框元素按从上至下的垂直方式进行定位，而行内框元素按从左至右的水平方式进行定位。

在没有指明定位方式的情况下，默认为普通流方式。

2．相对定位

相对定位方式是元素在原来的位置进行偏移

3．绝对定位

绝对定位是相对于其上一级元素来进行的。

它会脱离普通流，即普通流中的元素会把它当作不存在。

所以绝对定位的改变会影响到普通流中的元素的位置。

其示意图如图所示。

4．浮动定位

浮动定位可以进行左右移动，直到定位元素的边框碰到父级元素

或同级元素的边框，才会停止移动。

它也是在CSS布局中常用的定

位方式。

浮动定位也会脱离普通流，从而普通流中的元素对浮动

定位视而不见，将其当作不存在。

如果需要把元素设置成浮动定

位，只需把float设置为left或right即可。

7.3.3清除

清除属性clear可以清除元素的浮动效果。

该属性共有三个属性值：

left、right和none。

当设置为left时，元素的左边不允许出现浮动定位元素，如果出现浮动定位元素，则自动换行进行下降；当设置为right时，元素的右边不允许出现浮动定位元素；当设置为none时，元素的两边不允许出现浮动定位元素。

该属性的设置可以为布局带来便利。

它会为浮动元素留出空间。

当元素内存在浮动定位时，浮动元素会脱离普通流，从而不会占用父级元素的空间。

6.3.1创建按钮元件

按钮必须有四个关键帧，分别是弹起、指针经过、按下、点击。

“弹起”关键帧：

显示当鼠标未与按钮交互时的按钮外观。

“指针经过”关键帧：

显示当鼠标悬停在按钮上时按钮的外观。

“按下”关键帧：

显示当按下鼠标键时按钮的外观。

“点击”关键帧：

只是按钮的课点击区域

6.3.1关于AS

AS类似于Java，允许向Flash动画中添加更多的交互性。

我们以前学过C语言，如果有比较好的C语言基础，我们可以比较快得掌握AS或者是Java语言，来实现对Flash的控制，同时也可以让Flash和网页或多媒体更具有生动性。

6.3.2脚本编程术语

1、变量

变量表示一份特定的数据，它可以是持久不变的，也可以是经常变化的。

在创建或者声明变量时，系统会分配一种数据类型，用于确定变量可以表示哪一类型数据。

例如，String变量保存任何字母数字字符的字符串，而Number变量则必须包含一个数字。

2、关键字

在AS中，关键字是用于执行特定任务的保留字，例如，var是用于创建变量的关键字。

3、参数

参数为特定的命令提供了具体的详细信息，他们是代码行中的圆括号（）之间的值。

例如，gotoAndPlay（3），代表转到第3帧。

4、函数

函数是可以按名称引用的一组语句。

使用函数可以重复运行相同的语句集，而不必重复地输入它们。

5、对象

对象是抽象数据类型，有主意完成某些特定的任务。

例如，对视频、声音的控制；对时间的控制；对按钮的控制等。

6、方法

方法是导致某个动作发生的关键字。

方法的每一类对象都有它自己的方法集。

例如，与MovieClip对象关的二个方法是stop（）和gotoAndPlay（）。

7、属性

属性用于描述对象，例如，影片剪辑的属性包括它的高度和宽度、X、Y坐标，以及缩放比率。

许多属性都可以改变，而有些属性只能“读取”。

表单

学习HTML表单（Form）最关键要掌握的有三个要点：

表单控件（FormControls）

Action

Method

先说表单控件（FormControls），通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。

比如上面的例句里，inputtype="text"就是一个表单控件，表示一个单行输入框。

HTML表单（Form）常用控件有：

inputtype="text"单行文本输入框

inputtype="submit"将表单（Form）里的信息提交给表单里action所指向的文件

inputtype="checkbox"复选框

inputtype="radio"单选框

select下拉框

textArea多行文本输入框

inputtype="password"密码输入框（输入的文字用*表示）

网站的整体规划

一项建筑工程在开始之前需要进行详细地规划，网站建设也是一样。

在创建网站前必须做的工作就是对网站进行整体的规划和设计。

网站的整体规划和设计在整个网站创建中起到指导的作用。

就个人网站而言，好的网站规划能够令网站质量更佳，使浏览者身心舒畅。

对于商业网站来说，整体规划成功与否能够在一定程度上决定该网站日后的发展。

只有在网站建设前进行了详细合理的规划，才能避免在网站建设过程中出现各种各样的问题，才能使网站建设能够顺利地开展和使建成后的网站能够顺利运营。

因此，网站规划是决定网站成功与否的关键。

网站规划概述

网站规划是指在网站创建前必须明确创建网站的主题、目的和功能。

也就是网站提供哪些服务和内容、网站的设计方案、网站的测试和发布方案、后期网站的维护和推广方案、投入费用以及必要的市场分析等。

市场分析

个人网站具有自娱自乐的特点，故市场分析对于个人网站而言不是必要的。

但对于商业网站而言，该项却是不可或缺的网站规划要素。

商业网站具有赢利性的本质特点，所以只有做好网站的市场分析工作，才能使商业网站拥有更好的发展前景。

网站的目的和主题

在进行市场分析后，就要确定网站的目的和主题。

确定创建网站的目的。

对个人网站而言，应确定建立的网站是为了和亲朋戚友一起分享自己的一些东西，还是纯粹地为了交友或是其他目的；对于企业网站而言，确定创建网站的目的能够对日后网站运营起到指导的作用，所以具有重大的意义。

确定网站的主题。

网站的主题很重要，设计者要根据已经确定的网站有目的地去构思网站的主题。

确定网站的内容和服务

网站的内容和服务使网站的目的和主题更具体化。

对于个人网站，网站的内容不用过分强调标新立异，但却不能做一些过于陈旧的东西。

例如，几年前就已经兴起且已经流行过的东西就不要放太多。

互联网上喜欢有新意的东西，访问者对于已经看过的东西一般很少会感兴趣。

一般网上商城网站的栏目包括：

会员登录、会员注册、产品搜索、产品详细信息、在线订单、相关帮助和联系信息等。

网页设计

网页设计是网站规划中的一个非常重要的环节。

网页的设计包括网站的命名、网站的Logo设计、网页的布局设计、网页的色彩搭配和网站的字体等。

互联网上有很多风格迥异的网站，其表现有的大气、有的婉约、有的精致、有的古典、有的沉稳、有的庄严肃穆、有的高雅严谨、有的雄伟壮丽等

网站的标志

网站的标志也称为网站的Logo。

网站标志的设计能反映网站的主题和命名，必须遵循标志设计的一般原则，例如，公用性、显著性和艺术性等。

在设计时，巧妙地利用网站的名字或域名，将其艺术化和显著化，使用字体变形等效果，可以很容易地制作出美观简练的网站标志。

网页的布局

网页的布局最能够体现网站设计者的构思，良好的网页布局能使访问者身心愉悦，而布局不佳的页面则可能使访问者丧失继续浏览的兴趣而匆匆离去。

所以，网页布局也是网站设计中的关键要素。

网页的色彩搭配

色彩能够帮助网站树立形象。

不同的色彩搭配能很大程度上形成不同的页面风格，给访问者不同的感觉。

例如，对于欣赏性的艺术网站来说，良好的色彩搭配能给访问者舒服和亲切的感觉。

对于政府网站，色彩的搭配要显示出政府的庄重、威严以及平易近人等。

如图所示是一个色彩搭配和谐的韩国时尚网站。

网页的色彩搭配

人们常用粉色指代女性的色彩，例如，粉红知己和红粉佳人等，皆是用于形容女性的经典用词。

因此，将粉色系的搭配用于以女性化妆品为主题的网站十分吻合，具有适用性和联想性。

网页的字体

在网页设计中，字体也是一种考究。

字体要结合网站的主题，体现网页特有的风格。

现代网页设计中一般以磅为网页字体的单位。

现代网页设计中大多采用9磅作为标准字号，而在显示网页正文的地方采用12磅的字体大小。

要注意字号给浏览者的感觉。

另外，在页面的不同地方要注意使用不同的字体或字号。

例如，页脚的文字可以使用较小的字号等。

页面综合布局

所谓网页的布局，通俗地说，就是对网页上的网站Logo、导航栏、菜单和网站内容等元素的位置进行排版。

不同的网页，各种网页元素所处的地位不同，出现在网页上的位置也就不同。

一般来说，重要的元素应放在突出的位置，次要的元素放在不太突出的位置。

对网页元素的布局排版，决定了网页页面的美观与否和实用性。

例如，好的网页布局能使访问者产生心情愉悦之感。

因此，网页布局是网页设计过程中的关键，网页布局能在一定程度上决定网页设计的成败与否。

每一个网页设计者都必须掌握好页面布局的技巧。

3．页眉

页眉是指处于网页的最上部分，一般用于放置网页的标志、导航栏及Banner广告等信息，又称做页头。

4．页脚

页脚是处于网页最下面的组成部分，与页头首尾相呼应。

主要作用是放置站点的公司简介、版权信息和联系信息等。

1“国字”型布局

“国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名。

其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。

2．T型布局

T型布局结构因与英文大写字母T相似而得名。

其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。

3．标题正文型

标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。

4．左右框架型布局

左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。

其布局结构主要分为左右两侧的页面。

左侧一般主要为导航栏链接，右侧则放置网站的主要内容

5．上下框架型

上下框架型布局与前面的左右框架型布局类似。

其区别仅在于是一种上下分为两页的框架。

6.综合框架型

综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术

7．POP布局

POP布局是一种颇具艺术感和时尚感的网页布局方式。

页面设计通常以一张精美的海报画面为布局的主体。

8．FLASH布局

FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。

在这种布局中，大部分甚至整个页面都是Flash。

现今网站设计的网页布局技术可分为三种，分别是表格布局技术、框架布局技术和DIV＋CSS布局技术。

其中，最为广泛应用的是表格布局技术。

而框架布局由于其兼容性的问题未得到解决而限制了使用。

另外，DIV＋CSS是新兴的网页布局技术，在最近的两三年非常流行。

1．表格布局

表格网页布局是比较传统的网页布局技术，也是迄今为止使用最为广泛的网页布局技术。

2．框架（Frames）布局

框架布局是比较传统的网页布局技术。

框架布局的优势在于能将一个框架网页划分成若干个部分，每个部分都可以是一个独立的页面，而用浏览器观看的框架网页则是一个完整的包含几个部分的页面。

使用框架型网页能达到很好的页面切换效果。

3.V+CSS布局

DIV+CSS是比较新的网页布局技术，目前正逐渐成为流行的网页布局方式。

CSS＋DIV布局主要利用层和CSS样式表对网页元素进行布局和定位。

3.1HTML基本构架

1.单标签

某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是：

<标签名称>最常用的单标签是
,它表示换行。

2.双标签

另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其

中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览

器在这里结束该功能。

始标签前加一个斜杠（/）即成为尾标记。

3.1.1常用页面标记

1.

标签用于Html文档的最前边，用来标识Html文档的开始。

而标签恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标签必须一块使用。

2.

和构成Html文档的开头部分，在此标签对之间可以使用、

等等标签对，这些标签对都是描述Html文档相关信息的标签对，标签对之间的内容是不会在浏览器的框内显示出来的。

两个标签必须一块使用。

3.

是Html文档的主体部分，在此标签对之间可包含

、

、

两个标签必须一块使用。

4.

使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色标题栏部分显示的文本

信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实

很简单，只要在标签对间加入您要显示的文本即可。

注意：

标签对只能放在标签对之间。

5.

帧是由英文Frame翻译过来的，它可以用来向浏览器窗口中装载多个Html文件。

即每个Html文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它们组成了一个最大的帧，也即是一个包含多个Html文档的Html文件（我称它为主文档）。

帧通常的使用方法是在一个帧中放置目录（即可供选择的链接），然后将Html文件显示在另一个帧中。

标签对放在帧的主文档的标签对的外边，也可以嵌在其他帧文档中，并且可以嵌套使用。

此标签对用来定义主文档中有几个帧并且各个帧是如何排列的。

它具有rows和cols属性，使用标签时这两个属性至少必须选择一个，否则浏览器只显示第一个定义的帧，剩下的一概不管，标签对也就没有起到任何作用了。

rows用来规定主文档中各个帧的行定位，而cols用来规定主文档中各个帧的列定位。

这两个属性的取值可以是百分数、绝对像素值或星号（“*”），其中星号代表那些未被说明的空间，如果同一个属性中出现多个星号则将剩下的未被说明的空间平均分配。

同时，所有的帧按照rows和cols的值从左到右，然后从上到下排列。

6.

标签对也是放在标签对之间，用来在那些不支持帧的浏览器中显示文本或图像信息。

在此标签对之间先标签对

3.1.2文本格式标记

1.标题

一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签,其中n为标题的等HTML总共