第二章创建和管理站点祥解.pptVIP

第二章 创建站点 内容提要： DREAMWEAVER8软件简介和设置 定义站点、页面属性与超链接 学习目标： 了解DREAMWEAVER的作用，基本界面布局，以及各功能区的应用范围，了解控制软件界面和文档的基本方法。 掌握如何去建立和管理一个新站点，掌握如何在地图模式搭建网站结构，学习如何在页面设置的HTML和CSS模式下修改各项参数。 掌握链接的各种状态的设置，链接的组成结构，以及链接的多种创建方法，能够创建功能完整的EMAIL链接，内部和外部锚链接。 2.1 DREAMWEAVER8 软件简介和设置 功能： 创建和编辑网页元素 编辑HTML代码 管理站点 插入Fireworks文件和Flash动画 强大的模板功能 启动和编辑外部媒体定制和扩展功能 工作区布局 Dreamweaver 8 的工作界面继承了Dreamweaver系列产品一贯的简洁、高效和易用性，大多数功能都能在工作界面中很方便地找到。 首次启动Dreamweaver8时，会弹出“工作区设置”对话框。在该对话框中，提供了“设计器”与“编码器”两种布局风格，用户可以根据需要从中选择一种工作区布局。系统默认为“设计器”方式。 起始页 在打开的文档窗口中，可以看到起始页对话框，该对话框由三个栏目组成。如果想重新调回起始页，点编辑/首选参数/常规，选择显示起始页，然后点击确定即可。 界面概览 获取帮助 帮助文档 选择“帮助”菜单中的“帮助”可以打开帮助文档，在文档中包含有“目录”、“索引”、“搜索”、“书签”4个标签。 参考”面板 “参考”面板为用户提供了标记语言、编程语言和 CSS 样式的快速参考工具。它提供了有关用户在“代码”视图（或代码检查器）中处理的特定标签、对象和样式的信息。“参考”面板还提供了可粘贴到文档中的示例代码。 2.2 创建和管理本地站点 站点概述 Dreamweaver站点可组织与Web站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到Web服务器。若要充分利用Dreamweaver的功能，需要定义一个站点。也可以在不设置Dreamweaver站点的情况下编辑文件。 方法 输入法：直接在链接栏输入想链接的文件地址。 指向法：选择文字，按住属性面板上的“指向文件”按钮，并拖动鼠标指向某个想链接的文件。 快捷法：选中文字，按住SHIFT键，在文字上直接拉出一条线，对某个文件进行链接。 插入法：在常用工具栏中选择“超链接”。然后进行文本、链接、目标、标题的设置，后两项选默认设置即可。 代码法：点击“代码”，可以直接输入， a href=”red.html“红色的网页/a。 插入标签法：选中文字，点击“插入标签/HTML标签/页元素/A”，然后点击“插入”，这里输入链接，打开窗口的目标，点击确定。 环绕标签法：选中文字，按下CTRL+T，出现环绕标签，选择A，点击“HREF”，在引号中输入地址，回车即完成链接。 2.4.7 制作下载类链接 如果希望浏览者在浏览网页时，只要浏览者单击E-mail链接时，就会在浏览端自动打开浏览器默认的E-mail处理程序，收件人的地址将会被E-mail超链接中的指定地址自动装入，无需浏览者输入，就需要创建电子邮件链接 。 2.4.5 创建电子邮件超链接 步骤 将光标置于网页中要添加E-mail链接的地方，或选中文字，通过插入“常用”面板上的“电子邮件链接”按钮，或通过主窗口菜单“插入”|“电子邮件链接”命令，将弹出 “电子邮件链接”对话框。 如果未选中文字，可以在“文本”文本框中添加所需文字；如果已选中超链接文字，将会在“文本”文本框中自动显示。然后在“E-mail”文本框中输入E-mail地址，单击“确定”按钮，就可以了。 制作特殊的EMAIL链接：mailto:xxx@？subject=咨询问题cc=xxx@bcc=xxx@163.com 空链接是一个未指定目标的链接，Dreamweaver 8的行为面板中列出了许多行为，这些行为相当于使用JavaScript编写的程序或函数，要想对文本设置行为，首先为文本建立空链接，这样行为才有效。 为文本建立空链接时，只要先在文档窗口选定文本，然后在属性面板中的“链接”栏中输入一个数值符“#”即可。建立空链接的目的就是为了应用行为，其他情况下不必建立空链接。 2.4.6 创建空超链接 设置远程站点-广域网环境 设置说明： 访问：向远程文件夹上传文件，或从其中下载文件时使用的访问方法。 FTP主机：提供上传/下载服务的FTP主机。 注意：输入主机名时不要带任何其他的文本，尤其是不要在主机名前面添加协议名。 主机