第3章-创建本地站点详解.pptVIP

网页设计与制作 第3章 创建本地站点 本章内容 3.1 站点概述 3.2 创建站点 3.3 站点管理 3.4 使用站点 3.5 网页设计中的规范 3.1 站点概述 “Dreamw站点（即Web 站点）是一组具有相关主题、类似设计的链接文档和资源。Dreamweaver 是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的 Web 站点。 Dreamweaver站点:在Dreamweaver制作网页的过程中所使用的术语，是定义一个站点名称、存放文件的文件夹、使用的Web服务器和应用服务器技术等。 Internet web 站点:则是把已经成功地把网站内容放到Internet 或Intranet的Web服务器上供用户浏览，即运行系统的Web服务器上的站点。 3.2 创建本地站点 1.打开站点设置对象对话框 在Dreamweaver 中可以通过如下图所示有三种方式打开“站点设置对象”对话框。 方法一：点击“起始页”界面中间部分“新建”分类中的“Dreamweaver站点…”选项。 方法二：通过Dreamweaver CS6菜单，选择[站点] - [新建站点]菜单命令。 方法三：通过点击“应用程序栏”中的“站点”按钮，在子菜单中选择“新建站点”。 3.2.1 通过“站点设置对象”创建本地站点 2．输入站点名称 在站点定义对话框中的站点名称项输入站点名称，在“本地站点文件夹”项，直接在输入框中输入站点文件存储位置，或者点击输入框后面的文件夹图标，选择一个本地文件夹. 3.2.1 通过“站点设置对象”创建本地站点 在 Dreamweaver 中指定本地站点后，可以根据开发环境和需要为站点指定远程服务器。远程服务器（通常叫做 Web 服务器）是用于发布站点文件以便联机查看。 在设置远程文件夹时，必须为 Dreamweaver 选择连接方法，以将文件上传和下载到 Web 服务器。最典型的连接方法是 FTP，但 Dreamweaver 还支持本地/网络、FTPS、SFTP、WebDav 和 RDS 连接方法。 3.2.2 连接到服务器 1．FTP连接方式 点击右下图对话框左下角的“添加新服务器”按钮 出现如左下图所示界面 3.2.2 连接到服务器 (1)在“服务器名称”文本框中，指定新服务器的名称。 (2)从“连接方法”下拉菜单中，选择“FTP”。 (3)在“FTP 地址”文本框中，输入要将网站文件上传到其中的 FTP 服务器的地址。 (4)在“用户名”和“密码”文本框中，输入用于连接到 FTP 服务器的用户名和密码。单击“测试”按钮，测试 FTP 地址、用户名和密码。 (5)希望每次连接到远程服务器时 Dreamweaver 都提示输入密码，请取消选择“保存”选项。 (6)在“根目录”文本框中，输入远程服务器上用于存储公开显示的文档的目录（文件夹）。 (7)在“Web URL”文本框中，输入 Web 站点的 URL（例如，）。 (8)如果仍需要设置更多选项，请展开“更多选项”部分 3.2.2 连接到服务器 打开站点设置对话框，鼠标点击左侧的“高级设置”选项，如下图所示，通过展开的子项可以配置站点的某些高级属性。 3.2.3 站点的“高级设置” 6．点击“下一步”按钮进入总结对话框 显示此站点的相关信息,此时创建的站点显示在管理站点对话框中 3.2.1 通过站点定义向导创建站点 3.2.2 通过“高级”选项卡创建站点 “高级”选项卡左侧是新建站点设定内容的分类，而右侧是每一项分类的详细设置内容，根据左侧的分类变化而变化。 1．本地信息 点击“本地信息”子项，打开如下图3.17所示的“本地信息”选项设置界面，通过“本地信息”子项可以设置本地文件夹的下列属性： 3.2.2 通过“高级”选项卡创建站点 (1)默认图像文件夹 站点中存储根目录下图像的文件夹。输入文件夹的路径或单击文件夹图标浏览到 文件夹。将图像添加到文档时，Dreamweaver 将使用该文件夹路径。 (2)站点范围媒体查询文件：选择网站范围的媒体查询文件，Dreamweaver能够将网站 范围的媒体查询文件添加到网站定义中。 (3)链接相对于：在站点中创建指向其他资源或页面的链接时，需要指定 Dreamweaver 创建的链接类型。 (4)Web URL：Dreamweaver 使用 Web URL 创建站点根目录相对链接，并在使用链接检查器时验证这些链接。 (5)区分大小写的链接检查：在 Dreamweaver 检查链接时，将检查链接的大小写与文件名的大小写是否相匹配。此选项用于文件名区分大小写的 UNIX 系统。 (6)启用缓存：指定是否创建本地缓存以提高链接和站点管理任务的速度。 3.2.2