Dreamweaver网页制作3.ppt

第3章 编辑基本网页元素 文本输入与编辑 使用图像 3.1 文本输入与编辑 3.1.1 输入文本 3.1.2 设置文本的段落格式和字符格式 1．设置字体列表 2．设置文本字体及大小 3．设置段落缩进 4．设置列表项 3.1.3 插入特殊字符 3.1.4 插入日期与水平线 1．插入日期 2．插入水平线 3.2 使用图像 3.2.1 网页中可使用的图像格式 3.2.2 插入与编辑图像 3.2.3 使用图像占位符 3.2.4 制作鼠标经过图像 3.2.5 制作导航条 综合实例1—为“cosmetic”网站主页设置内容 综合实例2——为“cosmetic”网站子页设置内容 * * 在Dreamweaver中输入文本的方法非常简单，只要将插入点定位在网页的某个位置（如某个表格单元格内），然后选择输入法输入文本就可以了。对于大量的外部文本，用户可利用剪贴板将其拷贝至网页文档中。 默认情况下，网页中文本的字体、字号等，与该网页“页面属性”中设置的相同。另外，用户也可利用“属性”面板上的“格式”下拉列表为文本设置系统提供的格式化样式（段落、标题1、标题2等），或直接设置所选文本的字体、大小、颜色、粗体、斜体、对齐方式和列表方式等。 Dreamweaver中自带的字体有限，一般满足不了大多数网页设计者的需求。我们可以通过设置字体列表来解决这一问题。 设置好需要的字体列表后，就可以随心所欲地为网页中的文本设置字体了。本节就来学习在“属性”面板中设置文本字体及大小的方法。 通过设置段落缩进格式，可以更好地布局文档。将插入点置于网页文档中需要设置段落缩进的任意段落中，单击“文本凸出”按钮 可使段落凸出，单击“文本缩进”按钮 可使段落缩进。 列表分为项目列表和编号列表，项目列表常应用在“列举”类型的文本中，编号列表常应用在“条款”类型的文本中。 选中要设置的文本，然后单击“属性”面板上的“项目列表”按钮 ，即可将所选文本设置为列表形式 。 我们在设计网页时经常会用到一些无法用输入法来直接输入的特殊字符，如版权符号、注册商标符号以及常见的货币符号等。 另外，有时候用户可能希望在某个地方插入几个空格，以便进行格式对齐，但是，无论按多少次空格键，却只能插入一个空格。其原因在于HTML文档只允许字符之间包含一个空格。这种情况下，我们可以通过在字符之间插入一种称为“不换行空格”的字符来插入多个空格。 在网页文档中插入日期的方法非常简单，本节来看具体操作。 水平线对于组织信息和区分版块很有帮助。 JPEG（联合图像专家组标准）格式：适于表现色彩丰富，具有连续色调的图像，如各种照片。 GIF（图形交换格式）格式：由于它最多只能包含256种颜色，因而适合表现色调不连续或具有大面积单一颜色的图像。 PNG（便携网络图像）格式：集JPEG和GIF格式的优点于一身，图像质量高且可包含透明区。 在Dreamweaver中插入图像的方法非常简单，本节来看具体操作。 图像占位符相当于图像的临时替代对象，如果网页中的某个图像尚未制作好，可暂时用图像占位符来代替。 在网页中经常可以看到这种情况，当鼠标移动到某一图像上时，图像变成了另一幅图像，而当鼠标移开时，又恢复成原来的图像，这就是我们通常所说的鼠标经过图像。 导航条在网站中起着不可替代的作用，它把网站中的各个页面连接起来。每一个网站都有自己的导航条。利用与制作鼠标经过图像类似的方法，可制作具有可变效果的导航条。 本例通过为“cosmetic”网站主页设置内容，来练习和巩固前面所学知识。由于前面还未讲到网页布局知识，所以我们给出一个已用表格布局好的网页用户可在该网页的表格中输入文本或插入图像（具体操作见视频3-1）。