标签可选取光标所在表格。 如何设置表格宽度? 方法可有:
1)新建表格时,在“表格”设置框的“宽度”框中输入值,再指定其相应的宽度单位。 2)选取表格后,在其属性面板的“宽度”框中输入值,再指定其相应的宽度单位; 3)当宽度单位为像素时,在选取表格后,用鼠标拖拽右边框的黑色控点。 如何设置表格高度?
方法可有:
1)选取表格后,在其属性面板的“高度”框中输入值,再指定其相应的宽度单位; 2)当宽度单位为像素时,在选取表格后,用鼠标拖拽下边框的黑色控点。 可用哪些单位来度量表格的宽度或高度? 百分比或像素
你为什么把表格的宽度或高度设置为100%的?
希望表格会随着浏览器窗口大小的变化而自动调整其宽度或高度。 你是怎么理解表格的边框粗细的?
在浏览器窗口中浏览网页时,是否可见到表格线。0则见不到,>0则见得到。 你是怎么理解表格的单元格边距的?
单元格边距指的是单元格内容到单元格左/右边框之间的距离。
你是怎么理解表格的单元格间距的?
单元格间距指的是相邻两个单元格之间的距离。 嵌套表格的实现。
在一个单元格中插入另一个表格。 布局表格与布局单元格?标准表格与布局表格。
在布局查看模式下所制作的表格称为布局表格。布局单元格是布局表格的组成成分。即一个布局表格是由布局单元格组成的。
在标准查看模式下所查看到的表格称为标准表格。布局表格最终都要被转换成标准表格,才能在网页中得以使用。一个标准表格由布局单元格和非布局单元格所组成。换句话说,一个布局表格是一个标准表格的子集。
有哪些创建网页模板的常用方法?最基本的方法是哪一种?
方法可有:
1)基于现有网页文档创建;
2)基于Dreamweaver设计文件创建; 3)在“资源”面板中创建。
最基本的方法是基本现有网页文档来加以创建。 制作网页的常用方法
方法可有:
1)在代码视图下输入HTML代码; 2)在设计视图下直接加入网页元素; 3)基于表格来安排网页元素布局; 4)基于框架集来制作网页; 5)基于模板来设计网页。 何谓框架集?
框架集指的是包含有多个框架的网页文档。 何谓框架?
框架是浏览器窗口中的一个区域,用它来显示出一个网页。框架是框架集的组成成分。
一个Dreamweaver模板文档的文件扩展名是什么?
.dwt。意即:dreamweaver templates。 在Dreamweaver中,模板与站点的关系。
1)模板一定存在于站点中;
2)模板可使站点的网页风格保持一致性,站点不一定非得包含有模板不可。 套用已建成模板来设计网页的实现方法。
在Dreamweaver中调出要套用模板的网页文档,然后使资源面板显示于Dreamweaver窗口右侧的面板组中(按F11键),单击该面板左侧的“模板”按钮,使当前站点中所有模板都显示出来,然后从中挑选所要模板,最后单击面板左下角的“应用”按钮。 合并表格中单元格的实现。
在表格中选取了要合并的单元格后,执行“修改”“表格”“合并单元格”菜单操作。
对表格中拆分某个单元格。
把光标移入到拆分的单元格中,然后执行“修改”“表格”“合并单元格”菜单操作。
第4章 FW网页制作基础
位图与矢量图的特点及常用格式是什么?
位图:由像素点组成,记录每个像素点的颜色值,再拼成整图。常用格式有.jpg、.gif、.bmp等
矢量图由矢量轮廓线和矢量色块组成,文件的大小由图像的复杂程度决定,与图形的大小无关,并且矢量图可以无限放大而不会模糊。适用于网络标志或动画。常用格式有.ai、.cdr、.fh.、swf等。 数码图像常选择什么格式?
JPEG
JPEG文件格式是Joint Photographic Experts Group(联合图像专家组)的缩写,文件的后缀名是.JPG,这也是最常见的一种文件格式,几乎所有的图像软件都可以打开它。
TIFF
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。 网页上常见的图像的格式及特点?
JPEG
JPEG文件格式是Joint Photographic Experts Group(联合图像专家组)的缩写,文件的后缀名是.JPG,这也 是最常见的一种文件格式,几乎所有的图像软件都可以打开它。
GIF
GIF是Graphics Interchange Fotmat(图像交换格式)的缩写,文件的后缀名是.GIF
Fireworks默认的存储格式是?
PNG(Portable Network Graphics的缩写)格式:此格式是Macromedia Fireworks的默认格式 Fireworks生成动画时,帧延时设置默认为多少秒? 7/100秒
各种工具的使用,例如“放大”工具、“锐化”工具、“模糊”工具、“减淡”工具、“橡皮图章”工具、“矩形”工具、椭圆”工具、“替换颜色”工具等等
1)直线工具:画出线段;调整颜色、笔尖描边种类;
例:笔尖大小 边缘揉化 笔刷颜色 描边种类 纹理 2)钢笔工具:绘制线段与多边形; 拖拽出曲线
3) 用“橡皮图章”工具可以把图像的一个区域复制或克隆到另一个区域中。 4) “选取框”工具在图像中选择一个矩形区域。 “椭圆选取框”工具在图像中选择一个椭圆形区域。
5) “套索”工具在图像中选择一个自由变形区域。用套索工具大致选出人物,边界可多选一些,反选,去背
“多边形套索”工具在图像中选择一个直边的自由变形区域。(适合处理边缘由直
线构成的画面)
6)选区的“魔术棒”工具在图像中选择一个颜色相似区域。 适合图像中的主题或背景为单一色彩或相似色彩的选区
7)用“橡皮图章”工具可以把图像的一个区域复制或克隆到另一个区域中。 小技巧:按[ALT]可重新选取参照点 8)“替换颜色”工具:修改图像的用色。 9)“红眼消除”工具:移除闪光灯产生的红眼。 10)“模糊”工具减弱图像中所选区域的焦点。
11)“锐化”工具锐化图像中的区域。 对于修复扫描问题或聚焦不准的照片很有用 12)“减淡”工具加亮图像中的部分区域
13)“烙印”工具加深图像中的部分区域。例:加强雪地上树木的阴影效果
14)“涂抹”工具拾取颜色并在图像中沿拖动的方向推移该颜色。 例:令主体呈现滑行的效果
15)图像的化妆术-滤镜,调整亮度对比度 选区的操作:加选、减选、全选、取消选择
全选 [CTRL]+[A] 取消选取 [CTRL]+[D] 向像素选区添加[SHIFT] 从选区中去除像素 [ALT] 图像优化
Fireworks 的优化面板是关键,比较简单的
1.首先确定你的颜色数,256色的用GIF和PNG格式,256色以上的用JPG格式。
GIF 的例子,注意颜色参数 JPG的例子,注意品质参数 2.确定颜色数和压缩比,进行比较
对文本的操作 参照P157-P159的4.7“文本的操作”
引导线、标尺 参照P129的4.3.5的“1.使用标尺”和“2.使用引导线"
画布大小与图像大小 关于画布的就在P126,
第5章 FW网页设计应用 资源面板包括什么? 样式、URL、库、形状 样式的概念及相关操作 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)选择要导入的样式文档。
元件、实例的概念及相关操作 三种类型的元件:图形、动画和按钮。
创建“元件”存放于“库”中后,就可以很方便地插入“实例。 当对元件进行编辑时,所有与其相关的实例就会自动更改。/ 创建元件
方法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预览吧。
说明:将手柄拖到同一切片上的左边缘可创建一个简单变换图像
热点工具的基本操作
热区(Hotspot)又称之为热点,是图像上带有超链接的一块区域,它可以呈矩形、圆形、甚至还可以是多边形。和文本超链接的情况一样,当浏览者将鼠标移动到热点上时,鼠标会变成手形。
按钮的状态及按钮的相关操作
弹出菜单的创建与浏览 按钮是网页的导航元素。 按钮常见的四种状态
释放:平时鼠标没有经过按钮时所呈现的状态 滑过:鼠标滑过按钮时的状态 按下:按钮被按下时的状态
按下时滑过:按钮被按下后,鼠标又经过按钮时所呈现的状态
方法1:使用按钮编辑器,并引用系统提供的按钮元件 1)编辑插入新建按钮。
2)单击”导入按钮”,选择一种喜欢的按钮,单击”导入“。(系统已设置好各种按钮状态,可修改或直接使用。)
3)单击“完成”,按钮元件创建完毕。
(若要修改按钮元件,可从“库”面板的“选项”菜单中选择“编辑元件“命令) 4)将按钮元件的实例插入到文档中,修改各个按钮的显示文本。 5)单击预览或按F12可查看结果。 方法2:将已有对象转换为按钮元件 1)导入按钮图片或自己绘制按钮图片。
2)在快捷菜单中选择“转换为按钮元件”,元件类型为“按钮”。
3)在“库”面板的“选项”菜单中选择“编辑元件“命令,设置4按钮状态,并调整按钮热区的面积,单击“完成”,按钮元件创建完毕。
4)将按钮元件的实例插入到文档中,修改各个按钮的显示文本。 5)单击预览或按F12可查看结果。 6)弹出菜单的创建与浏览
弹出菜单是指为响应指针滑过触发网页对象(如切片或热点)或单击这些对象而显示的菜单。 创建弹出菜单可采用“弹出菜单编辑器” ,它会引导完成整个过程。
如何创建及导出动画?动画的有关概念、帧面板的使用 1)创建弹出菜单 (1)先切片。 (2)选择一个切片。
(3)右击,选择“添加弹出菜单”,在“弹出菜单编辑器” 上确定弹出菜单的结构和内容。 (4)按F12浏览效果。 2)编辑弹出菜单
在快捷菜单中选择“编辑弹出菜单”,然后在“弹出菜单编辑器”中进行修改。
图像的优化与导出
参照P166-P181的4.10“图像的优化与导出” Fireworks的批处理操作
参照P181-P185的4.10“Fireworks的批量处理操作”
本文标签:
图像
表格
按钮
工具
网页
发表评论