用户指南 取消(C)

设置计算机以进行应用程序开发

  1. Dreamweaver 用户指南
  2. 简介
    1. 响应式网页设计基础知识
    2. Dreamweaver 中的新增功能
    3. 使用 Dreamweaver 进行 Web 开发 - 概述
    4. Dreamweaver/常见问题
    5. 键盘快捷键
    6. Dreamweaver 系统要求
    7. 功能摘要
  3. Dreamweaver 和 Creative Cloud
    1. 将 Dreamweaver 设置与 Creative Cloud 同步
    2. Dreamweaver 中的 Creative Cloud Libraries
    3. 在 Dreamweaver 中使用 Photoshop 文件
    4. 使用 Adobe Animate 和 Dreamweaver
    5. 从库提取 Web 优化的 SVG 文件
  4. Dreamweaver 工作区和视图
    1. Dreamweaver 工作区
    2. 为可视化开发优化 Dreamweaver 工作区
    3. 根据文件名或内容搜索文件 | Mac OS
  5. 设置站点
    1. 关于 Dreamweaver 站点
    2. 设置站点的本地版本
    3. 连接到发布服务器
    4. 设置测试服务器
    5. 导入和导出 Dreamweaver 站点设置
    6. 将现有网站从远程服务器下载到您的本地站点根目录
    7. Dreamweaver 中的辅助功能
    8. 高级设置
    9. 设置用于传输文件的站点偏好设置
    10. 在 Dreamweaver 中指定代理服务器设置
    11. 将 Dreamweaver 设置与 Creative Cloud 同步
    12. 在 Dreamweaver 中使用 Git
  6. 管理文件
    1. 创建和打开文件
    2. 管理文件和文件夹
    3. 从服务器获取文件和将文件上传到服务器
    4. 存回和取出文件
    5. 同步文件
    6. 比较文件的差别
    7. 遮盖 Dreamweaver 站点中的文件和文件夹
    8. 为 Dreamweaver 站点启用设计备注
    9. 防止潜在的 Gatekeeper 漏洞
  7. 布局和设计
    1. 使用可视化助理进行布局
    2. 关于使用 CSS 来设计页面布局
    3. 使用 Bootstrap 设计响应式网站
    4. 在 Dreamweaver 中创建和使用媒体查询
    5. 使用表格显示内容
    6. 颜色
    7. 使用流式网格布局的响应式设计
    8. Dreamweaver 中的 Extract
  8. CSS
    1. 了解层叠样式表
    2. 使用 CSS Designer 进行页面布局
    3. 在 Dreamweaver 中使用 CSS 预处理器
    4. 如何在 Dreamweaver 中设置 CSS 样式偏好设置
    5. 在 Dreamweaver 中移动 CSS 规则
    6. 在 Dreamweaver 中将内联 CSS 转换为 CSS 规则
    7. 使用 div 标签
    8. 向背景应用渐变效果
    9. 在 Dreamweaver 中创建和编辑 CSS3 过渡效果
    10. 设置代码格式
  9. 页面内容和资源
    1. 设置页面属性
    2. 设置 CSS 标题属性和 CSS 链接属性
    3. 使用文本
    4. 查找和替换文本、标签和属性
    5. DOM 面板
    6. 在实时视图中编辑
    7. 在 Dreamweaver 中对文档编码
    8. 在“文档”窗口中选择和查看元素
    9. 在属性检查器中设置文本属性
    10. 对网页进行拼写检查
    11. 在 Dreamweaver 中使用水平线
    12. 在 Dreamweaver 中添加和修改字体组合
    13. 使用资源
    14. 在 Dreamweaver 中插入和更新日期
    15. 在 Dreamweaver 中创建和管理收藏资源
    16. 在 Dreamweaver 中插入和编辑图像
    17. 添加媒体对象
    18. 在 Dreamweaver 中添加视频
    19. 插入 HTML5 视频
    20. 插入 SWF 文件
    21. 添加音频效果
    22. 在 Dreamweaver 中插入 HTML5 音频
    23. 使用库项目
    24. 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
  10. 链接与导航
    1. 关于链接与导航
    2. 链接
    3. 图像地图
    4. 链接疑难解答
  11. jQuery 构件和效果
    1. 在 Dreamweaver 中使用 jQuery UI 和移动构件
    2. 在 Dreamweaver 中使用 jQuery 效果
  12. 对网站进行编码
    1. 关于在 Dreamweaver 中编码
    2. Dreamweaver 中的编码环境
    3. 设置编码偏好设置
    4. 自定义代码颜色
    5. 编写和编辑代码
    6. 代码提示和代码完成
    7. 折叠和展开代码
    8. 使用代码片段重用代码
    9. 使用 linting 检查代码
    10. 优化代码
    11. 在设计视图中编辑代码
    12. 使用页面的头内容
    13. 在 Dreamweaver 中插入服务器端包含
    14. 在 Dreamweaver 中使用标签库
    15. 将自定义标签导入 Dreamweaver
    16. 使用 JavaScript 行为(一般说明)
    17. 应用内置 JavaScript 行为
    18. 关于 XML 和 XSLT
    19. 在 Dreamweaver 中执行服务器端 XSL 转换
    20. 在 Dreamweaver 中执行客户端 XSL 转换
    21. 在 Dreamweaver 中为 XSLT 添加字符实体
    22. 设置代码格式
  13. 跨产品工作流
    1. 安装和使用 Dreamweaver 的扩展
    2. Dreamweaver 中的应用程序内更新
    3. 在 Dreamweaver 中插入 Microsoft Office 文档(仅限 Windows)
    4. 使用 Fireworks 和 Dreamweaver
    5. 使用 Contribute 编辑 Dreamweaver 站点中的内容
    6. Dreamweaver 和 Business Catalyst 集成
    7. 创建个性化的电子邮件营销活动
  14. 模板
    1. 关于 Dreamweaver 模板
    2. 识别模板和基于模板的文档
    3. 创建 Dreamweaver 模板
    4. 在模板中创建可编辑区域
    5. 在 Dreamweaver 中创建重复区域和表格
    6. 在模板中使用可选区域
    7. 在 Dreamweaver 中定义可编辑的标签属性
    8. 如何在 Dreamweaver 中创建嵌套模板
    9. 编辑、更新和删除模板
    10. 在 Dreamweaver 中导出和导入 xml 内容
    11. 在现有文档中应用或删除模板
    12. 在 Dreamweaver 模板中编辑内容
    13. Dreamweaver 中模板标签的语法规则
    14. 设置模板区域的高亮显示偏好设置
    15. 在 Dreamweaver 中使用模板的好处
  15. 移动设备和多屏幕
    1. 创建媒体查询
    2. 更改移动设备的页面方向
    3. 使用 Dreamweaver 创建适用于移动设备的 Web 应用程序
  16. 动态网站、页面和 Web 表单
    1. 了解 Web 应用程序
    2. 设置计算机以进行应用程序开发
    3. 数据库连接疑难解答
    4. 在 Dreamweaver 中删除连接脚本
    5. 设计动态页
    6. 动态内容源概述
    7. 定义动态内容源
    8. 向页面添加动态内容
    9. 在 Dreamweaver 中更改动态内容
    10. 显示数据库记录
    11. 在 Dreamweaver 中提供动态数据和进行疑难解答
    12. 在 Dreamweaver 中添加自定义服务器行为
    13. 使用 Dreamweaver 生成表单
    14. 使用表单从用户处收集信息
    15. 在 Dreamweaver 中创建和启用 ColdFusion 表单
    16. 创建 Web 表单
    17. 增强了对表单元素的 HTML5 支持
    18. 使用 Dreamweaver 开发表单
  17. 以可视化方式生成应用程序
    1. 在 Dreamweaver 中生成主页和详细页
    2. 生成搜索页和结果页
    3. 生成记录插入页
    4. 在 Dreamweaver 中生成更新记录页
    5. 在 Dreamweaver 中生成记录删除页
    6. 在 Dreamweaver 中使用 ASP 命令修改数据库
    7. 生成注册页
    8. 生成登录页
    9. 生成只有授权用户才能访问的页面
    10. 使用 Dreamweaver 保护 Coldfusion 中的文件夹
    11. 在 Dreamweaver 中使用 ColdFusion 组件
  18. 测试、预览和发布网站
    1. 预览页面
    2. 在多个设备上预览 Dreamweaver 网页
    3. 测试 Dreamweaver 站点

 

了解 Web 服务器、数据库,并了解如何设置计算机,以便在 Dreamweaver 中开发 Web 应用程序。

用户界面已经在 Dreamweaver 和更高版本中做了简化。因此,您可能在 Dreamweaver 和更高版本中找不到本文中描述的一些选项。有关详细信息,请参阅此文章

生成 Web 应用程序所需软件

若要在 Adobe Dreamweaver 中构建 Web 应用程序,您需要以下软件:

  • Web 服务器
  • 与 Web 服务器配合工作的应用程序服务器  

在 Web 应用程序环境中,Web 服务器和应用程序服务器这两个术语均指的是软件,而非硬件。 

  • 如果想要将数据库与应用程序一起使用,还需要以下软件:

  • 数据库系统

  • 支持您的数据库的数据库驱动程序

    有一些网页寄存公司可为您提供服务计划,使您能够利用他们的软件来测试并部署 Web 应用程序。在某些情况下,您可以出于开发目的在 Dreamweaver 所在的同一台计算机上安装所需的软件。您还可以在网络计算机(通常是 Windows 2000 或 XP 计算机)上安装软件,以使小组中的其他开发人员能够处理项目。

    如果您要将数据库与 Web 应用程序一起使用,必须首先连接到该数据库。

Web 服务器基础

若要开发和测试动态网页,您需要一个正常工作的 Web 服务器。Web 服务器是响应来自 Web 浏览器的请求以提供网页的软件。Web 服务器有时也叫做 HTTP 服务器。您可以在您的本地计算机上安装和使用 Web 服务器。

如果您是 Macintosh 用户,则可以使用 Macintosh 上已安装的 Apache Web 服务器。

Adobe 不为第三方软件(例如 Microsoft Internet Information Server)提供技术支持。如果您需要关于 Microsoft 产品的帮助,请与 Microsoft 技术支持联系。

如果您使用 Internet Information Server (IIS) 来开发 Web 应用程序,则 Web 服务器的默认名称是计算机的名称。您可以通过更改计算机名来更改服务器名称。如果您的计算机没有名称,则服务器使用“localhost”。

服务器名称对应于服务器的根文件夹,根文件夹(在 Windows 计算机上)通常是 C:\Inetpub\wwwroot。通过在计算机上运行的浏览器中输入以下 URL 可以打开存储在根文件夹中的任何网页:

http://your_server_name/your_file_name

例如,如果服务器名称是“mer_noire”并且 C:\Inetpub\wwwroot\ 中存有名为“soleil.html”的网页,则您可以通过在本地计算机上运行的浏览器中输入以下 URL 打开该页:

http://mer_noire/soleil.html

请记住,在 URL 中使用正斜杠而不是反斜杠。

您还可以通过在 URL 中指定子文件夹来打开存储在根文件夹的任何子文件夹中的任何网页。例如,假设 soleil.html 文件存储在名为“gamelan”的子文件夹中,如下所示:

C:\Inetpub\wwwroot\gamelan\soleil.html

您可以通过在计算机上运行的浏览器中输入以下 URL 打开该页:

http://mer_noire/gamelan/soleil.html

Web 服务器在计算机上运行时,可以用 localhost 来代替服务器名称: 例如,以下两个 URL 在浏览器中打开同一页:

http://mer_noire/gamelan/soleil.html

http://localhost/gamelan/soleil.html

除服务器名称或 localhost 之外,还可以使用另一种表示方式:127.0.0.1(例如 http://127.0.0.1/gamelan/soleil.html)。

选择 Web 服务器

若要开发和测试 Web 应用程序,可以从大量的常用 Web 服务器中选择,包括 Microsoft Internet Information Server (IIS) 和 Apache HTTP Server。

如果您没有使用虚拟主机服务,请选择一个 Web 服务器并在您的本地计算机上安装它以用于开发目的。需要开发 ColdFusion Web 应用程序的 Windows 和 Macintosh 用户可以使用 ColdFusion 8 应用程序服务器的开发人员版本(您可以免费安装和使用)中包含的 Web 服务器。

其他 Windows 用户可以通过安装 IIS 在其本地计算机上运行 Web 服务器。该 Web 服务器可能已安装在系统上。请检查文件夹结构中是否包含一个 C:\Inetpub 或 D:\Inetpub 文件夹。IIS 在安装过程中将创建该文件夹。

Mac OS 用户可以使用与操作系统一起安装的本地 Apache Web 服务器。

有关安装和配置其它 Web 服务器的信息,请参阅服务器供应商提供的文档或咨询您的系统管理员。

选择应用程序服务器

应用程序服务器是一种软件,用来帮助 Web 服务器处理动态页。选择应用程序服务器时,您应该考虑多种因素,包括预算、要使用的服务器技术(ColdFusion、ASP 或 PHP)以及 Web 服务器的类型。

预算

某些供应商出售价格和管理成本都很高的高端应用程序服务器。其他供应商提供了更加简便、更加经济高效的解决方案(例如 ColdFusion)。某些应用程序服务器内置在 Web 服务器中(例如 Microsoft IIS),而其它一些应用程序服务器可以从 Internet 上免费下载(例如 PHP)。

服务器技术

应用程序服务器使用不同的技术。Dreamweaver 支持三种服务器技术:ColdFusion、ASP 和 PHP。下表列出了可用于 Dreamweaver 支持的服务器技术的常见应用程序服务器:

服务器技术

应用程序服务器

ColdFusion

Adobe ColdFusion 8

ASP

Microsoft IIS

PHP

PHP 服务器

若要了解有关 ColdFusion 的详细信息,请从“帮助”菜单中选择“ColdFusion 帮助”。

若要详细了解 ASP,请访问该 Microsoft 网站 http://msdn.microsoft.com/zh-cn/library/aa286483.aspx

若要详细了解 PHP,请访问该 PHP 网站 www.php.net/

选择数据库

根据必须存储的数据的数量和复杂性,数据库可以有多种形式。在选择数据库时,您应考虑几个因素,包括您的预算和您预计将访问该数据库的用户数。

预算

某些供应商提供的高端应用程序数据库服务器的价格和管理成本都很高。其他一些供应商提供了更加简便、更加经济高效的解决方案,例如 Microsoft Access 或开源数据库 MySQL。

用户

如果预计访问该站点的用户群体会比较大,请选择专为支持这种站点而设计的数据库,以满足预期用户数的访问要求。如果网站要求在进行数据建模时具备更大的灵活性,并且要求能够支持大型并发用户群体,则应考虑包括 Microsoft SQL Server 和 Oracle 在内的基于服务器的关系数据库(通常称作 RDBMS)。

设置 ColdFusion 开发环境

有关在您的 Windows 或 Mac 计算机上为 Dreamweaver 设置 ColdFusion 开发环境的详细说明,请参阅该 Adobe 网站 www.adobe.com/devnet/dreamweaver/articles/setup_cf.html

Windows 和 Macintosh 用户可以从 Adobe 网站 (www.adobe.com/go/coldfusion/) 上免费下载并安装功能完备的 ColdFusion 应用程序服务器的开发人员版本。

开发人员版本面向非商业用途的 Web 应用程序开发和测试。此版本没有授权部署。它支持来自本地主机和两个远程 IP 地址的请求。可以在需要时使用它来开发和测试 Web 应用程序,且软件不会过期。有关详细信息,请参阅 ColdFusion 帮助(“帮助”>“ColdFusion 帮助”)。

安装过程中,您可以配置 ColdFusion 以使用内置于 ColdFusion 的 Web 服务器或系统中安装的其它 Web 服务器。一般来说,最好使您的开发环境与生产环境匹配。因此,如果您的开发计算机上已存在一个 Web 服务器(如 Microsoft IIS),则最好使用该服务器而不是使用内置的 ColdFusion Web 服务器。

设置 PHP 开发环境

有关在您的 Windows 或 Mac 计算机上为 Dreamweaver 设置 PHP 开发环境的详细说明,请参阅该 Adobe 网站 www.adobe.com/devnet/dreamweaver/articles/setup_php.html

PHP 应用程序服务器分为针对 Windows、Linux、UNIX、HP-UX、Solaris 和 Mac OS X 系统的不同版本。有关应用程序服务器的详细信息,请参阅 PHP 文档,您可以从 PHP 网站上下载该文档,网址为 www.php.net/download-docs.php

设置 ASP 开发环境

有关在您的 Windows 或 Mac 计算机上为 Dreamweaver 设置 ASP 开发环境的详细说明,请参阅该 Adobe 网站 www.adobe.com/devnet/dreamweaver/articles/setup_asp.html

若要运行 ASP 页面,您需要支持 Microsoft Active Server Pages 2.0 的应用程序服务器,如 Microsoft IIS(Internet 信息服务),它随 Windows 2000 和 Windows XP Professional 一起提供。Windows XP Professional 用户可以在其本地计算机上安装并运行 IIS。Macintosh 用户可以将虚拟主机服务与 ASP 计划一起使用或在远程计算机上安装 IIS。

为应用程序创建根文件夹

在向虚拟主机服务公司注册或自己设置服务器软件之后,请在运行该 Web 服务器的计算机上为 Web 应用程序创建一个根文件夹。根文件夹可以是本地的也可以是远程的,取决于您的 Web 服务器正在哪里运行。

Web 服务器将根据来自 Web 浏览器的 HTTP 请求提供此文件夹或其子文件夹中的任何文件。例如,在运行 ColdFusion 8 的计算机上,可以将 \ColdFusion8\wwwroot 文件夹或其任何子文件夹中的任何文件提供给 Web 浏览器。

以下是所选 Web 服务器的默认根文件夹:

Web 服务器

默认根文件夹

ColdFusion 8

\ColdFusion8\wwwroot

IIS

\Inetpub\wwwroot

Apache (Windows)

\apache\htdocs

Apache (Macintosh)

Users:MyUserName:Sites

若要测试 Web 服务器,请将一个测试 HTML 页置于默认根文件夹中,然后尝试在浏览器中输入该页的 URL 来打开该页。URL 由域名和 HTML 页的文件名组成,如下所示:www.example.com/testpage.htm。

如果该 Web 服务器运行在本地计算机上,则可以使用 localhost 代替域名。输入与您的 Web 服务器相匹配的以下本地主机 URL 之一:

Web 服务器

本地主机 URL

ColdFusion 8

http://localhost:8500/testpage.htm

IIS

http://localhost/testpage.htm

Apache (Windows)

http://localhost:80/testpage.htm

Apache (Macintosh)

http://localhost/~MyUserName/testpage.htm(其中 MyUserName 是您的 Macintosh 用户名)

注意:

默认情况下,ColdFusion Web 服务器在端口 8500 上运行,Windows 的 Apache Web 服务器在端口 80 上运行。

如果该页未按照预期打开,则检查是否存在以下错误:

  • 未启动 Web 服务器。参考 Web 服务器的文档以了解如何启动它。

  • 文件不具有 .htm 或 .html 扩展名。

  • 您在浏览器的地址文本框中输入了该页的文件路径(例如,c:\ColdFusion8\wwwroot\testpage.htm),而不是它的 URL(例如,http://localhost:8500/testpage.htm)。

  • URL 中包含键入错误。检查是否存在错误并确保文件名后没有斜杠,例如 http://localhost:8080/testpage.htm/。

    为应用程序创建根文件夹后,定义一个 Dreamweaver 站点管理您的文件。

关于定义 Dreamweaver 站点

在将系统配置为开发 Web 应用程序后,定义一个 Dreamweaver 站点以管理您的文件。

在您开始前,确保您满足以下要求:

  • 您具有访问 Web 服务器的权限。Web 服务器可以在您的本地计算机上运行,在像开发服务器这样的远程计算机上运行,或者在网页寄存公司维护的服务器上运行。

  • 应用程序服务器安装并运行在运行您的 Web 服务器的系统上。

  • 您已在运行 Web 服务器的系统上为 Web 应用程序创建了根文件夹。

为 Web 应用程序定义 Dreamweaver 站点需执行以下三步:

1. 定义本地文件夹

本地文件夹是您在硬盘上用来存储站点文件的工作副本的文件夹。您可为您创建的每个新 Web 应用程序定义一个本地文件夹。定义本地文件夹还会使您能够轻松管理文件并将文件传输至 Web 服务器和从 Web 服务器接收文件。

2. 定义远程文件夹

将运行 Web 服务器的计算机上的文件夹定义为 Dreamweaver 远程文件夹。远程文件夹是您为 Web 应用程序在 Web 服务器上创建的文件夹。

3. 定义测试文件夹

在您工作时,Dreamweaver 使用此文件夹生成和显示动态内容并连接到数据库。测试服务器可以是本地计算机、开发服务器、中间服务器或生产服务器。只要测试服务器可以处理您计划开发的动态页类型即可, 具体选择哪个服务器无关紧要。

在定义 Dreamweaver 站点后,即可开始构建 Web 应用程序。

更多相似内容

Adobe 徽标

登录到您的帐户