16、从头开始创建网站的详细指南

从头开始创建网站的详细指南

1. 网站架构与导航设计概述

网站的文件夹结构、页面组织和导航是相辅相成的。合理设计网站的基本文件夹结构，不仅能让网站“整洁”且逻辑清晰，还能提升网站的可用性。直观且贴切地命名文件夹，有助于提高搜索引擎排名，也方便用户分享特定页面或板块的链接。接下来，我们将安排网站结构，创建动态网页模板以简化创建、部署和维护工作，最后添加导航将各部分连接起来。

2. 设计网站的文件夹结构和导航

以下是具体的操作步骤：
1. 打开之前创建的项目，若 default.html 文件未打开则将其打开。
2. 双击菜单页面分区中的“Menu”，输入“Home”，然后点击常用工具栏上的项目符号按钮，将此文本转换为无序列表项。无序列表非常适合作为导航菜单，因为导航菜单本质上就是一个链接列表。创建这个列表有助于理解后续的文件夹结构，完成结构设计后，这些列表项可转换为链接并使用 CSS 进行样式设置。
3. 每输入一个术语后按回车键，依次输入“Products”、“Services”、“About Us”和“Contact Us”，最后再按两次回车键关闭列表。
4. 点击常用工具栏上的“保存”按钮，保存对页面所做的更改。这个列表不仅是网站导航的开端，还为设计网站的文件夹结构提供了方向。
5. 点击文件夹列表面板中的根文件夹，点击“新建文档”按钮旁边的下拉箭头，然后点击“文件夹”，输入“Products”作为文件夹名称。
6. 重复上述创建文件夹的步骤，在网站根目录下再创建四个文件夹，分别命名为“Services”、“About”、“Contact”和“Legal”。添加“Legal”文件夹是