Dreamweaver网站创建流程 | AI生成和翻译
本文概述了使用 Dreamweaver 创建网站的完整工作流程，从初始站点定义到最终上传，重点介绍在应用程序内的开发过程。
💻 Dreamweaver 网站创建流程
以下步骤详细说明了 Adobe Dreamweaver 中的典型工作流程：
1. 定义站点（本地设置）
首要且最关键的一步是在 Dreamweaver 中定义站点，这包括：
- 指定本地根文件夹（计算机上的文件夹）用于存储所有网站文件（HTML、CSS、图像等）
- 为项目指定新项目名称以便在 Dreamweaver 中识别 此定义对于启用 Dreamweaver 的站点管理功能、相对链接和正确文件处理至关重要
2. 创建核心文件（HTML 和 CSS）
在定义的本地站点文件夹内，必须添加核心文件：
- 创建主 HTML 文件（通常是
index.html） - 创建 CSS 文件（如
styles.css）来处理视觉呈现
3. 构建 HTML 结构（添加元素）
通过向主 HTML 文件添加基本 HTML 元素开始构建网站结构：
- 包含标准结构标签如
<header>、<footer>和<body> - 使用 Dreamweaver 的代码视图、设计视图或实时视图以可视化或手动方式添加元素
4. 使用 Div 和语义标签划分内容
为组织内容并准备样式设计，添加 div 和语义容器标签：
- 添加 div（或更好的语义标签如
<main>、<section>、<article>、<nav>）来清晰划分特定内容区域，这有助于布局内容流并使结构易于维护
5. 开发和设计（编码和样式设计）
这是添加内容并应用设计的核心开发阶段：
- 向 HTML 结构添加内容（文本、图像、链接）
- 编写 CSS 来设计元素样式（颜色、字体、布局、响应式设计），Dreamweaver 的分屏视图和可视化工具可帮助查看实时变化
6. 本地测试和验证
在部署前，必须在本地彻底测试网站：
- 验证 HTML 和 CSS 以确保符合代码标准
- 测试所有链接和功能（如表单、导航）
- 直接在 Dreamweaver 中在多个浏览器中预览网站以确保跨浏览器兼容性
7. 配置远程站点（服务器设置）
为准备上传，在 Dreamweaver 站点定义设置中配置远程站点：
- 输入托管服务器详细信息，包括 FTP（文件传输协议）地址、用户名和密码，这将本地开发环境与实时托管环境连接起来
8. 上传网站（使用 FTP）
对本地版本满意后，将网站文件上传到服务器：
- 使用 Dreamweaver 集成的 FTP 客户端（通常称为“Put”功能）
- 将所有必要文件从本地根文件夹传输到 Web 主机上的正确目录
9. 服务器配置（Dreamweaver 外部）
虽然核心 Web 开发已完成，但两个关键步骤通常在服务器端处理，这些不是直接的 Dreamweaver 功能，但对于专业网站至关重要
- 配置 Web 服务器软件： 使用 Nginx（或 Apache/IIS）等服务器软件来呈现网站，通过提供文件和管理请求来确保网站可通过互联网公开访问
- 保护网站安全（HTTPS）： 在服务器上配置 HTTPS 证书（SSL/TLS），这将加密访问者浏览器与服务器之间的通信，保护网站安全并将协议从 \(http://\) 更改为 \(https://\)
您是否需要简要说明 Dreamweaver 在此过程中如何帮助管理相对链接？