第1章 网页制作基础知识
1.1.3 HTML 规范常识
HTML 文档标签（P4）
<html>：HTML 文档开始。
<head>：头部信息。
<meta>：HTML 文档附加信息。
<style>：样式定义。
<script>：脚本语言开始。
<title>：网页标题。
<body>：HTML 文档正文开始。
<img>：图形图像，如：<img src="picture.gif">
<a>：超链接，如：<a href="http://www.nease.net">网易</a>
<map>：图像热点。
<p>：段落开始。
<h1>：标题 1 样式。
<ul>：无序列表。
<ol>：有序列表。
<li>：列表项目。
<table>：表格。
<tr>：表格行。
<td>：单元格。
<th>：表格的标题行。
1.5.1 Fireworks MX 界面和功能简介（P16）
抓屏：[PrintScreen]—Fireworks 窗口—新建—编辑—粘贴。
1.5.1.3 [工具]面板（P20）
[工具]面板：选择、位图、矢量、网页、颜色、视图。
1.5.1.4 画布（P22）
画布：原始、预览、2 幅、4 幅。
1.5.1.4 面板组（P24）
优化面板：窗口—优化
减小图像文件（图像质量和文件大小最佳平衡点）。
通过 ACDSee 和 Fireworks 的各种方法
减小JPG图像文件大小为1/20到1/10。
海边椰林
hbyl 513kB 
21kB 
主页中图像文件超过 50kb 后，可作如下处理：
1）文件另存转换格式：ACDSee 中 BMP、JPG 文件另存为 JPG 文件。
2）图像优化降低质量和减少锐化：
降低质量到40、减少锐化、增加平滑（模糊）到4（P24）。
3）缩小图像尺寸：取 777*555 点以下，重新取样（P53）。
把超过800*600像素点的相片缩小为 777*555 点。
4）剪取图像需要的部分。
5）画布缩小：使图像占满画布（P52）。
6）用作主页的背景图像。
第1篇 准备网页素材（Fireworks MX）
网页素材：文本、图片、动画、音频/视频、exe 应用程序、压缩包。
2.1.1 关于画布大小（P52）
修改—画布（760*420）—符合画布（使画布与图像大小符合）。
2.1.2 关于图像大小（P53）
网络图像分辨率使用 72像素/英寸。
2.2 编辑对象属性（P55）
矢量对象：直线和曲线按一定路径构成的电脑图像。
2.3.2 剪切和合并（P68）
刀子工具：剪切路径。
复合路径：修改—组合路径—合并。文本要转换成路径才能合并。
2.4.3 文本和路径的结合（P73）
1.输入文本；
2.绘制路径，如椭圆;
3.同时选中文本和路径；
4.文本菜单—附加到路径（网站标志 180*70）。
2.5.1 位图图像的选取（P74）
选取工具：框形框、椭圆框、套索、魔术棒（选择相似颜色的区域）。
2.5.3 关于位图图像颜色的调整（P86）
属性—效果—调整颜色—对比度、亮度、色调范围、色相和饱和度。
2.5.3.6 转换透明图像（P92）
属性—效果—其他—转换为 Alpha。
2.5.4 位图图像和矢量图形的结合
2.5.4.1 矢量蒙版（P95）
修改—蒙版—组合为蒙版—修改亮度、对比度。
2.5.4.4 使用图像贴入内部（P98）
选中圆形—编辑—贴入内部。
3.1.1 通过批处理获得相同格式的图片（P111）
批处理图片：文件—批处理—选择图片—添加—继续—
导出—添加—JPEG-较小文件—
缩放—添加—缩放到大小：200*300—继续—
与原始文件位置相同、复盖现有备份（或自定义位置）— 批次。
3.1.2 打开多个文件生成动画（P114、P125）
文件—打开—选择图像序列，以动画打开—
选择多帧—双击[帧延时]—输入“80/100秒”（0.8秒）—
优化面板— GIF 动画。
| 网站标志（180*70） | 广告动画（550*70） |
| 导航栏目 | |
| 浏览区域 | |
4.3.3 创建按钮元件（P147）
创建按钮元件：编辑—插入—新建按钮—输入按钮名称、类型—
导入按钮，如 4-State Button—修改按钮文字—滑过状态—
更新其他按钮状态中的文字—把按钮拖到页面上的合适位置—
继续插入按钮 ……。
4.4 创建弹出菜单（P160）
创建弹出菜单：选择按钮—窗口—行为—[+]—设置弹出菜单—
输入弹出菜单要显示的文本、超链接地址、目标窗口—
外观：字体、字号；
位置：将菜单位置设置到切片的底部。
文件—导出—
路径、文件名、保存类型：HTML 和图像、将图像放入子文件夹。
