第4章 编辑网页基本元素

《第4章 编辑网页基本元素》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第4章编辑网页基本元素本章要点·编辑文本·编辑图像·编辑超级链接·插入多媒体为了使读者更好地了解和学习网页设计，本章重点介绍网页基本元素的编辑。读者需要掌握的是网页中文本和图像的编辑，超级链接的设置和创建多媒体页面。网页的基本组成部分包括文本、图像、多媒体和超级链接。制作网页时，首先要主题鲜明，其次要有丰富的内容，才能不断地吸引浏览者进行访问。文字是页面上不可缺少的元素，网站的诉求思想、内容的表达都需要文字加以传递。同时，适当地配合一些图像，能够提高网页的欣赏性。页面上的文本和图像应用超级链接就构成了一个有机整体，

2、实现了网络互联，这样才能够让浏览者在不同的页面间进行跳转，找到所需要的内容。4.1编辑网页文本编辑文本是最基本的网页制作技能，文字是文类文明的结晶，是网页传递信息最基本的方式。编辑和设置内容丰富、格式美观的网页文本，既可以传达网站大量的信息，又可以激发浏览者的阅读兴趣。在Deramweaver8中可以输入普通文字，也可以插入特殊字符，设置字体大小，改变文本颜色等。4.1.1设置文本属性1.输入文本在Dreamweaver8中输入文本有三种方法。（1）直接输入法执行“文件”→“新建”命令，新建一个HTML文档，将光标

3、定位于页面中，选择输入法，输入文字，在Dreamweaver中输入的文字可以自动换行。需要重新开始一段时，按〈Enter〉键即可。如果要缩小段落间距，则可以按〈Shift+Enter〉键。（2）剪贴板法可以从其他的程序窗口中复制或者剪贴一些文本，然后粘贴在Dreamweaver8的文档窗口中。如果想使用剪贴板，首先在word或其他窗口中选中需要粘贴的文本，然后按〈Ctrl+C〉组合键在剪贴板上复制文字，或者通过执行“编辑”→“复制”命令，最后再切换到Dreamweaver8窗口，按〈Ctrl+V〉组合键，将其粘贴在

4、指定位置。（3）导入文档法用Word文档，输入文字并将其做成网页的形式。然后在Dreamweaver8窗口中，执行“文件”→“导入”→“Word文档”命令，即可将Word文档插入页面中。2.设置文本字体在Dreamweaver8中可以很方便地设置文本的大小、颜色和样式等格式。使用文本的属性面板可以改变大部分格式，而且全部选项都包含与“文本”菜单命令中。（1）编辑字体样式在设置字体之前，首先在网页中确定要改变格式的范围，将鼠标指针置于要选择的文字之前，然后拖动鼠标经过所有备选区域，即可完成对文字的选择。如果没有选择范

5、围，新设置的字体样式只对以后输入的文字有效。要改变字体，首先要选择页面中的文字，然后打开文本属性面板，在鼠标面板中单击“字体”下拉列表右侧的下三角按钮，如图4-3所示。在下拉列表中提供了可供选择的字体列表。如果在该下拉列表中找不到所需要的字体，则选择最后一项“编辑字体列表”，弹出如图4-4所示的对话框。在编辑字体列表对话框中，从“可用字体”列表中选择字体，然后单击左边的添加按钮，将其添加到“选择的字体”窗格内，单击【确定】按钮，所选字体就会出现在“字体列表”中。图4-2首选参数对话框图4-3字体样式列表图4-4“编

6、辑字体列表”对话框还可以给字体添加粗体、斜体、下划线、删除线等样式以改变字体的风格和修饰效果。提示：Dreamweaver8中的某些字体选项中含有多种字体组合，浏览器在显示时是从前到后的顺序来选择字体的。如果前面的字体在浏览者的计算机上已安装，则以这种字体来显示，否则，显示它后面的字体。（2）编辑字号如果要改变字号，选择改变字号的文本，单击文本属性面板上“大小”下拉列表右侧的下三角按钮，弹出字号列表，如图4-5所示。图4-5字号列表在“大小”下拉列表中可以设置字号大小，还可以执行“文本”→“大小”命令，来设置字体的

7、大小。改变字体大小时可在下拉列表中选择，也可以直接输入字号，还可以执行“文本”→“改变大小”命令来改变字体的大小。（3）文本颜色默认情况下，网页中文本的字体颜色为黑色。在页面中选中要改变颜色的文字，然后在属性面板中单击颜色框按钮弹出调色板，如图4-6所示。此时鼠标变成吸管形状，可以在文档界面中吸取任何看到的颜色。还可以直接在颜色框后的文本框中输入颜色值。也可以执行“文本”→“颜色”命令，会弹出“颜色”对话框，如图4-7所示。从中选择合适的颜色，然后单击【确定】按钮。图4-6属性面板改变颜色图4-7“颜色”对话框3.

8、对齐文本要对齐段落文本，可以使用属性面板中按钮，或选择“文本”→“对齐”命令。在Dreamweaver8中，文本的对齐方式共有4中：左对齐、居中对齐、右对齐和两端对齐，效果如图4-8所示。图4-8对齐文本在设置文本对齐方式时，只能对整个文本块设置对齐属性，而不能对段落中的部分文本设置对齐属性。所谓的段落时指用〈Enter〉键分开的文字（网页的HTML代码标记