DW CS6 02.ppt

本章简介:
不管网页内容如何丰富,文本自始至终都是网页中最基本的元素。由于文本产生的信息量大,输入、编辑起来方便,并且生成的文件小,容易被浏览器下载,不会占用太多的等待时间,因此掌握好文本的使用,对于制作网页来说是最基本的要求。
第2章文本与文档
课堂学习目标
文本与文档
项目符号和编号列表
水平线、网格与标尺
文本与文档
课堂案例——爱仁摄影网页
输入文本
设置文本属性
输入连续的空格
设置是否显示不可见元素
设置页边距
设置网页的标题
设置网页的默认格式
课堂案例——爱家房产网页
改变文本的大小
改变文本的颜色
改变文本的字体
改变文本的对齐方式
设置文本样式
段落文本
课堂案例——爱仁摄影网页
使用“页面属性”命令设置页面外观、网页标题效果,使用“首选参数”命令设置允许多个连续空格、显示不可见元素效果。
效果图
输入文本
应用Dreamweaver CS6编辑网页时,在文档窗口中光标为默认显示状态。要添加文本,首先应将光标移动到文档窗口中的编辑区域,然后直接输入文本,就像在其他文本编辑器中一样。打开一个文档,在文档中单击鼠标左键,将光标置于其中,然后在光标后面输入文本。
设置文本属性
利用文本属性可以方便地修改选中文本的字体、字号、样式、对齐方式等,以获得预期的效果。
选择“窗口> 属性”命令,弹出“属性”面板,在HTML和CSS属性面板中都可以设置文本的属性。
输入连续的空格
在默认状态下,Dreamweaver CS6只允许网站设计者输入一个空格,要输入连续多个空格则需要进行设置或通过特定操作才能实现。
设置“首选参数”对话框
选择“编辑> 首选参数”命令,弹出“首选参数”对话框,在对话框中选择“允许多个连续的空格”复选框。
直接插入多个连续空格
在Dreamweaver CS6中插入多个连续空格,有以下几种方法。
选择“插入”面板中的“文本”选项卡,单击“字符”展开式按钮,选择“不换行空格”按钮。
选择“插入> HTML > 特殊字符> 不换行空格”命令,或按<Ctrl+Shift+Space>快捷键。
将输入法转换到中文的全角状态下。
设置是否显示不可见元素
在网页的设计视图中,有一些元素仅用来标志该元素的位置,而在浏览器中是不可见的。例如,脚本图标是用来标志文档正文中的 Javascript 或 Vbscript 代码的位置,换行符图标是用来标志每个换行符<br> 的位置等。在设计网页时,为了快速找到这些不可见元素的位置,常常改变这些元素在设计视图中的可见性。
设置页边距
按照文章的书写规则,正文与纸的四周需要留有一定的距离,这个距离叫页边距。网页设计也如此,在默认状态下文档的上、下、左、右边距不为零。
修改页边距的具体操作步骤如下。
(1)选择“修改> 页面属性”命令,弹出“页面属性”对话框。
(2)根据需要在对话框的“左边距”、“右边距”、“上边距”、“下边距”、“边距宽度”和“边距高度”选项的数值框中输入相应的数值。