Dreamweaver基础应用.PDF

第4章 Dreamweaver基础应用 在 Dreamweaver 中，创建网页非常简单。用户只要熟悉Word 文档的编写，就可以以所见即所得的 方式，在网页中插入文本、图像、Flash 及超链接等内容，从而制作出各式各样的网页。本章将详细讲 解如何在网页中插入各种资源。 4.1 插入文本 文本是网页中的基础元素。根据文本的作用，网页中的文本可以分为网页标题、普通文本和特殊字 符三大类。本节将详细讲解如何插入这三类文本。 4.1.1 插入网页标题 网页标题是整个网页的标题。它现在在浏览器的标题栏上。设置合理的标题，可以帮助读者通过标 题，就区分各个网页的内容。下面讲解如何设置网页的标题。 （1）启动Dreamweaver ，单击【文件】| 【新建】命令，打开【新建文档】对话框，选择【空白页】 选项，然后在【页面类型】选项框选择【HTML 】选项，在【布局】选项框中选择【无】选项，如图4.1 所示。 图4.1 【新建文档】对话框 （2 ）单击【创建】按钮，Dreamweaver 创建一个空白的页面，如图 4.2 所示。 ·34 · 图4.2 【设计】视图 （3 ）单击工具栏上的【代码】按钮，切换到【代码】视图，如图4.3 所示。【代码】视图中，显示 了 Dreamweaver 自动添加的一些HTML 基本代码。如果设计视图中没有打开【文档】工具栏，可以单 击【查看】| 【工具栏】| 【文档】命令，显示【文档】工具栏，如图4.4 所示。 图4.3 【代码】视图 图4.4 【文档】工具栏 （4 ）在【标题】文本框中输入网页的标题，例如“第一个网页”。用户页可以单击【属性】面板 上的【页面属性】按钮，打开【页面属性】对话框，如图 4.5 所示。单击【标题/编码】选项，然后在【标 题】文本框中输入标题，在【编码】下拉列表框中选择【简体中文（GB2312 ）】选项，如图4.6 所示。 第 3 章 网站的创建与管理 ·35 · 图4.5 【页面属性】对话框 图4.6 设置标题 （5 ）选择【文件】| 【保存】命令，打开【另存为】对话框。在【文件名】文本框中输入网页名称， 如 test 。 （6 ）单击【保存】按钮，将网页保存到存放网页文件的文件夹中。 （7 ）在浏览器中打开该页面，如图4.7 所示。可见该网页的标题是刚才输入的标题，但是网页正文 还是空的。 图4.7 浏览网页 4.1.2 插入普通文本 网页中文本内容是内容表达的主要方式。根据输入方式的不同，可以分为普通文本和特殊字符。本 小节首先讲解普通文本的插入。普通文本就是使用者可以在网页文档中按照文本方式直接输入的文本。 操作步骤如下所示。 （1）打开上一小节创建的网页，在【设计】视图中，单击页面空白处，输入文字“秋日”。 （5 ）选中“秋日”，单击【属性】面板的【字体】下拉列表框，选择【宋体】选项。如果下列列