网页制作.docx

5.如何设置表格宽度？

方法可有：

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

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

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

6.如何设置表格高度？

方法可有：

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

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

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

百分比或像素

8.你为什么把表格的宽度或高度设置为100%的？

希望表格会随着浏览器窗口大小的变化而自动调整其宽度或高度。

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

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

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

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

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

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

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

12.嵌套表格的实现。

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

13.布局表格与布局单元格？

标准表格与布局表格。

在布局查看模式下所制作的表格称为布局表格。

布局单元格是布局表格的组成成分。

即一个布局表格是由布局单元格组成的。

在标准查看模式下所查看到的表格称为标准表格。

布局表格最终都要被转换成标准表格，才能在网页中得以使用。

一个标准表格由布局单元格和非布局单元格所组成。

换句话说，一个布局表格是一个标准表格的子集。

14.有哪些创建网页模板的常用方法？

最基本的方法是哪一种？

方法可有：

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

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

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

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

15制作网页的常用方法

方法可有：

1）在代码视图下输入HTML代码；

2）在设计视图下直接加入网页元素；

3）基于表格来安排网页元素布局；

4）基于框架集来制作网页；

5）基于模板来设计网页。

16.何谓框架集？

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

17.何谓框架？

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

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

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

.dwt。

意即：

dreamweaver templates。

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

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

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

20.套用已建成模板来设计网页的实现方法。

在Dreamweaver中调出要套用模板的网页文档，然后使资源面板显示于Dreamweaver窗口右侧的面板组中（按F11键），单击该面板左侧的“模板”按钮，使当前站点中所有模板都显示出来，然后从中挑选所要模板，最后单击面板左下角的“应用”按钮。

21.合并表格中单元格的实现。

“合并单元格”菜单操作。

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

22.对表格中拆分某个单元格。

“合并单元格”菜单操作。

“表格”把光标移入到拆分的单元格中，然后执行“修改”

第4章 FW网页制作基础

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

位图：

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

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

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

适用于网络标志或动画。

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

2.数码图像常选择什么格式？

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

TIFF是Tagged Image File Format（标记图像文件格式）的缩写，文件的后缀名是.TIF，这是现阶段印刷行业使用最广泛的文件格式。

RAW

目前，数码相机的存储格式除了JPEG、TIFF外，还有RAW格式。

其实，RAW格式并不是一种图像格式，不能直接编辑。

RAW格式是CCD或CMOS在将光信号转换为电信号时的电平高低的原始记录，单纯地将数码相机内部没有进行任何处理的图像数据，即CCD等摄影元件直接得到的电信号进行数字化处理而得到的。

GIF

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

BMP

BMP是Bitmap的缩写，后缀名是.BMP。

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

JPEG

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

GIF

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

4.Fireworks默认的存储格式是？

PNG（Portable Network Graphics的缩写）格式:

此格式是Macromedia Fireworks的默认格式

5.Fireworks生成动画时，帧延时设置默认为多少秒？

7/100（0.07s）

6.各种工具的使用，例如“放大”工具、“锐化”工具、“模糊”工具、“减淡”工具、“橡皮图章”工具、“矩形”工具、椭圆”工具、“替换颜色”工具等等

1）直线工具:

画出线段;调整颜色、笔尖描边种类;

例：

笔尖大小 边缘揉化  笔刷颜色  描边种类  纹理

2）钢笔工具:

绘制线段与多边形； 拖拽出曲线

3）用“橡皮图章”工具可以把图像的一个区域复制或克隆到另一个区域中。

4）“选取框”工具在图像中选择一个矩形区域。

“椭圆选取框”工具在图像中选择一个椭圆形区域。

5） “套索”工具在图像中选择一个自由变形区域。

用套索工具大致选出人物,边界可多选一些,反选,去背

“多边形套索”工具在图像中选择一个直边的自由变形区域。

（适合处理边缘由直线构成的画面）

6）选区的“魔术棒”工具在图像中选择一个颜色相似区域。

适合图像中的主题或背景为单一色彩或相似色彩的选区 

7）用“橡皮图章”工具可以把图像的一个区域复制或克隆到另一个区域中。

小技巧：

按[ALT]可重新选取参照点

8）“替换颜色”工具：

修改图像的用色。

9）“红眼消除”工具：

移除闪光灯产生的红眼。

10）“模糊”工具减弱图像中所选区域的焦点。

11）“锐化”工具锐化图像中的区域。

 对于修复扫描问题或聚焦不准的照片很有用

12）“减淡”工具加亮图像中的部分区域

13）“烙印”工具加深图像中的部分区域。

例：

加强雪地上树木的阴影效果 

14）“涂抹”工具拾取颜色并在图像中沿拖动的方向推移该颜色例：

令主体呈现滑行的效果 

15）图像的化妆术-滤镜,调整亮度对比度

7.操作：

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

全选  [CTRL]+[A]

取消选取  [CTRL]+[D]

向像素选区添加[SHIFT]

从选区中去除像素 [ALT]

8.图像优化

Fireworks 的优化面板是关键，比较简单的

1.首先确定你的颜色数，256色的用GIF和PNG格式，256色以上的用JPG格式。

GIF 的例子，注意颜色参数

JPG的例子，注意品质参数

2.确定颜色数和压缩比，进行比较

第5章 FW网页设计应用

1.资源面板包括什么？

样式、URL、库、形状

2.样式的概念及相关操作

1）应用样式

将样式应用到所选对象或文本块。

（1）选择对象或文本块。

（2）单击“样式”面板中的某种样式

2）创建新样式

基于所选对象的属性来创建样式，该样式将显示在“样式”面板中。

（1）创建或选择具有所需笔触、填充、效果或文本属性的矢量对象或文本。

（2）从“样式”面板的“选项”菜单中选择“新建样式”

（3）选择希望该样式所具有的属性。

（4）给出样式名称，然后单击“确定”按钮。

下列属性可以保存在样式中：

（1）填充类型和颜色，包括图案、纹理以及角度、位置和不透明度等矢量渐变属性。

（2）笔触类型和颜色。

（3）效果。

（4）文本属性，如字体、字号、样式（粗体、斜体或下划线）、对齐方式、消除锯齿、自动字距调整、水平缩放、范围微调以及字顶距等。

3）删除样式

（1）从“样式”面板中选择一个样式。

（2）从“样式”面板的“选项”菜单中选择“删除样式”（或单击“样式”面板中的“删除样式”按钮）。

4）编辑样式 

更改样式包含的属性。

（1）用“选择”→“取消选择”命令取消选择画布上的任何对象。

 （否则会把该样式应用到选定对象上）

（2）单击“样式”面板中的某个样式，从“样式”面板的“选项”菜单中选择“编辑样式”（或直接双击“样式”面板中的某个样式）。

（3）选择或取消选择希望应用的属性。

（4）单击“确定” 。

5）导出和导入样式 

将样式导出以便在其他计算机上导入并使用，实现样式共享。

导出样式：

（1）从“样式”面板中选择一个样式。

（2）从“样式”面板的“选项”菜单中选择“导出样式”命令。

*.stl

（3）输入将包含所保存样式的文档的名称和位置。

（4）单击“保存”按钮。

导入样式：

（1）从“样式”面板的“选项”菜单中选择“导入样式”命令。

（2）选择要导入的样式文档。

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

三种类型的元件：

图形、动画和按钮。

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

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

/

创建元件 

方法1：

将图形对象转换为元件

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

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

（3）选择元件类型：

“图形”。

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

方法2：

新建元件 

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

（2）选择元件类型：

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

然后单击“确定”按钮。

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

放置实例 

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

复制元件 

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

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

删除元件 

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

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

编辑元件 

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

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

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

导入和导出元件 

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

导出元件：

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

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

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

导入元件:

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

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

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

4.切片的优点相关操作

切片可将较大的图像分割为多幅较小的图像，是 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帧，指针放在行为手柄上方，拖到目标切片中