【学习概述】 文本是网页中最重要的元素。在使用 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文档的创建