编辑网页基本元素
• 4. 使用段落和标题
• 使用属性面板中的“格式”下拉列表框,或选择“文本”→“段落格式”菜单命令,可以设 置标准的段落和标题,不过在设置前,首先要选中相应的文本。如果要删除段落格式,可从 菜单或列表中选择“无”选项。
• 要改变网页段落和标题的默认设置,可以选择“修改”→“页面属性”命令,打开“页面属 性”对话框进行设置,如图4-9所示。
• 还可以给字体添加粗体、斜体、下划线、删除线等样式以改变字体的风格和修饰效果。
•
提示:Dreamweaver 8中的某些字体选项中含有多种字体组合,浏览器在显示
时是从前到后的顺序来选择字体的。如果前面的字体在浏览者的计算机上已安装,
则以这种字体来显示,否则,显示它后面的字体。
• (2)编辑字号
• 如果要改变字号,选择改变字号的文本,单击文本属性面板上“大小”下拉列表右侧的下三 角按钮,弹出字号列表,如图4-5所示。
其次要有丰富的内容,才能不断地吸引浏览者进行访问。文字是页面上不可缺少的元素,网 站的诉求思想、内容的表达都需要文字加以传递。同时,适当地配合一些图像,能够提高网 页的欣赏性。页面上的文本和图像应用超级链接就构成了一个有机整体,实现了网络互联, 这样才能够让浏览者在不同的页面间进行跳转,找到所需要的内容。 • 4.1编辑网页文本 编辑文本是最基本的网页制作技能,文字是文类文明的结晶,是网页传递信息最基本的方式。 编辑和设置内容丰富、格式美观的网页文本,既可以传达网站大量的信息,又可以激发浏览 者的阅读兴趣。在Deramweaver 8中可以输入普通文字,也可以插入特殊字符,设置字体大 小,改变文本颜色等。 4.1.1设置文本属性 1.输入文本 • 在Dreamweaver 8中输入文本有三种方法。
• (1)编辑字体样式
• 在设置字体之前,首先在网页中确定要改变格式的范围,将鼠标指针置于要选择的文字之前, 然后拖动鼠标经过所有备选区域,即可完成对文字的选择。如果没有选择范围,新设置的字 体样式只对以后输入的文字有效。
• 要改变字体,首先要选择页面中的文字,然后打开文本属性面板,在鼠标面板中单击“字体” 下拉列表右侧的下三角按钮,如图4-3所示。在下拉列表中提供了可供选择的字体列表。
• 如果在该下拉列表中找不到所需要的字体,则选择最后一项“编辑字体列表”,弹出如图4-4 所示的对话框。在编辑字体列表对话框中,从“可用字体”列表中选择字体,然后单击左边 的添加按钮,将其添加到“选择的字体”窗格内,单击【确定】按钮,所选字体就会出现在 “字体列表”中。
图4-2 首选参数对话框
• 图4-3 字体样式列表 • 图4-4 “编辑字体列表”对话框
•
图4-9 改变网页段落和标题的默认设置
•
4.1.2创建列表
•
列表是Dreamweaver 8中的一个很重要的格式设置功能。列表是将具有相似特征或者是具
有先后顺序的几行文字进行对齐排列。Dreamweaver 8有项目列表、编号列表和定义列表。
列表也可以被嵌入。
•
1. 创建列表
•
1)请按以下步骤操作:
• 图4-5 字号列表 • 在“大小”下拉列表中可以设置字号大小,还可以执行“文本”→“大小”命令,来设置字
体的大小。改变字体大小时可在下拉列表中选择,也可以直接输入字号,还可以执行“文 本”→“改变大小”命令来改变字体的大小。
•
(3)文本颜色
•
默认情况下,网页中文本的字体颜色为黑色。在页面中选中要改变颜色的文字,然后在属
第4章 编辑网页基本元素
• 本章要点 • ·编辑文本 • ·编辑图像 • ·编辑超级链接 • ·插入多媒体 • 为了使读者更好地了解和学习网页设计,本章重点介绍网页基本元素的编辑。读者需要掌握
的是网页中文本和图像的编辑,超级链接的设置和创建多媒体页面。 • 网页的基本组成部分包括文本、图像、多媒体和超级链接。制作网页时,首先要主题鲜明,
• (1)直接输入法 • 执行“文件”→“新建”命令,新建一个HTML文档,将光标定位于页面中,选择输入法,输
入文字,在Dreamweaver中输入的文字可以自动换行。需要重新开始一段时,按〈Enter〉键 即可。如果要缩小段落间距,则可以按〈Shift+Enter〉键。 • (2)剪贴板法 • 可以从其他的程序窗口中复制或者剪贴一些文本,然后粘贴在Dreamweaver 8的文档窗口中。 如果想使用剪贴板,首先在word或其他窗口中选中需要粘贴的文本,然后按〈Ctrl+C〉组合 键在剪贴板上复制文字,或者通过执行“编辑”→“复制”命令,最后再切换到 Dreamweaver 8窗口,按〈Ctrl+V〉组合键,将其粘贴在指定位置。 • (3)导入文档法 • 用Word文档,输入文字并将其做成网页的形式。然后在Dreamweaver 8窗口中,执行“文 件”→“导入”→“Word文档”命令,即可将Word文档插入页面中。 • 2.设置文本字体 • 在Dreamweaver 8中可以很方便地设置文本的大小、颜色和样式等格式。使用文本的属性面 板可以改变大部分格式,而且全部选项都包含与“文本”菜单命令中。
性面板中单击颜色框按钮弹出调色板,如图4-6所示。此时鼠标变成吸管形状,可以在文
档界面中吸取任何看到的颜色。还可以直接在颜色框后的文本框中输入颜色值。也可以执
行“文本”→“颜色”命令,会弹出“颜色”对话框,如图4-7所示。从中选择合适的颜 色,然后单击【确定】按钮。
•
图4-6 属性面板改变颜色
图4-7 “颜色”对话框对齐段落文本,可以使用属性面板中按钮,或选择“文本”→“对齐”命令。在
Dreamweaver 8中,文本的对齐方式共有4中:左对齐、居中对齐、右对齐和两端对齐, 效果如图4-8所示。
• 图4-8 对齐文本
• 在设置文本对齐方式时,只能对整个文本块设置对齐属性,而不能对段落中的部分文本设置 对齐属性。所谓的段落时指用〈Enter〉键分开的文字(网页的HTML代码标记为〈p〉),用 〈Shift+Enter〉键分开的文字(网页的HTML代码标记为〈br〉)是换行而不是分段。