Dreamweaver网页设计与应用 教学课件 作者 张丽英 02.ppt

《Dreamweaver网页设计与应用 教学课件 作者 张丽英 02.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本章简介：文本是网页设计中最基本的元素。本章主要讲解了文本的输入和编辑、水平线与网格的设置。通过这些内容的学习，可以充分利用文本工具和命令在网页中输入和编辑文本内容，设置水平线与网格，运用丰富的字体和多样的编排手段，表现出网页的内容。第2章文本课堂学习目标掌握输入和编辑文本的方法掌握设置页边距和插入换行符的方法掌握水平线的设置方法掌握显示和隐藏网格的方法和技巧2.1编辑文本格式输入文本设置文本属性输入连续空格设置是否可见元素设置页边距插入换行符案例应用——数码网页2.1.1输入文本应用Dreamweav

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

3、行设置或通过特定操作才能实现。（1）选择“编辑>首选参数”命令，弹出“首选参数”对话框。（2）在“首选参数”对话框左侧的“分类”列表中选择“常规”选项，在右侧的“编辑选项”选项组中选择“允许多个连续的空格”复选框，单击“确定”按钮完成设置。此时，用户可连续按Space键在文档编辑区内输入多个空格。2.1.4设置是否可见元素显示或隐藏某些不可见元素的具体操作步骤如下。（1）选择“编辑>首选参数”命令，弹出“首选参数”对话框。（2）在“首选参数”对话框左侧的“分类”列表中选择“不可见元素”选项，根据需要选择

4、或取消选择右侧的多个复选框，以实现不可见元素的显示或隐藏，单击“确定”按钮完成设置。最常用的不可见元素是换行符、脚本、命名锚记、层和表单隐藏区域，一般将它们设为可见。2.1.5设置页边距按照文章的书写规则，正文与纸的四周需要留有一定的距离，这个距离叫页边距。网页设计也如此，在默认状态下文档的上、下、左、右边距不为零。修改页边距的具体操作步骤如下。（1）选择“修改>页面属性”命令，弹出“页面属性”对话框。（2）根据需要在对话框的“左边距”、“右边距”、“上边距”、“下边距”选项的数值框中输入相应的数值。2

5、.1.6插入换行符为段落添加换行符有以下几种方法。选择“插入”面板的“文本”选项卡，单击“字符”展开式工具按钮，选择“换行符”按钮。按Shift+Enter组合键。选择“插入记录>HTML>特殊字符>换行符”命令。在文档中插入换行符的操作步骤如下。1.打开一个网页文件，输入文字。2.按Shift+Enter组合键，光标换到另一个段落。继续输入文字。2.1.7案例应用——数码网页使用属性面板改变文本颜色和样式。效果图2.2水平线与网格水平线显示和隐藏网格课堂案例——鲜花速递网页2.2.1水平线1.创建水平

6、线选择“插入记录>HTML>水平线”命令。2.修改水平线在文档窗口中，选中水平线，选择“窗口>属性”命令，弹出“属性”面板，可以根据需要对属性进行修改。2.2.2显示和隐藏网格使用网格可以更加方便地定位网页元素，在网页布局时网格也具有至关重要的作用。1.显示和隐藏网格2.修改网格线的形状和颜色2.2.3课堂案例——鲜花速递网页使用水平线命令在文档中插入水平线。使用属性面板改变水平线的高度和宽度。使用代码改变水平线的颜色。效果图课堂练习——回味时光网页使用属性面板改变文本颜色和大小，使网页变得更加美观。效

7、果图课后习题——健康食品网页使用属性面板改变文本颜色和大小。使用水平线命令插入水平线。效果图