文章目录

  • 第四章：创建站点
    • 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 将其打开。

参数介绍：

  • 在该列表选择已建立的站点。
  • 选择站点视图类型。
  • 连接到远程服务器： 连接到远端站点或与远端站点断开连接。
  • 刷新： 刷新目录列表。
  • 从 “远程服务器” 获取文件： 将远程站点或测试服务器的文件复制到本地站点。
  • 向 “远程服务器” 上传文件： 将文件从本地站点复制到远程站点或测试服务器。
  • 取出文件： 将远端服务器中的文件下载到本地站点，此时该文件在服务器上的标记为取出。
  • 存回文件： 将本地文件传输到远程服务器上，并且可供他人编辑，而本地文件为只读属性。
  • 与 “远程服务器” 同步： 同步本地和远程文件夹之间的文件。
  • 展开以显示本地和远端站点： 用于扩展 “文件” 面板为双视图。

实战：创建第一个站点

  1. 创建一个文件夹，并在文件夹内创建一个名为 images 的文件夹，用来存放网站中用到的图像。
  2. 启动 Dreamweaver CS6 ，新建站点，输入名字，选择对应路径。
  3. 没了，就是这么简单。

4.3 设置远程站点服务器

要在互联网上看到自己的网页，必须将本地站点上传到远程服务器上，所以需要建立远程站点。如果想要修改站点的内容，可以通过 Dreamweaver CS6 中的站点 FTP 设置更新远程服务器的文件。

4.3.1 设置服务器

点击 站点 -> 新建站点 菜单命令打开 “站点设置对象” ，点击 “服务器” 选项

点击加号按钮进行服务器的添加。Dreamweaver CS6 提供了 7 种连接远程服务器的方式。

  • FTP

    • 服务器名称： 用户可自定义该名称。
    • FTP 地址： FTP 地址是计算机系统的完整 Internet 名称。
    • 端口： 端口 21 是接受 FTP 链接的默认端口。
    • 用户名： 输入用于连接到 FTP 服务器的用户名。
    • 测试： 完成 “FTP 地址” 、“用户名” 、“密码” 的设置后，可以测试与 FTP 服务器的连接情况。
    • 根目录： 输入远程服务器上用于存储站点文件的目录。
    • Web URL： 输入 Web 站点的 URL 地址。Dreamweaver CS6 使用 Web URL 创建站点根目录相对链接。
    • 使用被动式 FTP： 主动式FTP是由客户端发起命令连接，再由服务器发起数据连接。在被动方式FTP中，命令连接和数据连接都由客户端发起，这样就可以解决从服务器到客户端的数据端口的入方向连接被防火墙过滤掉的问题。
    • 使用 IPv6 传输模式： 如果使用的是启用 IPv6 的 FTP 服务器，可以选中该选项。
    • 使用以下位置中定义的代理： 指定一个代理主机或代理端口。点击 “首选参数” 可以对代理主机进行设置。
    • 使用 FTP 性能优化： 默认选中该选项。
    • 使用其它的 FTP 移动方法： 如果需要使用其它 FTP 中移动文件的方法，可以勾选此项。
  • SFTP
    安全文件传输协议。可以为传输文件提供一种安全的加密方法。
  • FTP over SSL/TLS（隐式加密）
    SSL 协议位于 TCP / IP 协议与各种应用层协议之间，为数据通讯提供安全支持。TLS（安全传输层）协议用于在两个通信应用程序之间提供保密性和数据完整性。 FTP 通过 SSL / TLS 协议隐式加密的方式进行数据传输。若未收到安全性请求，则服务器终止连接。
  • FTP over SSL/TLS（显式加密）
    FTP 将通过显示加密的方式进行数据传输。如果客户端未请求安全性，则服务器可拒绝 / 限制链接。
  • 本地 / 网络

    • 服务器名称： 用户可自定义该名称。
    • 服务器文件夹： 选择储存站点文件的文件夹。
    • WebURL： 输入 Web 站点的 URL 地址。Dreamweaver CS6 使用 Web URL 创建站点根目录相对链接。
      在连接到网络文件夹、本地计算机上储存文件或运行测试服务器时，可以选择该选项。
  • WebDAV
    WebDAV 又称为 Web 分布式和版本控制协议，对于这种连接方法，必须有支持这些协议的服务器。
  • RDS

    • 主机名： 输入安装 Web 服务器的主机名称，可能是 IP 或 URL。
    • 端口： 默认为 80 。
    • 完整的主机目录： 输入远程文件夹作为主机目录。
    • 用户名 / 密码： 输入 RDS 用户名和密码。
      如果需要使用远程开发服务（RDS）连接到 Web 服务器，可以选择该选项。

高级选项

  • 维护同步信息：自动同步本地站点和远程服务器上的文件。
  • 启用文件取出功能：启用 “存回 / 取出” 功能，可以对 “取出名称” 和 “电子邮件地址” 选项进行设置。
  • 服务器模型：如果使用的是测试服务器，则可以选择一种服务器模型。

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 站点的高级设置

内容很多，不慌，一个一个看。

本地信息：

  • 默认图像文件夹： 该功能的实用价值不大，因为对于较复杂的网站，图片往往不只存放在一个文件夹内。
  • 站点范围媒体查询文件： 用于指定站点内所有包括该文件的页面的显示设置，充当站点内所有媒体查询的中央存储库。
  • 链接相对于： 设置站点中链接的方式，默认情况下为 “文档” 相对链接。
  • 区分大小写的链接检查： 此选项用于文件名区分大小写的 UNIX 系统。
  • 启用缓存： 指定是否创建本地缓存，以提高链接和站点管理任务的速度。

遮盖：

  • 启用遮盖： 默认为选中遮盖。遮盖可以在进行一些站点操作时排除被遮盖的文件。
  • 遮盖具有以下扩展名的文件： 指定遮盖文件的类型。 输入的文件类型不一定是文件扩展名，可以是任何形式的文件名结尾。

设计备注：

  • 维护设计备注： 启用保存设计备注的功能。默认为选中。
  • 清理设计备注： 删除过去保存的备注。只能删除设计备注文件（.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.4.2 导入站点

同样打开 “管理站点” ，点击 “导入站点” ，选择需要导入的站点即可。

4.5 使用 Dreamweaver CS6 维护站点

我们可以随时对自己创建的站点进行编辑维护。

4.5.1 编辑站点

若需要对已创建好的站点进行修改，如更改站点名称、站点位置等，可使用编辑站点功能。
打开 “管理站点”，双击要编辑的站点。

4.5.2 复制站点

打开 “管理站点” ，选中要复制的站点，点击即可复制一个站点，复制的站点会在原名称的后面加上 “复制” 二字。

4.5.3 删除站点

在 “管理站点” 选中要删除的站点，点击即可。

实战：管理网页文档

  1. 在网站根目录下新建 org、flash、web 文件夹
  2. 在根目录新建名为 index.html 的文件。

第四章总结

本章学习了创建一个站点时所涉及的知识，作为创建网站的起步，在学完后大概可以制作一些简单的站点了。其中涉及到了一些关于服务器的知识，对于像我这样的初学者来说可能会感到比较难以理解，博主会在之后的学习中不断积累补充关于这方面的知识，请大家也一起不断学习吧！

返回

《Dreamweaver CS6 完全自学教程》笔记 第四章：创建站点相关推荐

  1. 《Dreamweaver CS6 完全自学教程》笔记

    声明: 博主完全采用自学方式进行学习,内用不够严谨,学习路线不够系统,仅可用作参考,如有错误请及时指正. 博主主要参考<Dreamweaver CS6 完全自学教程>这本书进行学习,但不限 ...

  2. 《Dreamweaver CS6 完全自学教程》笔记 第十四章：使用 CSS 设计网页

    文章目录 第十四章:使用 CSS 设计网页 14.1 CSS 样式表简介 14.2 CSS 的基本语法 14.3 伪类.伪元素以及样式表的层叠顺序 14.3.1 伪类和伪元素 14.3.2 样式表的层 ...

  3. 《Dreamweaver CS6 完全自学教程》笔记 第十七章：Spry 框架技术

    文章目录 第十七章:Spry 框架技术 17.1 Spry 菜单栏 17.1.1 插入 Spry 菜单栏 17.1.2 设置 Spry 菜单栏的属性 17.1.3 设置菜单项的尺寸 17.2 Spry ...

  4. 《Dreamweaver CS6 完全自学教程》笔记 第十三章：Dreamweaver 中的 HTML 代码

    文章目录 第十三章:Dreamweaver 中的 HTML 代码 13.1 HTML 介绍 13.2 HTML 的基本结构 13.2.1 单标签 13.2.2 双标签 13.2.3 标签属性 13.3 ...

  5. 《Dreamweaver CS6 完全自学教程》笔记 第五章：网页中的图像编辑

    文章目录 第五章:网页中的图像编辑 5.1 图像占位符 5.1.1 插入图像占位符 5.1.2 将图像占位符替换为图像 技术专题:预览网页时不显示图像的问题 5.2 交互式图像 实战:创建网页导航条 ...

  6. 《Dreamweaver CS6 完全自学教程》笔记 第六章：使用表格进行网页布局

    文章目录 第六章:使用表格进行网页布局 6.1 创建表格 6.2 应用表格 6.2.1 输入表格内容 6.2.2 选定表格元素 6.2.3 设置表格与单元格属性 实战:制作细线表格 6.2.4 添加和 ...

  7. 《Dreamweaver CS6 完全自学教程》笔记 第十章：表单的使用

    文章目录 第十章:表单的使用 10.1表单概述 技术专题:表单的工作流程 10.2表单的创建及设置 10.2.1 创建表单 10.2.2 设置表单属性 10.3 创建表单对象 10.3.1 创建文本域 ...

  8. 《Dreamweaver CS6 完全自学教程》笔记 第十二章：框架的应用

    文章目录 第十二章:框架的应用 12.1 创建框架或框架集 12.1.1 创建自定义框架 12.1.2 创建预定义框架 技术专题:框架的拆分与合并 12.1.3 创建嵌套框架 12.2 框架和框架集的 ...

  9. 《Dreamweaver CS6 完全自学教程》笔记 附录：Dreamweaver 常用快捷键、HTML 代码标签、CSS 属性

    返回

  10. 《Adobe Dreamweaver CS6中文版经典教程》——第2课　HTML基础2.1　什么是HTML

    本节书摘来自异步社区<Adobe Dreamweaver CS6中文版经典教程>一书中的第2 章,第2.1节,作者:[美]Adobe公司 更多章节内容可以访问云栖社区"异步社区& ...

最新文章

  1. flutter AppBar
  2. Tensorflow解决MNIST手写体数字识别
  3. 软件工程之四则运算开发感悟与收获
  4. apache camel_Apache Camel Intellij IDEA插件的工作已开始
  5. 并发服务器模型——多进程服务器
  6. 机器学习爬大树之（GBDT原理）--回归篇
  7. Nature重磅封面：复活死亡大脑！
  8. JVM学习-垃圾回收基础
  9. utilities（matlab）—— 合成数据（synthesis data）
  10. 滴滴android面试算法,滴滴打车面试经验
  11. FISCO BCOS PBFT是什么 基础流程
  12. 持续集成并不能消除 Bug，而是让它们非常容易发现和改正（转）
  13. 洛谷 桶哥的问题——吃桶——题解
  14. 支付宝小程序沙箱支付提示（系统繁忙，请稍后再试）
  15. 2017校招信息每日汇总（更新至8.4）
  16. 2021计算机研究生秋招总结
  17. HCIA第十天【寒假集训第七天】（OSPF）
  18. mysql 视图会走索引吗_MySQL视图索引与存储过程精析-阿里云开发者社区
  19. JS事件笔记：音乐播放器
  20. 在备份数据库过程中出现错误, 未能打开数据库‘msdb’, ‘msdb ‘ 数据库处于回避紧急模式！

热门文章

  1. 南阳oj 215 Sum
  2. Java获取某年某月的第一天
  3. CVPR 2020 论文大盘点-去雨去雾去模糊篇
  4. MTK平台系统稳定性分析
  5. git 代码行数统计
  6. java 图片与base64相互转化
  7. 4.3-python爬虫之图形验证码识别
  8. iOS--通过assetURL获取到视频
  9. ddwrt open*** tun
  10. 【Inpho精品教程】任务二：Inpho创建工程（创建项目、新建相机参数、导入照片、导入POS、生成航条、保存项目）