《Dreamweaver CS6 完全自学教程》笔记 第四章：创建站点 |
您所在的位置：网站首页 › dw怎么放视频教程 › 《Dreamweaver CS6 完全自学教程》笔记 第四章：创建站点 |
《Dreamweaver CS6 完全自学教程》笔记 第四章：创建站点
|
文章目录
第四章：创建站点4.1 站点的规划4.1.1 文件分类保存4.1.2 合理命名文件4.1.3 本地站点与远程站点结构统一
4.2 认识站点面板实战：创建第一个站点
4.3 设置远程站点服务器4.3.1 设置服务器4.3.2 设置版本控制4.3.3 站点的高级设置
4.4 导出和导入站点4.4.1 导出站点4.4.2 导入站点
4.5 使用 Dreamweaver CS6 维护站点4.5.1 编辑站点4.5.2 复制站点4.5.3 删除站点实战：管理网页文档
第四章总结
第四章：创建站点
4.1 站点的规划
4.1.1 文件分类保存
应先创建一个根文件夹，然后在其中创建多个子文件夹，例如网页文件夹、媒体文件夹、图像文件夹。站点中的一些特殊文件，如模板、库等最好存放在系统默认创建的文件夹中。 4.1.2 合理命名文件文件夹和文件的名称最好要有具体的含义，尽量避免使用中文文件名。 4.1.3 本地站点与远程站点结构统一将本地站点上的文件上传到服务器上时，可以保证本地站点是远程站点的完整拷贝。 网页中的链接通常是相对链接，如果站点结构不一致，就会造成相对链接无法链接到所需文件上。 4.2 认识站点面板站点面板即 “文件” 面板，包含在 “文件” 面板组中。可点击 窗口 -> 文件 或快捷键 F8 将其打开。  在该列表选择已建立的站点。 选择站点视图类型。连接到远程服务器 ： 连接到远端站点或与远端站点断开连接。刷新 ： 刷新目录列表。从 “远程服务器” 获取文件 ： 将远程站点或测试服务器的文件复制到本地站点。向 “远程服务器” 上传文件 ： 将文件从本地站点复制到远程站点或测试服务器。取出文件 ： 将远端服务器中的文件下载到本地站点，此时该文件在服务器上的标记为取出。存回文件 ： 将本地文件传输到远程服务器上，并且可供他人编辑，而本地文件为只读属性。与 “远程服务器” 同步 ： 同步本地和远程文件夹之间的文件。展开以显示本地和远端站点 ： 用于扩展 “文件” 面板为双视图。
实战：创建第一个站点
创建一个文件夹，并在文件夹内创建一个名为 images 的文件夹，用来存放网站中用到的图像。启动 Dreamweaver CS6 ，新建站点，输入名字，选择对应路径。 没了，就是这么简单。
4.3 设置远程站点服务器
要在互联网上看到自己的网页，必须将本地站点上传到远程服务器上，所以需要建立远程站点。如果想要修改站点的内容，可以通过 Dreamweaver CS6 中的站点 FTP 设置更新远程服务器的文件。 4.3.1 设置服务器点击 站点 -> 新建站点 菜单命令打开 “站点设置对象” ，点击 “服务器” 选项 高级选项 维护同步信息：自动同步本地站点和远程服务器上的文件。启用文件取出功能：启用 “存回 / 取出” 功能，可以对 “取出名称” 和 “电子邮件地址” 选项进行设置。服务器模型：如果使用的是测试服务器，则可以选择一种服务器模型。 4.3.2 设置版本控制在 “站点设置对象” 对话框中点击 “版本控制” 选项。选择 Subversion ，Dreamweaver 可以连接到 Subversion（SVN）的服务器。Subversion 是一个开源的文件存储库，可以供用户与其他用户获取文件。在开始设置 Subversion 服务器的相关信息之前，用户必须获得对 Subversion 服务器和 Subversion 存储库的访问权限，详细信息可访问 Subversion 网站 http://subvertion.tigris.org/ 。 参数介绍 访问：默认为 “无”。协议：若选择 SVN+SSH 协议，则要求计算机具备特殊的配置。服务器地址：输入 Subversion 服务器的地址，通常为 ”服务器名称.域.com“。存储库路径：输入 Subversion 服务器上的存储库路径。服务器端口：默认为 80 。用户名 / 密码：输入 Subversion 服务器的用户名和密码。测试：测试与 Subversion 服务器的连接。 4.3.3 站点的高级设置内容很多，不慌，一个一个看。 遮盖： 启用遮盖： 默认为选中遮盖。遮盖可以在进行一些站点操作时排除被遮盖的文件。遮盖具有以下扩展名的文件： 指定遮盖文件的类型。 输入的文件类型不一定是文件扩展名，可以是任何形式的文件名结尾。设计备注： 维护设计备注： 启用保存设计备注的功能。默认为选中。清理设计备注： 删除过去保存的备注。只能删除设计备注文件（.mno 文件），不会删除 _notes 文件夹或 _notes 文件夹中的 dwsync.xml 文件。Dreamweaver 使用 dwsync.xml 文件保存有关站点的同步信息。启用上传并共享设计备注： 在制作者上传或取出文件时，将设计备注上传到设置的远端服务器上。文件视图列： 文件视图列： 用来设置站点管理器中文件浏览窗口所显示的内容。默认包括 6 个选项，“名称” 显示文件名；“备注” 用于显示设计备注；“大小” 用于显示文件大小；“类型” 用于显示文件类型；“修改” 用于显示修改时间；“取出者” 用于显示文件正在被谁打开或修改。 添加新列： - 列名称：新列的项目名称。 - 与设计备注关联：是否和设计备注结合。这里要注意的是，新添加列主要显示的是设计备注的内容，所以一定要和设计备注结合。 - 对齐：选择列内容的对齐方式。 - 选项： “显示” 可以显示列项目。 删除列 编辑现有列 上移或下移列启用共享列： 如果要共享列，设置备注和上传设计备注都必须启用。
Contribute： Contribute 使得用户易于向 Contribute 网站发布内容，可以选择 “启用 Contribute 兼容性” 来提高与 Contribute 用户之间的工作效率。默认不勾选。 Contribute 是一个面向非专业人士的网站维护软件，与 Dreamweaver 并不冲突。 模板： 只有一个 “不改写文档相对路径” 选项，选中后在更新站点中的模板时，将不会改写文档的相对路径。 Spry： 用来设置 Spry 资源文件夹的位置。 当您在已保存的页面中插入 Spry Widget、数据集或效果时， Dreamweaver 会在您的站点中创建一个 SpryAssets 目录，并将相应的 JavaScript 和 CSS 文件保存到其中。如果您喜欢将 Spry 资源保存到其它位置，可以更改 Dreamweaver 保存这些资源的默认位置。————百度 Web 字体： 更改 Web 字体文件夹的位置。 4.4 导出和导入站点使用 Dreamweaver 可以将站点导出为 ste 文件。 4.4.1 导出站点点击 站点 -> 管理站点 菜单命令，选中要导出的站点，点击按钮 同样打开 “管理站点” ，点击 “导入站点” ，选择需要导入的站点即可。 4.5 使用 Dreamweaver CS6 维护站点我们可以随时对自己创建的站点进行编辑维护。 4.5.1 编辑站点若需要对已创建好的站点进行修改，如更改站点名称、站点位置等，可使用编辑站点功能。 打开 “管理站点”，双击要编辑的站点。 4.5.2 复制站点打开 “管理站点” ，选中要复制的站点，点击 在 “管理站点” 选中要删除的站点，点击  在根目录新建名为 index.html 的文件。
第四章总结
本章学习了创建一个站点时所涉及的知识，作为创建网站的起步，在学完后大概可以制作一些简单的站点了。其中涉及到了一些关于服务器的知识，对于像我这样的初学者来说可能会感到比较难以理解，博主会在之后的学习中不断积累补充关于这方面的知识，请大家也一起不断学习吧！ 返回 |
参数介绍：
点击加号按钮进行服务器的添加。Dreamweaver CS6 提供了 7 种连接远程服务器的方式。
本地信息：
选择保存位置和文件名，之后即可导出站点文件。
即可复制一个站点，复制的站点会在原名称的后面加上 “复制” 二字。
即可。【本文地址】