第3章 文本与网页属性设置.pptVIP

3.4.2网格 网格与标尺都是定位工具，但在网页布局中使用网格更方便。文档编辑区中显示了网格后，就可以对网页元素进行准确的定位了。 3.5页面设置 当站点建立好之后，就可以进行具体的网页编辑操作了，但在编辑网页之前，还需要对页面进行一些简单的属性设置以方便以后的工作。 3.5.1外观 打开“页面属性”对话框时，对话框默认为外观设置，其中各设置参数含义如下。 ? 页面字体 ? 大小 ? 文本颜色 ? 背景颜色 ? 背景图像 ? 左边距 ? 右边距 ? 上边距 外观设置好后单击 按钮使设置生效。 3.5.2 链接 在“页面属性”对话框的“分类”列表框中选择“链接”选项，右侧将显示“链接”的参数设置项。 其中各参数的含义如下。 ? 链接字体 ? 大小 ? 链接颜色 ? 变换图像链接 ? 已访问链接 ? 活动链接 ? 下划线样式 3.5.3 标题 在“页面属性”对话框的“分类”列表框中选择“标题”选项，右侧将显示“标题”的参数设置项。 其中各参数的含义如下。 ? 标题字体 ? 标题1 在标题2～标题6下拉列表框中可分别设置2～6级标题的字体大小和颜色，其方法与“标题1”的设置相同。 4．标题/编码 在“页面属性”对话框的“分类”列表框中选择“标题/编码”选项，右侧将显示“标题/编码”的参数设置项。 其中各参数的含义如下。 ? 标题 ? 编码 5．跟踪图像 在“页面属性”对话框的“分类”列表框中选择“跟踪图像”选项，右侧将显示“跟踪图像”的参数设置项。 其中各参数的含义如下。 ? 跟踪图像 ? 透明度 3.6CSS样式简介 CSS（Cascading Style Sheets）样式又叫层叠样式，使用它可以对网页中的布局元素，如表格、字体、颜色、背景、链接效果和其他图文效果实现更加精确的控制。CSS样式不仅可以在一个页面中使用，而且可以用于其他多个页面。 一种是把CSS文档放到head文档中： 　　style type=“text/css” …… /style 　　其中style中的“type=‘text/css’”的意思是style中的代码是定义样式表单的。 　　另一种方法是把CSS样式表写在HTML的行内，比如下面的代码： 　　p style=“font-size：14pt；color：blue”蓝色14号文字/p 　　这是采用Style=“ ”的格式把样式写在html中的任意行内，这样比较方便灵活。 　　 还有一种方法是：把编辑好的CSS文档保存成“.CSS”文件，然后在head中定义。定义的格式是这样的： 　　head link rel=stylesheet href=“style.css” …… /head  　　 3.6.1创建CSS样式 3.6.2应用CSS样式表 3.6.1创建CSS样式表 1）在CSS面板中，新建CSS样式 2）定义要创建的样式 3.6.2应用CSS样式表 创建并设置了CSS样式表后，选中需套用格式的对象，在“CSS样式”面板中选中所需的自定义样式，单击鼠标右键，从弹出的快捷菜单中选择“套用”命令即可将CSS样式应用到所选对象中。 上机实验 在本课的上机实战中，将在已有基本框架的“风行天科技”网站的首页页面中添加文本、项目列表，并对它们进行设置，如缩进、加粗、倾斜、大小、颜色等。 课堂讲解 上机实验 第3章 为网页添加文本 课堂讲解 3.1插入文本 3.2格式化文本 3.3项目列表的应用 3.4标尺和网格 3.5页面设计 3.6Css简介 3.1插入文本 3.1.1插入普通文本 3.1.2插入特殊字符 3.1.3在字符之间添加空格 3.1.4插入换行符 3.1.5插入其他文本 3.1.1插入普通文本 将插入点定位在文档编辑区中，直接输入文本即可。 在Word等文本编辑软件中编辑好文本之后，将其复制到剪贴板上，然后在Dreamweaver 中将插入点定位到文档编辑区中，粘贴剪贴板中的文本即可。 1.标题标记hn …… /hn（n=1,2,3..6） 2.段落标记p …… /p 输入文字 粘贴文字 Ctrl c ctrl v 可以选择性粘贴 Word文档同样适用 3.1.2插入特殊字符 在Dreamweaver 中编辑文本时，往往会遇到一些无法通过键盘直接输入的特殊字符，如版权符号?、注册商标符号?等，这时可通过Dreamweaver 插入特殊字符的功能进行插入。 3.1.3在字符之间添加空格 Drea