静态网页基本操作.ppt

静态网页基本操作
第1页，此课件共39页哦
本章主要内容
学会设置页属性
熟悉插入网页基本元素
掌握设置文本、图像、链接的属性
了解插入文件头标签
学会使用媒体
第2页，此课件共39页哦
设置页面属性

打开
选中文本，打开属性面板，即可对选中的文本进行属性设置
具体设置如下：
格式：设置所选文本的段落样式
字体：文本应用所选字体组合
大小：设置字体的字号
文本颜色 ：设置所选文本的颜色。单击颜色框选择网页安全色，或在
相邻的文本域中输入十六进制数值
粗体 ：将文本加粗
斜体 ： 将文本倾斜
左对齐（ ）、居中对齐( ) 、右对齐（ ）、两端对齐（ ）：将
选 中的文本应用各自的对齐方式
第13页，此课件共39页哦
使用文本
链接；创建所选文本的超文本链接
项目列表（ ）、编号列表（ ）：创建所选文本的项目列表和编号列
表。若未选择文本，则启动一个新的项目列表或编号列表
缩进（ ）、凸出（ ）：应用或删除blockqutote标签缩进或删除所选
文本的缩进。在列表中，创建一个嵌套列表，而删除缩进则取消嵌套列表。
第14页，此课件共39页哦
使 用 图 像

(1).GIF 图形交换格式
GIF文件最多使用256种颜色，最适合显示色调不连续或具有大面积单一
颜色的图像，如导航条、按钮、图标、徽标或其他有统一色彩和色调的图
像。另外，还可用作动画图片。
(2).JPEG 联合图像专家组标准
JPEG文件格式是用于摄影或连续色调图像的高级格式，这是因为JPEG文
件可以包含数百万种颜色。随着JPEG文件品质的提高，通常可以通过压缩
JPEG文件在图像品质和文件大小之间达到良好的平衡。
(3).PNG 可移植网络图形
PNG文件格式是一种替代GIF格式的无专利权限的格式，它包括对索引颜色
、灰度、真彩***像以及alpha通道透明的支持。PNG是Macromedia
Fireworks 固有的文件格式，PNG文件可保留所有原始层、矢量、颜色和效
第15页，此课件共39页哦
使 用 图 像
果信息（如阴影），并且在任何时候所有元素都是可以完全编辑的。文件必
文件扩展名才能被Dreamweaver识别PNG文件。

插入图片的方法：
(1). 在“插入”菜单栏中单击插入图像按钮
(2). 插入/图像（Ctrl+Alt+I）
“图像标签辅助功能属性”对话框中的设置值：
替代文本：设置图像标签Alt属性值，对当前图像进行说明
详细说明：指定一个网页来加以更详细的说明，其设置的是图像标签
Longdesc属性值

宽和高：以像素为单位指定图像的宽度与高度。
注：若设置的“高”和“宽” 的值与图像的实际宽和高不相符，则图像在浏览器中
可能不会正确显示
第16页，此课件共39页哦
使 用 图 像
目标：打开链接窗口的形式
对齐：指对齐同一行上的图像与文本
参数选项：
默认值：与基线对齐
基线和底部：将文本（或同一段落中的其他元素）的基线与选定对象的底部对齐。
顶端：将图像的顶端与当前行中最高项（图像与文本）的顶端对齐
居中：将图像的中部与当前行的基线对齐
文本上方：将图像的顶端与当前文本的中最高字符的顶端对齐
绝对居中：将图像的中部与当前行中文本的中部对齐
绝对底部：将图像的底部与文本行的底部对齐
左对齐：将所选图像放置在左边，文本在图像的右侧换行
右对齐：将所选 图像放置在右边，文本在图像的左边换行
第17页，此课件共39页哦
使 用 图 像
第18页，此课件共39页哦
使 用 图 像
地图名称和热点名称：允许标注和创建客户端图像地图
垂直边距和水平边距：沿图像的边缘添加边距（以像素为单位）
垂直边距：沿图像的顶部和底部添加边距
水平边距：沿图像的左侧和右侧添加边距
边框：以像素为单位的图像边框的宽度，默认为无边框
编辑：启动在“外部编辑器”首选参数中指定的图像编辑器并打开选定的图
像，默认值为Fireworks ，其中包含优化、裁剪、重新取样、亮度和对比度、
锐化。
第19页，此课件共39页哦
使 用 图 像

(1).优化图像
打开优化面板的方法：
点击“优化（ ）”按钮
命令/在Fireworks中优化图像
注:
若在本地机安装Fireworks软件，Dreamweaver会自动打开fireworks优
化面板，但不打开Fireworks软件
优化图像是一个不可逆的过程，一亘更更新后，将无法撤消
(2).裁剪图像
裁剪图像就是可让用