DreamweaverCS3中文版实例教程 02 文本与文档

《DreamweaverCS3中文版实例教程 02 文本与文档》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、本章简介：不管网页内容如何丰富，文本自始至终都是网页中最基本的元素。由于文本产生的信息量大，输入、编辑起来方便，并且生成的文件小，容易被浏览器下载，不会占用太多的等待时间，因此掌握好文本的使用，对于制作网页来说是最基本的要求。第2章　文本与文档课堂学习目标文本与文档项目符号和编号列表水平线、网格与标尺2.1文本与文档课堂案例——爱仁摄影网页输入文本设置文本属性输入连续的空格设置是否显示不可见元素设置页边距设置网页的标题设置网页的默认格式课堂案例——爱家房产网页改变文本的大小改变文本的颜色改变文本的字体改变文本的对齐方式设置文本样式段落文本2.1.1课堂案例——爱仁摄影

2、网页使用“页面属性”命令设置页面外观、网页标题效果，使用“首选参数”命令设置允许多个连续空格、显示不可见元素效果。效果图2.1.2输入文本应用DreamweaverCS3编辑网页时，在文档窗口中光标为默认显示状态。要添加文本，首先应将光标移动到文档窗口中的编辑区域，然后直接输入文本，就像在其他文本编辑器中一样。打开一个文档，在文档中单击鼠标左键，将光标置于其中，然后在光标后面输入文本。2.1.3设置文本属性利用文本属性可以方便地修改选中文本的字体、字号、样式、对齐方式等，以获得预期的效果。选择“窗口>属性”命令，弹出“属性”面板。“属性”面板2.1.4输入连续的空格在

3、默认状态下，DreamweaverCS3只允许网站设计者输入一个空格，要输入连续多个空格则需要进行设置或通过特定操作才能实现。设置“首选参数”对话框选择“编辑>首选参数”命令，弹出“首选参数”对话框，在对话框中选择“允许多个连续的空格”复选框。直接插入多个连续空格在DreamweaverCS3中插入多个连续空格，有以下几种方法。选择“插入”面板中的“文本”选项卡，单击“字符”展开式按钮，选择“不换行空格”按钮。选择“插入记录>HTML>特殊字符>不换行空格”命令，或按快捷键。将输入法转换到中文的全角状态下。2.1.5设置是否显示不可

4、见元素在网页的设计视图中，有一些元素仅用来标志该元素的位置，而在浏览器中是不可见的。例如，脚本图标是用来标志文档正文中的Javascript或Vbscript代码的位置，换行符图标是用来标志每个换行符
的位置等。在设计网页时，为了快速找到这些不可见元素的位置，常常改变这些元素在设计视图中的可见性。2.1.6设置页边距按照文章的书写规则，正文与纸的四周需要留有一定的距离，这个距离叫页边距。网页设计也如此，在默认状态下文档的上、下、左、右边距不为零。修改页边距的具体操作步骤如下。（1）选择“修改>页面属性”命令，弹出“页面属性”对话框。（2）根据需要在对话框的“左边

5、距”、“右边距”、“上边距”、“下边距”、“边距宽度”和“边距高度”选项的数值框中输入相应的数值。2.1.7设置网页的标题HTML页面的标题可以帮助站点浏览者理解所查看网页的内容，并在浏览者的历史记录和书签列表中标志页面。文档的文件名是通过保存文件命令保存的网页文件名称，而页面标题是浏览者在浏览网页时浏览器标题栏中显示的信息。2.1.8设置网页的默认格式用户在制作新网页时，页面都有一些默认的属性，比如网页的标题、网页边界、文字编码、文字颜色和超链接的颜色等。若需要修改网页的页面属性，可选择“修改>页面属性”命令，在弹出“页面属性”对话框中进行修改。2.1.9课堂案例—

6、—爱家房产网页使用“属性”面板改变文本大小、颜色、字体、样式和对齐方式。效果图DreamweaverCS3提供两种改变文本大小的方法，一种是设置文本的默认大小，一种是设置选中文本的大小。设置文本的默认大小设置选中文本的大小文本的相对大小和绝对大小2.1.10改变文本的大小丰富的视觉色彩可以吸引用户的注意，网页中的文本不仅可以是黑色，还可以呈现为其他色彩，最多时可达到16777216种颜色。颜色的种类与用户显示器的分辨率和颜色值有关，所以，通常在216种网页色彩中选择文字的颜色。在DreamweaverCS3中提供了两种改变文本颜色的方法。设置文本的默认颜色设置选中文本

7、的颜色2.1.11改变文本的颜色DreamweaverCS3提供了两种改变文本字体的方法，一种是设置文本的默认字体，一种是设置选中文本的字体。设置文本的默认字体设置选中文本的字体2.1.12改变文本的字体文本的对齐方式是指文字相对于文档窗口或浏览器窗口在水平位置的对齐方式。对齐方式按钮有以下4种。“左对齐”按钮：使文本在浏览器窗口中左对齐。“居中对齐”按钮：使文本在浏览器窗口中居中对齐。“右对齐”按钮：使文本在浏览器窗口中右对齐。“两端对齐”按钮：使文本在浏览器窗口中两端对齐。2.1.13改变文本的对齐方式文本样式是指字符的外观显示方式，例如加粗文本