网页的编辑与控制

《网页的编辑与控制》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第三章网页的编辑与控制3.1利用Dreamweaver8编辑网页文本图3-1是一个简单的网页示例，下面结合该网页介绍网页文本的处理方法。图3-1网页示例3.1.1在网页中添加和处理文本1．输入文字首先启动Dreamweaver8，打开一个网页。将光标放在页面编辑区内，按照页面的要求输入文字，为了使网页布局合理，将十二星座放在一个1行4列的表格中（表格处理的方法参见本书第4章）。如图3-2所示。如果有现成的.doc或.txt文件，可另存为.htm文件，再利用Dreamweaver8打开即可。也可以用复制粘贴的方法把其他需要的内容复制过来。在复制文本时常常用到

2、以下几种操作。（1）换行①自动换行：再输入文字时，若是一行的长度超过了Dreamweaver8窗口的显示范围，文字将自动换到下一行。自动换行的好处在于不管浏览器的大小。网页文字都见按照窗口大小自动换行，避免超出页面之外而要通过移动滚动条浏览情况。②利用Ctrl+Shift键换行再输入文字后按键，文字成段，且上下段空一行。③利用Shift+Enter键换行：如果需要将文字手动换行，中间又不能出现空行，可以按Shift+Enter键。图3-2输入文本的页面（2）输入空格Dreamweaver8中，在文本开始处按空格键是不会输入空格的，在文字之间按空格键可以输入

3、半个空格。如果要在网页中输入空格，可以采用以下3种方法。①按住Ctrl+Shift键，按一次空格键，键入半个空格。②将输入法有半角切换到全角状态（如图3-3所示），按一次空格键，键入一个空格。图3-3半角状态与全角状态的切换③将编辑窗口切换到代码视图，再要输入空格的地方输入 ；输入一组代码 ，产生半个空格。（3）插入特殊的字符有时为了内容的需要，要在Dreamweaver8网页中插入一些键盘上没有的特殊字符。在中，这些字符不仅可以通过“插入”菜单下的“特殊字符”命令来插入，还可以通过插入“字符”面板直接插入。单击插入“字符”面板上所要插入的

4、特殊字符的按钮，即可插入字符。如果插入“字符”面板中找不到的字符，还可以单击面板右边的按钮，弹出“插入其它字符”对话框，图3-4所示，在其中有更多的字符可供选择。图3-4“插入其他字符”对话框（4）加入注释文字在网页中加入适当的注释文字，可以为日后修改，管理网页提供方便。由于注释只有在编辑网页时或查看源代码时才能看到，所以不必担心注释文字会破坏版面。将光标移到想要插入注释的地方，然后单击插入面板上“常用”选项中的注释按钮，或“插入”→“文本对象”→“注释”命令，弹出对话框，如图3-5所示。在对话框加入批注内容，单击“确定”按钮即可。图3-5“注释”对话框这

5、时如果主窗口工作区处于显示设计视图，则在插入注释看到一个小标志。单击这个小标志，就会发现“属性”面板上立即出现了注释编辑框。可以在注释编辑框中修改批注内容。通过“查看”→“代码”，将工作区状态转到显示代码视图，就可可以清楚看到批注。当然可以选择“查看”→“代码和设计”命令将两者联系起来看。（5）插入水平线在页面中插入水平线的方法如下。首先确定插入水平线的位置，然后单击面板上“HTML”选项中的按钮，或选择“插入”→“HTML”→“水平线”菜单命令，则可在面板中插入一条水平线。选中水平线，打开图3-6的水平线属性面板，可以设置水平线的属性。图3-6水平线属性

6、面板在水平线属性面板上，“宽”和“高”用来设置水平线的宽度和高度（有像素和百分比两种单位）；用来设置水平线的对齐方式；“阴影”选项用于设置水平线的显示方式，勾选择该项表示有阴影，否则无阴影。（6）插入日期和时间在网页中插入日期和时间如下。1.确定插入日期和时间的位置（一般位于页面底部）。2.单击插入面板上“常用”选项卡的按钮，或“插入”→“日期”菜单命令，打开“插入日期”对话框，如图3-7所示。图3-7“插入日期”对话框3.在“插入日期”对话框中选择“日期和时间”的格式，如果要自动更新，则勾选“存储时自动更新”选项。4.单击“确定”按钮，完成日期和时间的插

7、入。日期和时间的格式和普通字符的格式一样进行设置，即选中包含日期和时间在内的文字，在文本属性中设置。按照以上方法插入日期和时间，如图3-8所示。图3-82．编辑文本（1）设置标题文字①选中的一行的“星座传说”，打开属性面板，属性面板上各项的含义如下如图3-9所示。3-9文本的属性面板②在“格式”下拉表框中选中标题文字，这里选中“标题2”。③单击按钮是文字变粗，但按钮使文字居中。（2）添加和删除中文字体在Dreamweaver8中，默认状态可供选择的字体很少，要要使用某些中文字体可以事先将计算机里的中文字体添加到Dreamweaver8的字体列表中。具体步骤

8、如下。①在主窗口的菜单栏中选择“文本”→“字体”→“编辑字体列表”