网页复习提纲.docx

《网页复习提纲.docx》由会员分享，可在线阅读，更多相关《网页复习提纲.docx（11页珍藏版）》请在冰豆网上搜索。

网页复习提纲

《网页设计与制作》复习提纲

第1章

网页的概念

网页是用HTML语言语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。

网页制作的常用工具软件有哪些

Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客

网页正文区和文件头的位置关系，文件头内的惟一一个必须出现的标记是哪一个标记？

网页正文区开始

网页正文区内容

网页正文区结束

（HTML文件的基本框架是：

文件开始

表头开始

标题区

表头结束

文本区开始

文本内容

文本区结束

文件结束

单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？

单标记指令（由<标记指令>构成），如：

。

双标记指令（由<起始标记>构成），如：

注释语句的含义，其正确书写格式

注释语句例：

--网页正文区从这里开始-->

HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式

HTML的基本概念

文本标记

列表标记

表格标记

多媒体标记

超链接标记

………字体的大小设置

….

特大字体（共有6种h1h2h3h4h5h6）

…..

表示下一段显示在左边界处的空白区域rightcenter

在HTML文件中实现换段和强制换行的不同，及分别使用哪个标记

段落标记（

）与换行标记（
）

是HTML格式中特有的段落元素。

在原始文件中的

，指出在这儿告一段落，下面的文字另起一段。

另外一个类似的标记元素是
。

这个标记用来标识一个换行动作，相当于字处理文件中的按回车键的功能。

在HTML文件中可以用它来调整行间距。

在处理类似诗歌式的语句时常常用到。

语法格式：

文本

文本

HTML中的常用标记的对应名称

HTML标记是由“<”和“>”所括住的指令。

主要分为：

单标记指令（由<标记指令>构成），如：

。

双标记指令（由<起始标记>构成），如：

插入多媒体对象的HTML语句的正确格式

例插入图片

///C|/Inetpub/wwwroot/1/芬%7E.jpg"width="179"height="238">

表格标记的相关知识

表格标记主要包括如下几种：

1.

...创建一个表格。

2....定义表格一行的单元格。

3....定义一个单元格的内容。

4.定义表格页眉单元格的内容。

5.显示表格的标题。

上述标记中后两个可省略，前三个不可省。

超链接语句的相关知识

 链接标记

链接标记的属性

Href:

指定链接地址Name:

给链接命名

Title:

给链接提示文字Target:

指定链接的目标窗口

Accesskey:

连接热键

第2章FW网页制作基础

位图与矢量图的特点及常用格式是什么？

位图：

由像素点组成，记录每个像素点的颜色值，再拼成整图。

常用格式有.jpg、.gif、.bmp等

矢量图由矢量轮廓线和矢量色块组成，文件的大小由图像的复杂程度决定，与图形的大小无关，并且矢量图可以无限放大而不会模糊。

适用于网络标志或动画。

常用格式有.ai、.cdr、.fh.、swf等。

网页上常见的图像的格式及特点？

JPEG

JPEG文件格式是JointPhotographicExpertsGroup（联合图像专家组）的缩写，文件的后缀名是.JPG，这也是最常见的一种文件格式，几乎所有的图像软件都可以打开它。

GIF

GIF是GraphicsInterchangeFotmat（图像交换格式）的缩写，文件的后缀名是.GIF

Fireworks默认的存储格式是？

PNG（PortableNetworkGraphics的缩写）格式:

此格式是MacromediaFireworks的默认格式

选区的操作：

加选、减选、全选、取消选择

图像优化

 

第3章FW网页高级应用

元件、实例的概念及相关操作

三种类型的元件：

图形、动画和按钮。

创建“元件”存放于“库”中后，就可以很方便地插入“实例。

当对元件进行编辑时，所有与其相关的实例就会自动更改。

/

创建元件

方法1：

将图形对象转换为元件

（1）选择对象（五角星），“修改”→“元件”→“转换为元件”。

（2）输入元件名称，如“星”。

（3）选择元件类型：

“图形”。

（4）单击“确定”按钮。

方法2：

新建元件

（1）从“库”面板的“选项”菜单中选择“新建元件”命令。

（2）选择元件类型：

“图形”、“动画”或“按钮”。

然后单击“确定”按钮。

（3）使用“工具”面板中的工具创建元件F8

放置实例

将元件从“库”面板拖到画布中，就可将该元件的实例放在当前文档中。

复制元件

（1）在“库”面板中选择元件。

（2）在“库”面板的“选项”菜单中选择“复制”。

删除元件

（1）在“库”面板中选择元件。

（2）从“库”面板的“选项”菜单中选择“删除”命令

编辑元件

（1）选择某个元件，从“库”面板的“选项”菜单中选择“编辑元件“命令。

（2）对该元件进行更改，然后关闭窗口。

该元件及其所有实例都将被修改。

导入和导出元件

可将元件“库”分别导入到多个文件中，重复使用。

导出元件：

（1）从“选项”菜单中选择“导出元件”命令。

（2）选择要导出的元件，然后单击“导出”按钮。

（3）为该元件文件（*.PNG）输入一个名称，然后单击“保存”按钮。

导入元件:

（1）从“选项”菜单中选择“导入元件”命令。

（2）选择元件文件（*.PNG），然后单击“打开”按钮。

（3）选择要导入的元件，然后单击“导入”。

切片的优点及相关操作

切片可将较大的图像分割为多幅较小的图像，是Fireworks中用于创建交互效果的基本构造块。

切片的主要优点：

加快下载速度交互性便于局部更新便于优化

1）创建切片

方法1：

基于所选对象插入矩形切片

用这种方法所创建的切片是一个矩形，它的区域包括所选对象最外面的边缘。

操作步骤：

（1）选择某个对象。

（2）选择“编辑”>“插入”>“切片”

（或选择快捷菜单中的“插入切片”）

创建HTML切片

如果要快速更新出现在站点中的文本而无须创建新图形，则HTML切片很有用。

操作实例：

切片_飞机.png

（1）用"切片"工具绘制切片对象。

（2）在"属性"检查器中，从"类型"中选择HTML。

（3）单击“编辑”，键入文本。

如果需要，通过添加HTML文本格式设置标记来设置文本的格式。

（4）单击“确定”。

（5）导出为*.htm文件，或单击F12查看结果

创建非矩形切片

当试图将交互性附加到非矩形图像时，Fireworks允许您使用“多边形切片”工具绘制任何多边形形状的切片。

（1）选择"多边形切片"工具。

（2）单击以放置多边形的矢量点。

若要停止使用"多边形切片"工具，请从"工具"面板中选择另一个工具

移动切片引导线就可以编辑切片。

单击某切片后，按DEL键可删除切片。

Fireworks提供了2两种使切片交互的方式:

1）向切片添加简单的交互效果

2）使用“行为”面板向切片添加多个行为（后面章节介绍）

创建简单交换图像的步骤:

①确保图像或对象不在共享层

②在图像或对象上创建切片“编辑”→“插入”→“切片”

③在“帧”面板中新建一个帧

④选中第2帧，导入用作交换图像的图像

⑤选中第1帧，指针放在行为手柄上方，右击“添加交换图像行为”

⑥选择交换的帧，确定。

⑦F12预览吧

创建不相交变换图像的步骤:

①在图像或对象上创建切片“编辑”→“插入”→“切片”

②在“帧”面板中新建一个帧

③选中第2帧，导入用作交换图像的图像（放在上图下方以外任何地方

④选择图像，“编辑”→“插入”→“切片”

⑤选中第1帧，指针放在行为手柄上方，拖到目标切片中

⑥F12预览吧

将多个变换图像应用到所选切片:

①在图像或对象上创建切片“编辑”→“插入”→“切片”

②在“帧”面板中新建一个帧

③选中第2帧，导入用作交换图像的图像（放在上图下方以外任何地方

④选择图像，“编辑”→“插入”→“切片”

⑤选中第1帧，指针放在行为手柄上方，拖到目标切片中

⑥重复上述步骤，完成后按F12预览吧。

说明：

将手柄拖到同一切片上的左边缘可创建一个简单变换图像

按钮的状态及按钮的相关操作

按钮是网页的导航元素。

按钮常见的四种状态

释放：

平时鼠标没有经过按钮时所呈现的状态

滑过：

鼠标滑过按钮时的状态

按下：

按钮被按下时的状态

按下时滑过：

按钮被按下后，鼠标又经过按钮时所呈现的状态

方法1:

使用按钮编辑器,并引用系统提供的按钮元件

1）编辑\插入\新建按钮。

2）单击”导入按钮”，选择一种喜欢的按钮，单击”导入“。

（系统已设置好各种按钮状态，可修改或直接使用。

）

3）单击“完成”，按钮元件创建完毕。

（若要修改按钮元件，可从“库”面板的“选项”菜单中选择“编辑元件“命令）

4）将按钮元件的实例插入到文档中，修改各个按钮的显示文本。

5）单击预览或按F12可查看结果。

方法2:

将已有对象转换为按钮元件

1）导入按钮图片或自己绘制按钮图片。

2）在快捷菜单中选择“转换为按钮元件”，元件类型为“按钮”。

3）在“库”面板的“选项”菜单中选择“编辑元件“命令，设置4按钮状态，并调整按钮热区的面积，单击“完成”，按钮元件创建完毕。

4）将按钮元件的实例插入到文档中，修改各个按钮的显示文本。

5）单击预览或按F12可查看结果。

6）弹出菜单的创建与浏览

弹出菜单是指为响应指针滑过触发网页对象（如切片或热点）或单击这些对象而显示的菜单。

创建弹出菜单可采用“弹出菜单编辑器”，它会引导完成整个过程。

7.弹出菜单的创建与浏览

1）创建弹出菜单

（1）先切片。

（2）选择一个切片。

（3）右击，选择“添加弹出菜单”，在“弹出菜单编辑器”上确定弹出菜单的结构和内容。

（4）按F12浏览效果。

2）编辑弹出菜单

在快捷菜单中选择“编辑弹出菜单”，然后在“弹出菜单编辑器”中进行修改。

第4章DW网页制作基础

如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？

首选参数编辑•首选参数•更改•设计者工作区

两个设计区：

设计者布局和代码编写者布局

Dreamweaver站点的概念和特点

一种组织所有与Web站点关联的文档的方法

通过在站点中组织文件，可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。

（除非定义站点，否则不能充分利用Dreamweaver的功能。

）

设置Dreamweaver站点的方法不止一种

在文件面板中进行管理的功能有哪些

新建网页

更改文件名

删除文件等

 关于【远端站点】和【本地文件】的特点和概念

所有制作完成的网页最后要放置在WebServer上。

制作者可以在服务器上制作网页。

制作网页时常把本地计算机的文件夹模拟成远程服务器的文件夹，因此本地文件夹也称为本地文件。

完成作品后再将本地文件夹里完成的作品上传到服务器中成为真正的网站，服务器即远端站点。

哪些是HTML文档的基本属性？

页面标题

背景图像

文本

插入图像可以选择哪些方法。

为了管理方便，一般设计习惯把图片放在“images”文件夹内以便于管理

网站里的网页和图片等资源的文件名最好用中文，以便于管理。

插入图像可以选择“插入”菜单中的“图像”命令进行插入。

插入图像可以选择使用面板组“资源”面板进行插入。

网页中添加换行符的方法？

BR为换行符（快捷键为CTRL+ENTER）

Dreamweaver工作区是一个使用什么（多文档界面）的集成工作区？

DreamweaverMX工作区是一个使用MDI（多文档界面）的集成工作区

第5章DW网页布局应用

在Dreamweaver中插入表格的实现方法。

1）选择“插入”“表格”；

2）在常用类之插入工具栏中单击“表格”按钮；

3）在布局类之插入工具栏中单击“表格”按钮。

表格的不同查看模式。

标准、扩展和布局

表格的组成元素。

单元格、行/列、表格

如何选取表格元素？

单击标签选择器中的标签可选取光标所在单元格；

单击标签选择器中的标签可选取光标所在行；

让鼠标指向表格的顶边，当鼠标变成黑色实心下向单箭头形状时单击，便可选取箭头所指向的列；

单击标签选择器中的

标签可选取光标所在表格。

如何设置表格宽度？

2楼

13.表格标记的相关知识

表格标记主要包括如下几种：

1.

...创建一个表格。

2....定义表格一行的单元格。

3....定义一个单元格的内容。

4.定义表格页眉单元格的内容。

5.显示表格的标题。

上述标记中后两个可省略，前三个不可省。

14超链接语句的相关知识

链接标记

链接标记的属性

Href:

指定链接地址Name:

给链接命名

Title:

给链接提示文字Target:

指定链接的目标窗口

Accesskey:

连接热键

第2章DW网页制作基础

1,如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？

首选参数编辑•首选参数•更改•设计者工作区

两个设计区：

设计者布局和代码编写者布局

2.Dreamweaver站点的概念和特点

一种组织所有与Web站点关联的文档的方法

通过在站点中组织文件，可以与FTP一起利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。

（除非定义站点，否则不能充分利用Dreamweaver的功能。

）

设置Dreamweaver站点的方法不止一种

3.在文件面板中进行管理的功能有：

新建网页

更改文件名

删除文件等

4.关于【远端站点】和【本地文件】的特点和概念

所有制作完成的网页最后要放置在WebServer上。

制作者可以在服务器上制作网页。

制作网页时常把本地计算机的文件夹模拟成远程服务器的文件夹，因此本地文件夹也称为本地文件。

完成作品后再将本地文件夹里完成的作品上传到服务器中成为真正的网站，服务器即远端站点。

5.哪些是HTML文档的基本属性？

页面标题

背景图像

文本

6.如何插入图像的一些基本常识？

为了管理方便，一般设计习惯把图片放在“images”文件夹内以便于管理

网站里的网页和图片等资源的文件名最好用中文，以便于管理。

插入图像可以选择“插入”菜单中的“图像”命令进行插入。

插入图像可以选择使用面板组“资源”面板进行插入。

7.URL的全称是？

URL是UniformResourceLocation的缩写，译为“统一资源定位符”。

8.网页中添加换行符的快捷键？

BR为换行符（快捷键为CTRL+ENTER）

9.Dreamweaver工作区是一个使用什么（多文档界面）的集成工作区？

DreamweaverMX工作区是一个使用MDI（多文档界面）的集成工作区

层叠样式表（CSS）是一系列格式规则，它们控制网页内容的外观。

CSS样式规则由什么组成？

CSS样式规则由两部分组成:

选择器和声明。

层叠样式表（CSS）的选择器类型有哪些？

CSS选择器针对超级链接进行设置的状态有哪些？

插入音乐的方法有哪些？

在parisinfo.htm的文字前,常用工具栏/媒体

media/paris.wma

14.DreamweaverMX2004提供的工作区布局,分别是什么？

设计人员工作区，编码人员工作区。

15.“文档”窗口用于显示当前文档。

有哪些dreamweave的文档视图。

设计视图，代码视图，拆分视图

第3章DW网页设计应用

1.在Dreamweaver中插入表格的实现方法。

1）选择“插入”“表格”；

2）在常用类之插入工具栏中单击“表格”按钮；

3）在布局类之插入工具栏中单击“表格”按钮。

2.表格的三种查看模式。

标准、扩展和布局

3.表格的组成元素。

单元格、行/列、表格

4.如何选取表格元素？

单击标签选择器中的标签可选取光标所在单元格；

单击标签选择器中的标签可选取光标所在行；

让鼠标指向表格的顶边，当鼠标变成黑色实心下向单箭头形状时单击，便可选取箭头所指向的列；

单击标签选择器中的

标签可选取光标所在表格。

5.如何设置表格宽度？

方法可有：

1）新建表格时，在“表格”设置框的“宽度”框中输入值，再指定其相应的宽度单位。

2）选取表格后，在其属性面板的“宽度”框中输入值，再指定其相应的宽度单位；

3）当宽度单位为像素时，在选取表格后，用鼠标拖拽右边框的黑色控点。

如何设置表格高度？

方法可有：

1）选取表格后，在其属性面板的“高度”框中输入值，再指定其相应的宽度单位；

2）当宽度单位为像素时，在选取表格后，用鼠标拖拽下边框的黑色控点。

可用哪些单位来度量表格的宽度或高度？

百分比或像素

你是怎么理解表格的边框粗细的？

在浏览器窗口中浏览网页时，是否可见到表格线。

0则见不到，>0则见得到。

你是怎么理解表格的单元格边距的？

单元格边距指的是单元格内容到单元格左/右边框之间的距离。

、

你是怎么理解表格的单元格间距的？

单元格间距指的是相邻两个单元格之间的距离。

嵌套表格的制作方法。

在一个单元格中插入另一个表格。

创建网页模板的方法

方法可有：

1）基于现有网页文档创建；

2）基于Dreamweaver设计文件创建；

3）在“资源”面板中创建。

最基本的方法是基本现有网页文档来加以创建。

何谓框架集？

框架集指的是包含有多个框架的网页文档。

何谓框架？

框架是浏览器窗口中的一个区域，用它来显示出一个网页。

框架是框架集的组成成分。

一个Dreamweaver模板文档的文件扩展名是什么？

.dwt。

意即：

dreamweavertemplates。

在Dreamweaver中，模板与站点的关系。

1）模板一定存在于站点中；

2）模板可使站点的网页风格保持一致性，站点不一定非得包含有模板不可。

表格中单元格的合并与拆分方法

在表格中选取了要合并的单元格后，执行“修改”“表格”“合并单元格”菜单操作。

把光标移入到拆分的单元格中，然后执行“修改”“表格”“合并单元格”菜单操作。

下载	加入VIP,免费下载