用户指南 取消(C)

在 Dreamweaver 中插入服务器端包含

  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 站点
  19. 疑难解答
    1. 已修复的问题
    2. 已知问题

 

 

注意:

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

关于服务器端包含

您可以使用 Dreamweaver 在您的页面中插入服务器端包含、编辑这些包含内容或者预览包含这些内容的页面。

服务器端包含是浏览器向服务器请求您的文档时服务器向您的文档所并入的一个文件。

当访问者浏览器请求含有 include 指令的文档时,服务器处理 include 指令并创建新的文档,在新文档中 include 指令被所包含的文件内容取代。然后服务器将此新文档发送给访问者的浏览器。但当您在浏览器中直接打开一个本地文档时,因为没有服务器可以处理该文档中的 include 指令,所以浏览器不处理这些指令即打开该文档,并且本应包括在内的文件并未在该浏览器中出现。因此,如果不使用 Dreamweaver,可能很难查看到本地文件,并且可能很难看到在将它们放置到服务器后对访问者的显示效果。

通过使用 Dreamweaver,无论是在设计视图中还是在使用“在浏览器中预览”功能时,您都可以预览文档在放置到服务器后的显示效果。但是为此您必须确保正在预览的文件包含 include 作为临时文件。(选择“编辑”>“首选参数”,选择“在浏览器中预览”类别,并确保选择“使用临时文件预览”选项。)

注意:

如果正在使用测试服务器,如 Apache 或 Microsoft IIS,在本地驱动器上预览文件时则不需要作为临时文件来预览文件,因为服务器将为您进行处理。

在将服务器端包含放置于文档中时,将插入对外部文件的引用,但它并不会在当前文档中插入指定文件的内容。指定文件的内容将只包含您想包含的内容。即,该包含文件不应包含任何 head 标签、body 标签或 html 标签(即 <html> 标签,但可以包含 pdiv 等 HTML 格式标签)。否则,这些标签会与原始文档中的标签发生冲突,导致 Dreamweaver 不能正确显示页面。

您不能在文档中直接编辑包含的文件。若要编辑服务器端包含的内容,您必须直接编辑您所包含的文件。请注意,对外部文件的任何更改都将自动反映在包含该文件的每一文档中。

有两种类型的服务器端包含:“虚拟”类型和“文件”类型。默认情况下,Dreamweaver 插入“文件”类型的包含,但您可以使用属性检查器选择与所用的 Web 服务器相适应的类型:

  • 如果您的服务器是 Apache Web 服务器,则选择“虚拟”。在 Apache 中,“虚拟”适用于所有情况,而“文件”只适用于某些情况。
  • 如果您的服务器是 Microsoft Internet Information Server (IIS),则选择“文件”。(“虚拟”只在某些特定的情况下才可用于 IIS。)
注意:

遗憾的是,除非在服务器上已安装了特殊的软件,否则 IIS 不允许您包含在文件夹层次结构中高于当前文件夹的文件夹中的文件。如果您需要包含来自 IIS 服务器文件夹层次结构中更高层次的文件夹中的文件,请向您的系统管理员咨询是否安装了必需的软件。

  • 对于其它类型的服务器,或者如果您不知道您正使用哪一类型的服务器,请向您的系统管理员咨询要使用的选项。

    某些服务器经过配置,可以检查所有文件以查看它们是否有服务器端包含;而其它一些服务器经过配置,则只检查具有特定文件扩展名的文件,如 .shtml、.shtm 或 .inc。如果某一 服务器端包含不适合于您,请向您的系统管理员咨询是否需要在使用 include(包含)的文件的名称中使用特殊扩展名。(例如,如果该文件名为 canoe.html,则您可能需要将其重命名为 canoe.shtml。) 如果您希望您的文件保留 .html 或 .htm 扩展名,请要求您的系统管理员对服务器进行配置,以检查所有文件(而不只是具有某一扩展名的文件)是否具有服务器端包含。但由于为服务器端包含解析文件需要多花一些时间,所以服务器进行解析的那些页面可能要比其它页面稍晚一点才可使用;因此某些系统管理员将不提供对所有文件进行解析的选项。

插入服务器端包含

可以使用 Dreamweaver 在您的页面中插入服务器端包含。

插入服务器端包含

  1. 选择“插入”>“服务器端包含”。
  2. 在显示的对话框中,浏览并选择一个文件。

    默认情况下,插入 include(包含)的“文件”类型。

  3. 要更改 include(包含)的类型,请在“文档”窗口中选择服务器端包含,然后在属性检查器(“窗口”>属性)中更改类型,如下所示:
    • 如果您的服务器是 Apache Web 服务器,则选择“虚拟”。在 Apache 中,“虚拟”适用于所有情况,而“文件”只适用于某些情况。
    • 如果您的服务器是 Microsoft Internet Information Server (IIS),则选择“文件”。(“虚拟”只在某些特定的情况下才可用于 IIS。)
    注意:

    遗憾的是,除非在服务器上已安装了特殊的软件,否则 IIS 不允许您包括在文件夹层次结构中高于当前文件夹的文件夹中的文件。如果您需要包括来自 IIS 服务器文件夹层次结构中更高层次的文件夹中的文件,请向您的系统管理员咨询是否安装了必需的软件。

    • 对于其它类型的服务器,或者如果您不知道您正使用哪一类型的服务器,请向您的系统管理员咨询要使用的选项。

更改所包含的文件

  1. 在“文档”窗口中选择服务器端包含。
  2. 打开属性检查器(“窗口”>“属性”)。
  3. 执行下列操作之一:
    • 单击文件夹图标并浏览到要包含的新文件,然后选择该文件。

    • 在框中,键入要包含的新文件的路径和文件名。

编辑服务器端包含的内容

您可以使用 Dreamweaver 编辑服务器端包含。若要编辑与包含的文件关联的内容,您必须打开该文件。

  1. 在“设计”视图或“代码”视图中选择服务器端包含,然后在属性检查器中单击“编辑”。

    包含的文件在新的“文档”窗口中打开。

  2. 编辑该文件,然后保存它。

    所做更改将立即在当前文档以及您打开的包含该文件的所有随后文档中反映出来。

  3. 如果需要,将包含文件上传到远程站点。

 Adobe

更快、更轻松地获得帮助

新用户?

Adobe MAX 2024

Adobe MAX
创意大会

10 月 14 日至 16 日迈阿密海滩及线上

Adobe MAX

创意大会

10 月 14 日至 16 日迈阿密海滩及线上

Adobe MAX 2024

Adobe MAX
创意大会

10 月 14 日至 16 日迈阿密海滩及线上

Adobe MAX

创意大会

10 月 14 日至 16 日迈阿密海滩及线上