第3章 输入及编辑基本网页元素.pptVIP

第3章 输入与编辑基本网页元素 输入与编辑文本 应用图像 3.1 输入与编辑文本 3.1.1 输入文本 3.1.2 设置文本的段落格式和字符格式 Dreamweaver中的文本格式设置与标准字处理程序（如Word）类似。用户可以利用“属性”面板为文本设置默认格式化样式（段落、标题 1、标题 2等），或者直接设置所选文本的字体、大小、颜色、粗体、斜体、对齐方式和列表方式等。 1．设置字体列表 Dreamweaver中自带的字体有限，一般满足不了大多数网页设计者的需求。我们可以通过设置字体列表来解决这一问题。 2．设置文本字体及大小 3．设置段落缩进 4．设置列表项 课堂练习1 设置“公司介绍”网页文本 3.1.3 插入水平线和特殊字符 1．水平线 2．插入特殊字符 3.2 应用图像 目前在网页中可以使用的图像包括JPEG、GIF和PNG格式，下面分别列出了它们各自的特点： 3.2.1 插入与编辑图像 在Dreamweaver中插入图像的方法非常简单。在确定图像插入点后，单击“常用”插入栏中的“图像”按钮，打开“选择图像源文件”对话框，从中选择要插入的图像，然后单击“确定”按钮即可。 3.2.2 使用图像占位符 3.2.3 制作鼠标经过图像 课堂练习2 为“macaco”网页制作交互式导航条 * * 在Dreamweaver中输入文本的方法非常简单，只要将插入点定位在网页的某个位置，然后输入文本就可以了。 此外，用户还可以利用剪贴板将外部文本拷贝到网页中，然后设置其格式和各种属性。 选择字体 单击添加字体 学会设置字体列表后，就可以随心所欲地设置文本的字体了。下面就来学习在“属性”面板中设置文本字体及大小的方法。 拖动鼠标选中文本 设置字体、大小等属性 通过设置段落缩进格式，可以更好地布局文档。将插入点置于需要设置段落缩进的任意段落中，然后在“属性”面板的“格式”下拉列表中选择“段落”选项，单击“文本凸出”按钮 可使段落凸出，单击“文本缩进”按钮 可使段落缩进。 列表分为项目列表和编号列表，项目列表常应用在“列举”类型的文本中，编号列表常应用在“条款”类型的文本中，这种方式使得文本更直观、明了。 选中所要设置的文本，然后单击属性面板上的“项目列表”按钮 ，即可设置列表项。 在学习了文本的输入和格式设置方法后，下面通过一个小例子来练习和巩固一下这些知识。 水平线对于组织信息和区分版块很有帮助。要插入水平线，可以选择“插入”“HTML”“水平线”菜单。 要插入特殊字符，可以选择“插入”“HTML”“特殊字符”菜单，然后在弹出的菜单中选择相应的特殊字符。 如果在“特殊字符”菜单下没有找到需要的特殊字符，可以通过选择该菜单中最下面的“其他字符”命令打开“插入其他字符”对话框。 JPEG（联合图像专家组标准）格式：适于表现色彩丰富，具有连续色调的图像，如各种照片。 GIF（图形交换格式）格式：最多只能包含256种颜色，适合表现色调不连续或具有大面积单一颜色的图像。 PNG（便携网络图像）格式：集JPEG和GIF格式的优点于一身，既能处理照片式的精美图像，又能包含透明区域，且可以包含图层等信息，是Fireworks的默认图像格式。 图像占位符的用法非常简单。选择“插入”“图像对象”“图像占位符”菜单，打开“图像占位符”对话框，然后设置其名称、尺寸、颜色和替换文本，最后单击“确定”按钮，在指定位置插入一个图像的临时替代对象。 在网页中经常可以看到这种情况，当鼠标移动到某一图像上时，图像变成了另一幅图像，而当鼠标移开时，又恢复成原来的图像，这就是我们通常所说的鼠标经过图像。 导航条在网站中起着不可替代的作用，它把网站中的各个页面连接起来，每一个网站都有自己的导航条。利用与制作鼠标经过图像类似的方法，可制作具有可变效果的导航条。