Dreamweaver网页设计 文本
Dreamweaver 网页设计 文本
【学习概述】 文本是网页中最重要的元素。在使用 Dreamweaver创建网页时，不用写一行代码就可 以创建专业的页面，只需单击相应命令或按钮， 系统会自动生成相应的HTML代码。可以在文档 中添加各种内容，本章只涉及文本操作，如文档 的创建、输入文本、创建列表、格式化文本以及 设置网页属性、查找与替换等内容，因为设计网 页前必须创建站点，所以本章开始就介绍如何创 建本地站点。通过本节的学习，读者应该对网页 设计的基本方法和技术有较深入的理解
【学习概述】 文本是网页中最重要的元素。在使用 Dreamweaver创建网页时，不用写一行代码就可 以创建专业的页面，只需单击相应命令或按钮， 系统会自动生成相应的HTML代码。可以在文档 中添加各种内容，本章只涉及文本操作，如文档 的创建、输入文本、创建列表、格式化文本以及 设置网页属性、查找与替换等内容，因为设计网 页前必须创建站点，所以本章开始就介绍如何创 建本地站点。通过本节的学习，读者应该对网页 设计的基本方法和技术有较深入的理解
3.1【课堂讲解】创建站点 3.1.1创建本地站点 (1)执行【站点】->【新建站点】命令，再选择“基本”选项卡，如图 3-1所示，把“您打算为您的站点起什么名字？”项的“未命名站点 1"改为所需要的名字，中文英文均可，比如本例中输入“myweb”作 为网站名字，实际上只起个标签的作用，完全不影响网页显示的内容。 拉四四口 图31站点定义一输入网站名称
3.1 【课堂讲解】创建站点 3.1.1 创建本地站点 （1）执行【站点】->【新建站点】命令，再选择“基本”选项卡，如图 3-1所示， 把“您打算为您的站点起什么名字？”项的“未命名站点 1”改为所需要的名字，中文英文均可，比如本例中输入“myweb”作 为网站名字，实际上只起个标签的作用，完全不影响网页显示的内容。 图3-1站点定义－输入网站名称
3.1【课堂讲解】创建站点 (2)单击“下一步”按钮，会显示如图32所示的对话框“您是否打算 使用服务器技术，如ColdFusion、asp.net、asp、jsp或php?"本书主 要讲解静态网页设计技术，所以选择第一项“否，我不想使用服务器 技术。”项，如果读者以后学习服务器端编程语言，那就要选择第二 项了。 图32询间是否使用服务器端技术
3.1 【课堂讲解】创建站点 （2）单击“下一步”按钮，会显示如图3-2 所示的对话框 “您是否打算 使用服务器技术，如ColdFusion、asp.net、asp、jsp 或php?”本书主 要讲解静态网页设计技术，所以选择第一项“否，我不想使用服务器 技术。”项，如果读者以后学习服务器端编程语言，那就要选择第二 项了。 图3-2询问是否使用服务器端技术
3.1【课堂讲解】创建站点 (3)单击“下一步”按钮，会显示如图3-3所示的对话框“在开发过程 中，您打算如何使用您的文件？”按默认选项，即选择“编辑我的计 算机上的本地副本，完成后再上传到服务器（推荐）”。单击“您将 把文件存储在计算机上的什么位置？”右侧的文件夹按钮，设置本地 站点。 8a 上小)配A■ 一图33选择本地文件夹
3.1 【课堂讲解】创建站点 （3）单击“下一步”按钮，会显示如图3-3 所示的对话框“在开发过程 中，您打算如何使用您的文件？”按默认选项，即选择“编辑我的计 算机上的本地副本，完成后再上传到服务器（推荐）”。单击“您将 把文件存储在计算机上的什么位置？”右侧的文件夹按钮，设置本地 站点。 图3-3选择本地文件夹
3.1【课堂讲解】创建站点 (4)在打开的“选择站点myweb的本地文件夹”项中，选择本地文件 夹位置，比如E\myweb,选择“myweb"文件夹，单击“打开”按钮， 如图3-4所示，然后再单击“选择”按钮。 选拜站点b的本地根文件夹： 滤择)：一软件：) too1 我最近的文档co g Files 我的电 打开@) 选择卫 取消 图34创建本地站点
3.1 【课堂讲解】创建站点 （4）在打开的“选择站点 myweb 的本地文件夹”项中，选择本地文件 夹位置，比如E:\ myweb，选择“myweb”文件夹，单击“打开”按钮， 如图3-4所示，然后再单击“选择”按钮。 图3-4创建本地站点
3.1【课堂讲解】创建站点 (5)单击“下一步”按钮，会显示如图3-5所示的对话框“您如何连接 到远程服务器？”选择“无”项。 y小的站点定义为 基本高证 站点定义 格文作女件共李文件 4N图毫片 图3-5询问如何连接到远程服务器
3.1【课堂讲解】创建站点 （5）单击“下一步”按钮，会显示如图3-5 所示的对话框 “您如何连接 到远程服务器？”选择“无”项。 图3-5询问如何连接到远程服务器
3.1【课堂讲解】创建站点 (6)单击“下一步”按钮，出现站点定义的总结信息，包括本地信息、 远程信息、测试服务器信息等，如图36所示。 yb的站点牢之为 本高和圆 站点定义 的W点包合以下设置 器o 还香椅其将完成此设重。 经在以后完皮此技五。 可以镜用“商选项卡对2的站点进门注一卡置， 二岁网克成)口聚棉☐帮动 图3-6本地站点基本信息
3.1 【课堂讲解】创建站点 （6）单击“下一步”按钮，出现站点定义的总结信息，包括本地信息、 远程信息、测试服务器信息等，如图3-6所示。 图3-6本地站点基本信息
3.1【课堂讲解】创建站点 (7)单击“完成”按钮，这样站点定义就完成了。在Dreamweaver)屏 幕右侧的文件面板中可以看到刚刚创建的本地站点，如图37所示。 执行【站点】->【管理站点】命令，打开“管理站点”对话框，可以 看到如图3-8所示的“myweb”标签，它就是刚刚创建的本地站点，可 以单击“编辑”按钮对它的一些选项进行更改 ,文件 】 文件资源」代码片断 管理站点 白mweb 本地视图 biaodan 新建D.… C个y合回 编指). 站点-myweb:\tomcat5 moban 复制). 册除⑧) 落实例 导出). 导入) 完成四)■ 帮助 日志. 图3-7“文本”面板的站点信息 图3-8管理站点
3.1 【课堂讲解】创建站点 （7）单击“完成”按钮，这样站点定义就完成了。在Dreamweaver屏 幕右侧的文件面板中可以看到刚刚创建的本地站点，如图3-7所示。 执行【站点】->【管理站点】命令，打开“管理站点”对话框，可以 看到如图3-8所示的“myweb”标签，它就是刚刚创建的本地站点，可 以单击“编辑”按钮对它的一些选项进行更改 图3-7 “文本”面板的站点信息 图3-8管理站点
3.2.1 文档的创建和保存 首先启动Dreamweaver)后，选择屏幕中的【创建新项目】->【HTML】 项，如图310所示，这时一个新的网页文档就创建完成了。大家一定 要养成一个好习惯：经常保存网页，以防机器故障或软件故障使劳动 成果付之东流。执行【文件】>【保存】命令，然后输入要保存的文 件名如：daii(扩展名“.htm”可以不加，保存时系统会自动加上的)， 然后单击“保存”按钮。系统会自动保存到上一节创建的站点 “xiaoxing”文件夹下= 点此斜新文档 图3-10文档的创建
3.2.1 文档的创建和保存 首先启动Dreamweaver后，选择屏幕中的【创建新项目】->【HTML】 项，如图3-10所示，这时一个新的网页文档就创建完成了。大家一定 要养成一个好习惯：经常保存网页，以防机器故障或软件故障使劳动 成果付之东流。执行【文件】->【保存】命令，然后输入要保存的文 件名如：daili（扩展名“.html”可以不加，保存时系统会自动加上的）， 然后单击“保存”按钮。系统会自动保存到上一节创建的站点 “xiaoxing”文件夹下。 图3-10文档的创建