Dreamweaver网页制作教程 第3章 文本和图像

《Dreamweaver网页制作教程 第3章 文本和图像》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第3章文本和图像复习与提问站点的规划创建步骤使用高级设置创建站点＂厦门软件职业技术学院网站本章要点插入文本和编辑文本图像文件的类型插入图像和设置图像属性插入鼠标经过图像插入导航条创建网站相册3.1.1添加文本执行下列操作之一：直接在＂文档＂窗口中键入文本。从其他应用程序中复制文本，切换到Dreamweaver，将插入点定位在＂文档＂窗口的＂设计＂视图中，然后选择＂编辑＂>＂粘贴＂（Ctrl+V）或＂编辑＂>＂选择性粘贴＂（Ctrl+Shift+V）。（如图3-1所示）。3.1.2设置段落格式使用＂属性＂检查器中的＂格式＂弹出式菜单或＂文本＂>＂段落格式＂子菜单可以应用标准段落和标题标签。1）将

2、插入点放在段落中，或者选择段落中的一些文本。2）使用＂文本＂>＂段落格式＂子菜单或＂属性＂检查器中的＂格式＂弹出式菜单，选择一个选项：选择段落格式（例如，＂标题1＂、＂标题2＂、＂已编排格式＂等）。与所选样式关联的HTML标签（例如，表示＂标题1＂的h1、表示＂标题2＂的h2、表示＂已编排格式＂文本的pre等）即应用于整个段落。如图3-2所示。选择＂无＂删除段落格式。对段落应用标题标签时，Dreamweaver自动添加下一行文本作为标准段落。若要更改此设置，选择＂编辑＂>＂首选参数＂；然后在＂常规＂类别中的＂编辑选项＂下确保取消选择＂标题后切换到普通段落＂。3.1.3更改文本颜色可以更改所选文

3、本的颜色，使新颜色覆盖＂页面属性＂中设置的文本颜色。（如果未在＂页面属性＂中设置任何文本颜色，则默认文本颜色为黑色。）1）选择文本。2）执行下列操作之一：单击＂属性＂检查器中的颜色选择器，从调色板中选择一种颜色。选择＂文本＂>＂颜色＂。出现系统颜色选择器对话框。选择一种颜色，然后单击＂确定＂。直接在＂属性＂检查器字段中输入颜色名称或十六进制数字。如图3-2所示。若要定义默认文本颜色，可使用＂修改＂>＂页面属性＂命令。3.1.4更改字体及样式1．设置或更改字体特性：1)选择文本。如果未选择文本，更改将应用于随后键入的文本。2)从＂属性＂检查器或＂文本＂>＂字体＂子菜单中选择字体组合。或选择＂默认

4、＂删除先前应用的字体；＂默认＂对所选文本应用默认字体（或者是浏览器的默认字体，或者是在CSS样式表中指定给该标签的字体）。2．更改字体样式：单击＂属性＂检查器中的＂粗体＂或＂斜体＂，或者从＂文本＂>＂样式＂子菜单中选择字体样式（＂粗体＂、＂斜体＂、＂下划线＂等）。3．更改字体大小：“属性”检查器或“文本”>“大小”子菜单中选择大小（从1到7）。3.1.5对齐文本使用＂属性＂检查器或＂文本＂>＂对齐＂子菜单可以对齐页面上的文本。使用＂文本＂>＂对齐＂>＂居中对齐＂命令可以将页面元素居中对齐。1）选择要对齐的文本，或者只需将指针插入到文本开头。2）单击＂属性＂检查器中的对齐选项（＂左对齐＂、＂右对

5、齐＂或＂居中对齐＂），或者选择＂文本＂>＂对齐＂，然后选择对齐命令。3.1.6缩进文本1）将插入点放在要缩进的段落中。2）单击＂属性＂检查器中的＂缩进＂或＂凸出＂按钮，或选择＂文本＂>＂缩进＂或＂凸出＂，或从上下文菜单中选择＂列表＂>＂缩进＂或＂凸出＂。3.1.7添加段落间距按Enter键可以创建一个新段落。Web浏览器在段落之间自动插入一个空白空格行。通过插入一个换行符，可以在段落之间添加一个空格行。3.1.8创建项目列表和编号列表1)选择一系列段落组成一个列表。2)单击＂属性＂检查器中的＂项目列表＂或＂编号列表＂按钮，或选择＂文本＂>＂列表＂，然后选择所需的列表类型：＂项目列表＂、＂编号列

6、表＂或＂定义列表＂3.1.9插入特殊字符1)在＂文档＂窗口中，将插入点放在要插入特殊字符的位置。2)从＂插入＂>＂HTML＂>＂特殊字符＂子菜单中选择字符名称，或在＂插入＂栏中的＂文本＂类别中，单击＂字符＂按钮选择需要的字符。3.1.10在字符之间添加空格HTML只允许字符之间包含一个空格；若要在文档中添加其他空格，必须插入连续空格。可以设置一个在文档中自动添加不换行空格的首选参数。插入不换行空格，执行下列操作之一：在＂插入＂栏中的＂HTML＂类别中，单击＂字符＂按钮并选择＂插入不换行空格＂。选择＂插入＂>＂HTML＂>＂特殊字符＂>＂不换行空格＂。按Ctrl+Shift+空格键。设置添加不换

7、行空格的首选参数的操作如下：1）执行＂编辑>首选＂参数菜单命令。2）在＂常规＂类别中确保选择＂允许多个连续空格选项＂，即可完成。3.1.11使用水平线1.创建水平线：１）在＂文档＂窗口中，将插入点放在要插入水平线的位置。２）选择＂插入＂>＂HTML＂>＂水平线＂。或在＂插入＂栏的＂HTML＂类别中，单击＂水平线＂按钮。2.修改水平线：1)在＂文档＂窗口中，选择水平线。2)选择＂窗口＂>＂属性＂打开