Dreamweaver网页设计 第3章文本
Dreamweaver 网页设计 第3章 文本
【学习概述】 文本是网页中最重要的元素。在使用 Dreamweaver创建网页时,不用写一行代码就可 以创建专业的页面,只需单击相应命令或按钮, 系统会自动生成相应的HTML代码。可以在文档 中添加各种内容,本章只涉及文本操作,如文档 的创建、输入文本、创建列表、格式化文本以及 设置网页属性、查找与替换等内容,因为设计网 页前必须创建站点,所以本章开始就介绍如何仓 建本地站点。通过本节的学习,读者应该对网页 设计的基本方法和技术有较深入的理解
【学习概述】 文本是网页中最重要的元素。在使用 Dreamweaver创建网页时，不用写一行代码就可 以创建专业的页面，只需单击相应命令或按钮， 系统会自动生成相应的HTML代码。可以在文档 中添加各种内容，本章只涉及文本操作，如文档 的创建、输入文本、创建列表、格式化文本以及 设置网页属性、查找与替换等内容，因为设计网 页前必须创建站点，所以本章开始就介绍如何创 建本地站点。通过本节的学习，读者应该对网页 设计的基本方法和技术有较深入的理解
3.1【课堂讲解】创建站点 3.1.1创建本地站点 (1)执行【站点】->【新建站点】命令,再选择“基本”选项卡,如图 3-1所示,把“您打算为您的站点起什么名字?”项的“未命名站点 1”改为所需要的名字,中文英文均可,比如本例中输入“ myweb作 为网站名字,实际上只起个标签的作用,完全不影响网页显示的内容。 y的姑点定叉为 结点定义 偏文件式交只发拌 ,,一的点是文文的集合,它应什影m b是什么 系,喜图程直 图3-1站点定义一输入网站名称
3.1 【课堂讲解】创建站点 3.1.1 创建本地站点 （1）执行【站点】->【新建站点】命令，再选择“基本”选项卡，如图 3-1所示， 把“您打算为您的站点起什么名字？”项的“未命名站点 1”改为所需要的名字，中文英文均可，比如本例中输入“myweb”作 为网站名字，实际上只起个标签的作用，完全不影响网页显示的内容。 图3-1站点定义－输入网站名称
3.1【课堂讲解】创建站点 2)单击“下一步”按钮,会显示如图3-2所示的对话框“您是否打算 使用服务器技术,如 ColdFusion、 asp. net、asp、jip或php?”本书主 要讲解静态网页设计技术,所以选择第一项“否,我不想使用服务器 技术。”项,如果读者以后学习服务器端编程语言,那就要选择第二 项了。 y延点定空为 站点定义 文件,第2 是打属使电哪术加Ca.g.gr? 84 想视阻果务技。 区上理[聊[ 图3-2询问是否使用服务器端技术
3.1 【课堂讲解】创建站点 （2）单击“下一步”按钮，会显示如图3-2 所示的对话框 “您是否打算 使用服务器技术，如ColdFusion、asp.net、asp、jsp 或php?”本书主 要讲解静态网页设计技术，所以选择第一项“否，我不想使用服务器 技术。”项，如果读者以后学习服务器端编程语言，那就要选择第二 项了。 图3-2询问是否使用服务器端技术
3.1【课堂讲解】创建站点 (3)单击“下一步”按钮,会显示如图33所示的对话框“在开发过程 中,您打算如何使用您的文件?”按默认选项,即选择“编辑我的计 算机上的本地副本,完成后再上传到服务器(推荐)”。单击“您将 把文件存储在计算机上的什么位置?”右侧的文件夹按钮,设置本地 站点。 站点定义 文件,第》1分 在歼发过程中,打算加侵用的辩堂 8计力(n) 您将件存储苍计算上的什公位置? 区 图3-3选择本地文件夹
3.1 【课堂讲解】创建站点 （3）单击“下一步”按钮，会显示如图3-3 所示的对话框“在开发过程 中，您打算如何使用您的文件？”按默认选项，即选择“编辑我的计 算机上的本地副本，完成后再上传到服务器（推荐）”。单击“您将 把文件存储在计算机上的什么位置？”右侧的文件夹按钮，设置本地 站点。 图3-3选择本地文件夹
3.1【课堂讲解】创建站点 (4)在打开的“选择站点 myweb的本地文件夹”项中,选择本地文件 夹位置,比如E:\ myweb,选择“ myweb"文件夹,单击“打开”按钮, 如图3-4所示,然后再单击“选择”按钮。 选择站点 move的本地根文件夹: 选择Q):软件C:) 我最近的文档 CCProxy 未命名站点2 新建文件夹 桌面 打开@ 图3-4创建本地站点
3.1 【课堂讲解】创建站点 （4）在打开的“选择站点 myweb 的本地文件夹”项中，选择本地文件 夹位置，比如E:\ myweb，选择“myweb”文件夹，单击“打开”按钮， 如图3-4所示，然后再单击“选择”按钮。 图3-4创建本地站点
3.1【课堂讲解】创建站点 (5)单击“下一步”按钮,会显示如图3-5所示的对话框“您如何连接 到远程服务器?”选择“无”项 站点定义 编辑文件测试文件共享文件 您如何连接到远程服务器? 本地/网络 □自动职新远程文件列表c) 区上0下)[取消匚帮助一 图3-5询问如何连接到远程服务器
3.1【课堂讲解】创建站点 （5）单击“下一步”按钮，会显示如图3-5 所示的对话框 “您如何连接 到远程服务器？”选择“无”项。 图3-5询问如何连接到远程服务器
3.1【课堂讲解】创建站点 (6)单击“下一步”按钮,出现站点定义的总结信息,包括本地信息、 远程信息、测试服务器信息等,如图36所示。 yveb的站点定义为 基本 站点定义 〔将创建本地根文件夹〕 在以后成 化此设置 访问我将在以后完成此设置 可以使用高级选项卡对您的站点进行进一步配置 上步芫成取匚裙助 图3-6本地站点基本信息
3.1 【课堂讲解】创建站点 （6）单击“下一步”按钮，出现站点定义的总结信息，包括本地信息、 远程信息、测试服务器信息等，如图3-6所示。 图3-6本地站点基本信息
3.1【课堂讲解】创建站点 7)单击“完成”按钮,这样站点定义就完成了。在 Dreamweaver屏 幕右侧的文件面板中可以看到刚刚创建的本地站点,如图3-7所示。 执行【站点】→>【管理站点】命令,打开“管理站点”对话框,可以 看到如图38所示的“ myweb标签,它就是刚刚创建的本地站点,可 以单击“编辑”按钮对它的一些选项进行更改 文件 文件资源代码片断 管理站点 Onweb 本地视图 bi aodan 新建) 8c|↓合ya|昆 huangjia 编辑) moban 站点- myweb0F: omat5h 「复制P 多媒体 「导出c 表格实例 「导入①) 完成① 帮助 C日志 图3-7“文本”面板的站点信息 图3-8管理站点
3.1 【课堂讲解】创建站点 （7）单击“完成”按钮，这样站点定义就完成了。在Dreamweaver屏 幕右侧的文件面板中可以看到刚刚创建的本地站点，如图3-7所示。 执行【站点】->【管理站点】命令，打开“管理站点”对话框，可以 看到如图3-8所示的“myweb”标签，它就是刚刚创建的本地站点，可 以单击“编辑”按钮对它的一些选项进行更改 图3-7 “文本”面板的站点信息 图3-8管理站点
32.1文档的创建和保存 首先启动 Dreamweaver后,选择屏幕中的【创建新项目】->【HTML】 项,如图3-10所示,这时一个新的网页文档就创建完成了。大家一定 要养成一个好习惯:经常保存网页,以防机器故障或软件故障使劳动 成果付之东流。执行【文件】→>【保存】命令,然后输入要保存的文 件名如:daii(扩展名“htm"可以不加,保存时系统会自动加上的), 然后单击“保存”按钮。系统会自动保存到上一节创建的站点 “ XIaoxing”文件夹下= 方不A日5有mM妇2Hdaa由图 杆开量适顽目 创建音项日 从前例创 口c祥式表 口打开 口真面边计 4积T 口真面计(有边的) 点此创建新文档1a5 忘LT整度 进入Dbm时快速指 8的船雪料了 增名无 LaurIN HN 图3-10文档的创
3.2.1 文档的创建和保存 首先启动Dreamweaver后，选择屏幕中的【创建新项目】->【HTML】 项，如图3-10所示，这时一个新的网页文档就创建完成了。大家一定 要养成一个好习惯：经常保存网页，以防机器故障或软件故障使劳动 成果付之东流。执行【文件】->【保存】命令，然后输入要保存的文 件名如：daili（扩展名“.html”可以不加，保存时系统会自动加上的）， 然后单击“保存”按钮。系统会自动保存到上一节创建的站点 “xiaoxing”文件夹下。 图3-10文档的创建