网站建设

第2章 站点与文档操作 本章要点 2.1 Dreamweaver工作界面 2.2 创建本地站点 2.3 管理站点 2.4 文档操作 2.1.1 Dreamweaver工作区概述 Dreamweaver 工作界面主要包括：菜单栏、插入栏、工具栏、文档窗口、状态栏、属性检查器、面板组、文件面板，参见下图。 2.1.1 Dreamweaver工作区概述 2.1.2 菜单栏 菜单栏提供了软件功能的所有命令选项，制作 网页时可以使用菜单栏中的命令来实现某项功能。 Dreamweaver菜单栏包括10种类别的菜单选项， 它们是：文件、编辑、查看、插入记录、修改、文 本、命令、站点、窗口、帮助，如下图所示。 2.1.3 插入栏 插入栏包括 7 种类别（常用、布局、表单、数据、Spry、文本、收藏夹），可用于插入相应的对象。 单击插入栏类别标签，下方显示该类对象的若干按钮，再单击某个按钮，打开相应对话框设置完成后就能在插入点插入所选对象。 2.1.4 工具栏 Dreamweaver 中的工具栏包括“文档”工具栏、 “ 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 ”工具栏和“样式呈现”工具栏，在代码视图模 式下还包括一个“编码”工具栏。 在“插入”栏或任意一个工具栏上单击鼠标右 键，可以从菜单中选择显示或隐藏某种工具栏（包 括插入栏）。编码工具栏选项只有在代码或者拆分 视图时才出现。 2.1.4 工具栏 使用频率最高的是“文档”工具栏，如下图所示。 2.1.5 文档窗口 文档窗口是工作区空白编辑区域，是用户编辑 文档的地方。在这里用户可以通过执行菜单命令、 使用插入栏、使用面板组等工具来制作网页。 当“文档”窗口处于最大化状态时，“文档”窗口 顶部会显示选项卡，上面显示了所有打开文档的文 件名。若要切换到某个文档，单击文档名称选项卡 即可。 文档窗口 2.1.6 状态栏 状态栏位于文档窗口底部，它提供了标签选择 器（也叫做标记符选择器）、功能按钮、窗口尺 寸、文件大小等信息，是 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 者经常需要关注的区 域，如下图所示。 2.1.7 属性检查器 属性检查器显示了被选取对象的各种属性。设 置对象属性时，首先选中对象，然后在属性检查器 中修改属性选项中的数值或者选择对应的参数选项 即可。如下图所示是文本属性检查器。 2.1.8 面板组 面板组是组合在同一标题下多个功能面板的集 合。如果要展开面板组，应单击面板组名称左侧的 展开箭头；如果要将面板组从当前停靠位置移开， 应拖动该面板组标题栏左侧边缘手柄；如果要打开 某面板或面板组，应选择“窗口”菜单的相应命令。 面板组 2.1.9 上下文菜单 Dreamweaver 是一种完全支持 Windows 右键情 景菜单的网页编辑软件。在制作网页过程中，定位 插入点后单击鼠标右键即可打开上下文菜单，然后 选择某项命令即可执行特定的操作。 上下文菜单 2.2 创建本地站点 本地站点就是位于客户端网页制作者所使用的 文件夹被称为本地根目录。 通常在制作网站时应首先应在计算机中制作根 目录，然后在使用 Dreamweaver 定义该文件夹为本 地站点。 2.2.1 创建本地根目录 在计算机硬盘上使用Windows资源管理器的 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 新建一个文件夹，并为其指定一个有意义的名称。 创建本地根目录 2.2.2 定义本地站点 演示——定义本地站点 选择菜单栏的“站点（S）”|“站点管理（M）”命令，打开“管理站点”对话框，如下图所示。 单击“管理站点”对话框中的“新建”按钮，出现“站点”和 “FTP与RDS服务器”选项，选择其中的“站点”， 如下图所示。 单击“站点”选项后，出现“站点定义”对话框，如下图所示。在“站点名称”文本框中，输入站点的名称。 在该对话框中，选择“否”。 选择系统推荐的选项，在文本框里可以填入所建网站的保存路径，然后单击“下一步”按钮，如下图所示。 该对话框设置“如何连接到远程服务器”，选择“无”， 然后单击“下一步”按钮，如下图所示。 单击“完成”按钮，出现“管理站点”对话框，如下图所示。 再单击“完成”按钮，这就完成了建一个站点的过程。 创建了站点之后，可以在“文件”面板中查看到已经创建成功的站点信息，如下图所示。 2.3 管理站点 在 Dreamweaver 中可以方便的对站点进行管理， 主要包括： a. 站点操作 b. 文件操作 2.3.1 站点操作 使用“文件”面板可对所定义的站点进行各种操 作。常用操作包括：查看站点和管理站点。 使用“文件”面板查看和管理站点 2.3.2 文件操作 Dreamweaver“文件”面板是管理站点文件的工 具，站点中文件操作（例如新建、删除、重命名等） 一般都在“文件”面板中进行。 2.4 文档操作 制作网页文档的各项基本操作内容包括： a. 新建网页 b. 网页属性设置 c. 添加网页内容 2.4.1 新建文档 在Dreamweaver 中可以有多种新建文档的方法： a. 使用欢迎屏幕 b. 新建文档对话框 c. 使用文件面板 2.4.2 打开文档 在Dreamweaver中，可以打开各种类型的文档方 法有2种： a. 双击“文件”面板中的“文件名” b. 执行“文件”>“打开”命令 2.4.3 添加内容 网页中包含一些基本数据，例如文本、图像、超 链接、 表格 关于规范使用各类表格的通知入职表格免费下载关于主播时间做一个表格详细英语字母大小写表格下载简历表格模板下载 、表单、多媒体对象等，它们是构成网页 最基本的元素。 在Dreamweaver中可以使用插入栏在文档窗口中 添加各种网页对象。 2.4.4 保存和预览网页 在 Dreamweaver 中常用的保存方法是：使用“文 件”>“保存”命令或者使用快捷键【Ctrl + S】。 预览网页常用的方法是：使用“文件”>“在浏览器 中预览”>“IExplorer”命令，也可以使用文档工具栏 “在浏览器中预览/调试”按钮，或者使用快捷键 【F12】能够在浏览器中预览网页，如果文档没有被 保存则不能进行预览。 2.4.5 设置页面属性 页面属性包括网页标题、默认文本格式、背景颜 色和背景图像、超链接显示效果以及页边距等。 站点结构实例 本实例要规划一个“网上教室”，该网站提供数 学、英语、计算机方面的教学资料，教学资料包括音 频、视频、文档等。其中计算机方面的教学内容又包 括Dreamweaver、Flash和Fireworks。 我们构建“网上教室”的文件结构，在站点中建立 文件夹，如下表所示。 文件结构表 文件结构 功能 audio 放置视频文件 video 放置音频文件 swf 放置Flash文件 doc 放置Word文件 img 放置图片文件 zip 提供给客户下载的压缩文件 index.files 网站首页中的各种文件 然后定义“网上教室”的层次结构，如下图所示。 新建文件夹：在“文件”面板中，选中站点，在站点上右击，在打开菜单中选择“新建文件夹”命令，新建站点文件夹，如下图所示。 新建文件夹的默认名称为untitled，将其更改为规划好的文件结构名，本例中首先新建文件夹audio，如下图所示。 修改文件夹名称则要选中需要修改名称的文件夹右击，在打开的菜单中选择“编辑（E）”|“重命名（N）”命令，如下图所示。也可以选中需要修改名称的文件夹，使用F2快捷键对文件夹名称进行修改。 再新建5个文件夹，分别命名为video、swf、doc、img、zip。新建文件夹完成之后的站点“文件”面板如下图所示。 新建页面：在“文件”面板的站点名称上右击，在打开的菜单中选择“新建文件”命令，新建站点页面，如下图所示。 新建文件的默认名称为untitled.html，将其更改为index.html，用来作为“网上教室”的首页，如下图所示。 继续创建数学、英语、计算机教学页面，分别命名为math.html、english.html、computer.html，创建页面完成之后的站点“文件”面板如下图所示。 再创建computer文件夹，用来存放computer.html页面下的子页面文件和子文件夹，如下图所示。 选中computer文件夹，在文件夹名称上右击，从打开的菜单中选择“新建文件”命令，新建站点页面。创建Dreamweaver.html、Flash.html、Fireworks.html3个子页面，分别用来发布Dreamweaver、Flash、Fireworks的教学内容，如下图所示。 选择Flash.html文件，在右键菜单中选择“拷贝”选项。 选择文件夹computer，在右键菜单中选择“粘贴”选项。 “重命名”新建的文件。 将该文件删除。 “查看”删除结果。 打开网页index.html。 向网页index.html中添加文本。 设置文本样式。 向网页中插入一个表格。 向表格中输入文本。 设置网页链接。 设置页面属性。 设置页面属性。 保存网页。 预览网页。