中职 计算机专业 《Dreamweaver 网页制作》课件 第2章 学习网页根本之文字与图像.pptVIP

JPEG格式：JPEG是Joint Photographic Experts Group （联合图像专家组）的缩写，是最常用的图像文件格式，是一种有损压缩格式，该格式适于表现色彩丰富，具有连续色调的图像，如各种照片。优点是图像质量高，缺点是文件尺寸稍大，且不能包含透明区域。 2.2.4 知识拓展 PNG格式：PNG是Portable Network Graphics（便携式网络图形）的缩写，是一种新兴的网络图像格式。PNG是目前保证最不失真的格式，它结合了GIF和JPEG二者的优点，既能处理照片式的精美图像，又能包含透明区域，且可以包含层等信息，是Fireworks的默认图像格式。 2.2.4 知识拓展 2.“图像”属性面板 　　选中图像后，在属性面板中便显示出了图像的属性，如下图所示。 2.2.4 知识拓展 其中各属性的功能如下： 图像：显示图像的名称，同时显示当前图像的缩略图和图像的大小。 宽：设置图像的宽度。 高：设置图像的高度。 源文件：输入图像的路径和文件名称。 2.2.4 知识拓展 链接：用于创建从图像到其他文件的链接。 目标：指定图像链接的目标文件的显示方式。若图像无链接，此项设置无效。 替换：输入图像的说明文字。 类：从已定义的样式中选择为图片定义的样式。 2.2.4 知识拓展 编辑：集合了一些常用的图片编辑工具。 地图：为所创建的热区命名。选择“创建热区”可建立不同形状的链接区域。 垂直边距：设置图像上下与其他页面元素的距离。 水平边距：设置图像左右与其他页面元素的距离。  2.2.4 知识拓展 边框：设置图像边框的宽度，默认的边框宽度为0。  ：设置图像在页面中的对齐方式。有左对齐、居中对齐、右对齐。 对齐：设置在一行中图像和文本的对齐方式，从而实现图文混排效果。 2.2.4 知识拓展 第2章 学习网页根本之文字与图像 学会文本的插入与编辑 2.1 学会图像的插入与编辑 2.2 2.1 学会文本的插入与编辑 2.1.1 插入文本 2.1.2 插入水平线 2.1.3 插入日期 2.1.4 知识拓展 2.1.1 插入文本 　1．直接输入法 　　在文档编辑窗口中直接输入文本内容，在输入时需要注意以下两点。 　　第一点：如何换行。 按Enter键或Shift+Enter组合键实现换行。按Enter键，会生成一个段落，行距较大；按Shift+Enter组合键，实现换行不分段，行距较小。 第二点：如何输入空格。 方法1：输入法状态条上的“半角”改为“全角”。 方法2：插入栏切换到“文本”选项卡，在“字符”下拉列表中选择“不换行空格”选项。 2.1.1 插入文本 方法3：选择“编辑”→“首选参数”命令，在弹出的“首选参数”对话框左侧的“分类”列表中选择“常规”选项，然后在右边选中“允许多个连续的空格”复选框，如下图所示。 2.1.1 插入文本 2.1.1 插入文本 2．复制/粘贴法 　　先复制所需的文本内容，然后在文档编辑窗口中粘贴。 2.1.1 插入文本 3．从Word文档导入法 　　使用“文件”→“导入”→“Word文档”命令，如下图所示，可以把 Word文档的内容导入Dreamweaver的文档区域。 2.1.1 插入文本 2.1.1 插入文本 2.1.2 插入水平线 如果网页文档由不同内容构成，在内容之间插入水平线，可以起到分隔文本的作用，使内容更加容易理解。 1．插入水平线 　　选择插入栏的“HTML”选项卡，单击“插入水平线”图标，即可在网页中插入水平线。选中水平线，可以在 属性面板中对它的属性进行设置，如下图所示。 2.1.2 插入水平线 其中各属性的功能如下：  宽：用来设置水平线的宽度。如果以像素为单位，则插入的水平线长度是固定的；而以百分比为单位，则插入的水平线长度将根据表格或网页文档窗口的大小自动改变。  高：用来设置水平线的高度。 2.1.2 插入水平线  对齐：使水平线左对齐、右对齐或居中对齐。默认情况是居中对齐。  阴影：为水平线增加立体感。  类：在文本中应用的样式列表的样式将显示在分类列表中。 2.1.2 插入水平线 2．改变水平线的颜色