网页的编辑与控制.docVIP

第三章 网页的编辑与控制 3.1利用Dreamweaver 8编辑网页文本 图3-1是一个简单的网页示例，下面结合该网页介绍网页文本的处理方法。 图3-1 网页示例 3.1.1在网页中添加和处理文本 1．输入文字 首先启动Dreamweaver 8，打开一个网页。 将光标放在页面编辑区内，按照页面的要求输入文字，为了使网页布局合理，将十二星座放在一个1行4列的表格中（表格处理的方法参见本书第4章）。如图3-2所示。 如果有现成的.doc或.txt文件，可另存为.htm文件，再利用Dreamweaver 8打开即可。也可以用复制粘贴的方法把其他需要的内容复制过来。 在复制文本时常常用到以下几种操作。 （1）换行 ① 自动换行：再输入文字时，若是一行的长度超过了Dreamweaver 8窗口的显示范围，文字将自动换到下一行。自动换行的好处在于不管浏览器的大小。网页文字都见按照窗口大小自动换行，避免超出页面之外而要通过移动滚动条浏览情况。 ② 利用Ctrl+Shift键换行再输入文字后按键，文字成段，且上下段空一行。 ③ 利用Shift+Enter键换行：如果需要将文字手动换行，中间又不能出现空行，可以按Shift+Enter键。 图3-2 输入文本的页面 （2）输入空格 Dreamweaver 8中，在文本开始处按空格键是不会输入空格的，在文字之间按空格键可以输入半个空格。如果要在网页中输入空格，可以采用以下3种方法。 ① 按住Ctrl+Shift键，按一次空格键，键入半个空格。 ② 将输入法有半角切换到全角状态（如图3-3所示），按一次空格键，键入一个空格。 图3-3 半角状态与全角状态的切换 ③ 将编辑窗口切换到代码视图，再要输入空格的地方输入nbsp；输入一组代码nbsp，产生半个空格。 （3）插入特殊的字符 有时为了内容的需要，要在 Dreamweaver 8网页中插入一些键盘上没有的特殊字符。在中，这些字符不仅可以通过“插入”菜单下的“特殊字符”命令来插入，还可以通过插入“字符”面板直接插入。 单击插入“字符”面板上所要插入的特殊字符的按钮，即可插入字符。如果插入“字符”面板中找不到的字符，还可以单击面板右边的按钮，弹出“插入其它字符”对话框，图3-4所示，在其中有更多的字符可供选择。 图3-4 “插入其他字符”对话框 （4）加入注释文字 在网页中加入适当的注释文字，可以为日后修改，管理网页提供方便。由于注释只有在编辑网页时或查看源代码时才能看到，所以不必担心注释文字会破坏版面。 将光标移到想要插入注释的地方，然后单击插入面板上“常用” 选项中的注释按钮，或“插入”→“文本对象”→“注释”命令，弹出对话框，如图3-5所示。在对话框加入批注内容，单击“确定”按钮即可。 图3-5 “注释”对话框 这时如果主窗口工作区处于显示设计视图，则在插入注释看到一个小标志。单击这个小标志，就会发现“属性”面板上立即出现了注释编辑框。可以在注释编辑框中修改批注内容。通过“查看”→“代码”，将工作区状态转到显示代码视图，就可可以清楚看到批注。当然可以选择“查看” →“代码和设计”命令将两者联系起来看。 （5）插入水平线 在页面中插入水平线的方法如下。 首先确定插入水平线的位置，然后单击面板上“HTML”选项中的按钮，或选择“ 插入”→“HTML” →“水平线”菜单命令，则可在面板中插入一条水平线。 选中水平线，打开图3-6的水平线属性面板，可以设置水平线的属性。 图3-6 水平线属性面板 在水平线属性面板上，“宽”和“高”用来设置水平线的宽度和高度（有像素和百分比两种单位）；用来设置水平线的对齐方式；“阴影”选项用于设置水平线的显示方式，勾选择该项表示有阴影，否则无阴影。 （6）插入日期和时间 在网页中插入日期和时间如下。 1.确定插入日期和时间的位置（一般位于页面底部）。 2.单击插入面板上“常用”选项卡的按钮，或“插入”→“日期”菜单命令，打开“插入日期”对话框，如图3-7所示。 图 3-7 “插入日期”对话框 3.在“插入日期”对话框中选择“日期和时间”的格式，如果要自动更新，则勾选“存储时自动更新”选项。 4.单击“确定”按钮，完成日期和时间的插入。 日期和时间的格式和普通字符的格式一样进行设置，即选中包含日期和时间在内的文字，在文本属性中设置。 按照以上方法插入日期和时间，如图3-8 所示。 图3-8 2．编辑文本 （1）设置标题文字 ①选中的一行的“星座传说”，打开属性面板，属性面板上各项的含义如下如图3-9所示。 3-9 文本的属性面板 ②在“格式”下拉表框中选中标题文字，这里选中“标题2”。 ③单击按钮是文字变粗，但按钮使文字居中。 （2）添加和删除中文字体 在Dreamweaver 8中，默认状态可供选择的字体