制作flash
制作Flash动画的基本过程
制作Flash动画的基本过程
制作简单动画,动画的基本原理就是通过多帧连续播放而产生动态效果
Fireworks是一款专用的WEB图像处理软件，能完成各种各样的图像处理功能。本章介绍其在网页制作方面的应用。主要内容包括界面和基本操作、处理位图、制作Web特效和绘制图形。
Web图像基础 3.1.1 矢量图与位图 1.矢量图 矢量图形使用称为矢量的线条和曲线（包括颜色和位置信息）描述图像，此格式的文件通常比较小，与分辨率无关，进行处理后不影响品质。 2.位图 位图图形由排列成网格的称为像素的点组成，此格式的文件与分辨率有关，编辑图像后会更改外观品质。 3.1.2 常用Web图像格式 1.GIF格式 一种专为Web图形设计的图像格式，有透明处理和交错处理两种特性，还支持动画效果。主要用于卡通画、素描作品、插图、带有大块纯色区域的图形、透明图形和简单动画等。 2.JPEG格式 通用的静态图像压缩标准，随着图像文件的减小，图像的质量会降低，不支持透明处理和动画效果。用于连续色调的作品、数字化照片和扫描图像等。 3.PNG格式 此格式的图像兼有GIF和JPEG两种格式的优点，能将图像文件压缩，利于网络传输，并支持Alpha通道。3.1.3 Web图像的处理流程 创建图形图像>创建Web对象>优化图像>导出图像 3.1.4 Web图像使用要点 1.确保文件较小 （1）使图像具有所需的像素大小 （2）采用正确的格式进行优化处理 2.控制图像的数量和质量 （1）设定图像的分辨率 （2）选择优化图像的方法 3.合理使用动画 设计合理，最多不超过3处，一两处即可。 在网页中使用图像 3.2.1 插入图像 定位光标>“插入栏”的“常用”中的“图像”按钮或选择“插入”菜单中的“图像”命令>“选择图像源”对话框>选择图像文件>“确定” 注：若选择的图像文件不在本站点中，则弹出对话框询问是否保存到本站点的根目录的图像文件夹，单击“是”，打开“拷贝文件为”对话框，保存图像文件，单击“保存”按钮即可。使用图像文件时，注意使用英文或含义拼音命名，不要使用空格。 3.2.2 修改图像属性 “图像”，指定图像名称，适用于脚步程序 “宽”和“高”，图像在浏览器窗口中显示尺寸大小，直接输入数值即可 “源文件”，图像文件的地址，插入后自动生成 “替代”，图像替换文字，在不显示图像时显示的文字，可以显示图像时，鼠标停留时则出现该文字 “链接”，指定图像的超链接 “目标”，指定超链接的目标框架 “地图”，指定图像映射 “垂直边距”、“水平边距”，图像与文字或其他信息的垂直间距与水平间距 “低品质源”，制作一张低分辨率或单色的小图像代替大文件的图片，用于先下载，使其先被浏览 “边框”，图像是否有边框 对齐按钮，指定图像在页面中的对齐方式：左对齐、右对齐、居中对齐 “对齐”，图像与周围内容的对齐方式 “编辑”和“重设大小”按钮，单击按钮，打开默认的图像处理软件Fireworks（假设已安装）进行处理；若已设“宽”和“高”，单击按钮，可恢复图像原来的尺寸。 3.2.3 [...]
使用超链接,什么是超链接
网页制作文本修饰
2.2 制作第一个网页 2.2.1 设置网页属性 1.设置网页标题 标题是用来说明网页内容的文字，通常显示在浏览器窗口的标题栏中，在文档窗口工具栏中的“标题”文本框直接输入。 2.设置网页其他属性 （1）“修改”菜单>“页面属性”对话框 （2）设置对话框中的各选项 页面标题：输入标题 背景图像：“浏览”按钮>“选择图像来源”对话框，选择图像>“选择”按钮 背景颜色：“背景”框>选择颜色 文本颜色：“文本”框>选择颜色 连接颜色、访问后的连接颜色、活动链接颜色：如文本颜色设置 左边界、顶部边界、边界宽度、边界高度：分别输入相应的值。 注： （按照箭头的提示，当鼠标变为手形时点击进行模拟制作过程） 2.2.2 添加页面内容 （1）直接插入：在需要插入文本的区域单击鼠标定位插入点，然后输入文字，按【Enter】键换行；按【Shift＋Enter】折行显示一段的内容。 （2）复制文档：打开要复制的纯文本，用鼠标选中文本按【Ctrl＋C】组合键，切换到Dreamweaver文档窗口，在需要添加文本的地方单击鼠标右键，选择粘贴或者按【Ctrl＋V】即可。 （3）插入特殊符号：定位光标>“插入栏”>“字符”，选取相应的按钮 （4）插入对象：定位光标>“插入栏”>“常用”，选取相应的按钮 2.2.3 制作网页的一般过程 启动Dreamweaver>输入网页标题>“文件”菜单或按【Ctrl＋S】>“保存”>保存对话框，选择位置>文档工作区输入文本或插入对象>修改文本 注：若是标题栏文件后有一个“星号”untitled-2 *表示文档没保存，要保存；进行属性设置后要使用F5刷新；要浏览按F12键可以查看网页的效果。演示效果如下图： 注： （按照箭头的提示，当鼠标变为手形时点击进行模拟制作过程）
2.1 开始建站 2.1.1 Dreamweaver的工作界面 Dreamweaver MX是目前较新的网页制作软件，首次启动时系统回打开一个选择工具区对话框，如图2.1。 图2.1 选择“Dreamweaver MX用户工作区” 在“工作区设置”对话框中，选取“DreamweaverMX工作区”单选钮，然后单击“确定”按钮，系统自动打开一个空白未命名的文档窗口，即工作界面。 1.Dreamweaver MX的常用组件 菜单栏 与其他软件一样，菜单栏是描述软件完整功能的方式，它提供软件功能的所有命令选项。 插入栏 “插入”栏包含用于创建和插入对象（如表格、层和图像）的按钮，包含以下12个选项卡：“常用”、“布局”、“文本”、“表”、“框架”、“表格”、“模板”、“字符”、“媒体”、“文件头”、“脚本”和“应用程序”。在“插入”栏中选择适当的选项卡，单击一个对象按钮或将该按钮的图标拖到“文档”窗口中。 图2.2 插入栏 常用工具栏 工具栏提供了常用命令的快捷方式，通过使用工具按钮或选框可以快速完成某项操作，如，为网页添加标题等。 图2.3 常用工具栏 属性检查器 属性检查器可以检查和编辑当前选定页面元素（如文本和插入的对象）的属性，用户可以随时进行修改，设置对象属性时，只要在相应属性选项中输入数值或者进行选择即可。 面板组 使用户随时以直观的方式获得特定功能，如，使用“设计”面板中的“CSS样式”面板可以在网页中设置CSS样式；在“窗口”菜单中的相关命令中选择您所希望进行的操作命令即可完成操作。 右键情景菜单 在网页制作时，可以使用右键菜单快速完成某项操作，先定位光标，然后单击鼠标右键打开下拉菜单选择某项命令即可。 图2.4 右键情景菜单 文档窗口与视图 工作区的左侧是用户编辑文档的区域，通过菜单命令、选项按钮、插入栏按钮、属性检查器以及面板组等工具来制作网页，文档显示结果与在浏览器中的显示结果基本相同。DreamweaverMX提供了3中用户视图模式：设计视图、代码视图、设计与代码视图，默认为设计视图。切换时点击“常用”工具栏上的相应按钮，如图2.3所示。 状态栏 “文档”窗口底部的状态栏提供与您正创建的文档有关的其他信息，是设计者经常需要关注的区域。 图2.5 文档窗口状态栏 2.设置网页平均连接速度选项 设置连接速度，选择“编辑”菜单中的“参数选择”命令，打开“参数选择”对话框，在“分类”列表中选择“状态栏”选项，如图2.6 [...]
怎样制作网页
网页制作工具