添加网页文本-窦店中学.PPT

第四章 文本与超链接 窦店中学 吴振海 2013年12月 本章将介绍文本与超链接的基本知识及使用方法。 学习要点 添加普通文本 插入特殊符号和日期 对文本的格式设置，重点学习用CSS样式格式化文本 三种超链接的概念和功能；创建超链接的方法 4.1、 添加网页文本 文字是最重要的传递信息的媒介。一般而言，网页上的信息大多都通过文字来表达的，它们通过不同的排列方式、不同的设计风格排列在网页上，提供丰富的信息。在制作网页的时候。文本的创建和编辑占了制作工作的很大部分。能否对各种文本控制手段运用自如，是决定网页设计是否美观和富有创意以及提高工作效率的关键。 下面向大家介绍Dreamweaver CS4提供的多种向文档中添加文本和设置文本格式的方法。 4.1 、添加网页文本 4.1.1、添加普通文本 ◆ 直接在文档窗口中键入文本。 ◆从其他应用程序中复制文本，切换到Dreamweaver,将插入点定位在文档窗口的设计视图中，然后执行“编辑”|“粘贴”或“选择性粘贴”等命令。 ◆利用DreamweaverCS4的粘贴选项，可以保留所有源格式设置，也可以只粘贴文本，还可以指定粘贴文本方式。另外还可以将粘贴首选项参数设置为默认选项。 ◆从其他文档导入文本。 （如Microsoft Excel文件或数据库文件） 4.1 、添加网页文本 4.1.2、插入特殊符号 在DreamweaverCS4中插入特殊字符是非常简单的。 Dreamweaver工作界面，右侧“插入”面板的“文本”面板， 单击字符下拉箭头后，就可以看到特殊字符了。 下面通过插入两个特殊字符“§”和“?”的示例， 来演示插入特殊字符的具体步骤。 在特殊字符菜单中还包括了换行符和非间断空格符 1、换行符 2、插入非间断空格 4.1 、添加网页文本 4.1.3、插入日期 4.2、设置文本格式 4.2.1、文本的属性 文本格式的大部实现都可以通过属性设置面板进行设置，属性的设置面板是DreamweaverCS4所有对象共有的，但是不同的对象对应不同的属性设置面板。 执行“窗口”|“属性”命令，出现属性设置面板，如下图： 用户可以直接在属性面板中设置，应用HTML格式或CSS格式。应用HTML格式时，Dreamweaver会将属性添加到页面正文的html代码中。 应用CSS格式时，Dreamweaver会将属性写入文档头或单独的样式表中。 4.2、设置文本格式 4.2.2、设置段落格式 所谓段落，就是一段格式上统一的文本。在文档窗口中，每输入一段文字，按下回车键后，就自动生成一个段落。在HTML中，段落主要由标记p和/p所定义的。实际上有时可以采用其他类型的标记来定义段落。 例如：将第一行设置为“标题1”格式。 如果需要更改自动添加下一行为 标准段落。 在“编辑”|”首选参数” “标题后切换到普通段落” 4.3、用CSS样式格式化文本 DreamweaverCS4为最佳做法提供了支持，包括对高级CSS的使用。全部CSS功能合并在一个面板集合中，并已得到增强。 执行“窗口”|“CSS样式”命令，即可打开“CSS样式”面板。如下图所示。 附加样式表，打开“连接外部样式表”对话框， 选择一个外部样式表分配给当前文档。 新建CSS规则 编辑样式表 删除选中样式表中的CSS样式。 4.3、用CSS样式格式化文本 4.3.1、创建CSS样式表 4.3.2、链接/导入外部CSS样式表 4.3.3、修改CSS样式表 4.3、用CSS样式格式化文本 4.3.4、CSS样式的应用 下面以一个例子演示CSS样式在格式化文本的应用。本例要实现的是，在文档中建立一个连接，用CSS样式控制链接文本为隶书字体、无下划线、蓝色；当光标移动到链接文本上方时，文本字体变大并且颜色变成红色。 本例制作步骤如下：点击查看 4.4、添加超级链接 超链接是网页与网页之间联系的纽带。通过超级链接的方式可以将各个网页连接起来，使网站中众多的页面构成一个有机的整体，使访问者能够在各个页面之间跳转。在网页设计中，超链接的应用非常广泛，熟练地应用超链接是设计网页的基本要求。下面就对各种链接技术进行介绍。在介绍使用Dreamweaver CS4在文档中创建超链接之前，我们先来了解一些关于超链接的基本概念和基本知识。 4.4.1、链接的基本知识 超链接是指从一个对象指向另一个对象的指针，它可以是网页中的一段文字也可以是一张图片，甚至可以是图片中的某一部分。它允许我们同其它网页、站点、图片、文件等进行连接，从而使Intern