标签可选取光标所在表格。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
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。
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
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帧,指针放在行为手柄上方,拖到目标切片中
⑥重复上述步骤,完成后按F12预览吧。
说明:将手柄拖到同一切片上的左边缘可创建一个简单变换图像
5.热点工具
热区(Hotspot)又称之为热点,是图像上带有超链接的一块区域,它可以呈矩形、圆形、甚至还可以是多边形。和文本超链接的情况一样,当浏览者将鼠标移动到热点上时,鼠标会变成手形。
6.按钮的状态及按钮的相关操作
按钮是网页的导航元素。
按钮常见的四种状态
释放:平时鼠标没有经过按钮时所呈现的状态
滑过:鼠标滑过按钮时的状态
按下:按钮被按下时的状态
按下时滑过:按钮被按下后,鼠标又经过按钮时所呈现的状态
方法1:使用按钮编辑器,并引用系统提供的按钮元件
1)编辑\插入\新建按钮。
2)单击”导入按钮”,选择一种喜欢的按钮,单击”导入“。(系统已设置好各种按钮状态,可修改或直接使用。)
3)单击“完成”,按钮元件创建完毕。
(若要修改按钮元件,可从“库”面板的“选项”菜单中选择“编辑元件“命令)
4)将按钮元件的实例插入到文档中,修改各个按钮的显示文本。
5)单击预览或按F12可查看结果。
方法2:将已有对象转换为按钮元件
1)导入按钮图片或自己绘制按钮图片。
2)在快捷菜单中选择“转换为按钮元件”,元件类型为“按钮”。
3)在“库”面板的“选项”菜单中选择“编辑元件“命令,设置4按钮状态,并调整按钮热区的面积,单击“完成”,按钮元件创建完毕。
4)将按钮元件的实例插入到文档中,修改各个按钮的显示文本。
5)单击预览或按F12可查看结果。
6)弹出菜单的创建与浏览
弹出菜单是指为响应指针滑过触发网页对象(如切片或热点)或单击这些对象而显示的菜单。创建弹出菜单可采用“弹出菜单编辑器”,它会引导完成整个过程。
7.弹出菜单的创建与浏览
1)创建弹出菜单
(1)先切片。
(2)选择一个切片。
(3)右击,选择“添加弹出菜单”,在“弹出菜单编辑器”上确定弹出菜单的结构和内容。(4)按F12浏览效果。
2)编辑弹出菜单
在快捷菜单中选择“编辑弹出菜单”,然后在“弹出菜单编辑器”中进行修改。
8.如何创建动画?动画的有关概念、帧面板的使用
基于一组图像文件创建动画
①选择"文件">"打开"。
②按住 Shift 键并单击以选择多个文件。
③选择“以动画打开”并单击“确定”。 Fireworks 将每个文件放在一个单独的帧中,在帧面板中可调整这些帧的顺序和时间。
通过(开始按钮)可预览。最后将文档优化为GIF动画并导出。
应用补间
(1)把对象转换为图形元件,在画布中插入实例。
(2)选择画布上同一图形元件的两个或多个实例。
(3)选择“修改”→“元件”→“补间实例”命令。
(4)在“补间实例”对话框中输入要插入到原始帧之间的补间步骤的数目(插入帧数),选择“分散到帧。
如果想让图像做成动画后产生缩放、不透明度渐变、旋转以及其它效果的话,可在启动“补间实例”之前对这两个实例进行不同程度的缩放、不透明度设置、旋转、效果设置后,再进行“补间实例”的操作。
13网页制作基础期末试卷
北华航天工业学院2012—2013学年第二学期 网页制作基础 课程考试卷(A 、B ) 考核形式:开卷、闭卷 班级: 姓名: 一、选择题(每题只有一个正确答案,每题2分,共40分) 1. 能将域名解析为IP 地址的是( )。 A. doman B. host C. DNS D. WWW 2. 表示水平线的长度的HTML 代码是( )。 A.
B.
C.
D.
3. ... ,表示( )。 A. 跳转到””页面的顶部 B. 跳转到””页面的”top ”锚点 C. 跳转到””页面的底部 D. 跳转到””页面的文字”top ”所在链接 4. 表示新开一个窗口的超链接代码是( )。 A. .. B. .. C. .. D. .. 5. 标题标记字体最大的是h1,最小的是( )。 A. h4 B. h5 C. h66.黑色的RGB代码是()。 A.#000000 B.#FF0000 C.#0000FF D.#FFFFFF 7.无序列表的HTML代码是()。 A.
... B. C.- ...
D....
8.,表示() A.图像的地址 B.图像的排列方式 C.在浏览器不能打开图象时,在图象位置显示的文字 D.图像的大小 9.在HTML中,