18、Dreamweaver CC 页面链接添加与导航栏创建教程

Dreamweaver CC 页面链接添加与导航栏创建教程

在网页开发中，链接和导航栏是非常重要的元素。链接可以让用户在不同页面之间跳转，而导航栏则提供了一个清晰的导航结构，使用户能够轻松找到他们需要的信息。本文将详细介绍如何在 Dreamweaver CC 中添加页面链接、格式化链接、添加电子邮件链接、创建导航栏以及为导航栏添加样式。

1. 准备工作

在开始之前，你需要从指定页面下载示例文件： http://oreilly.com/pub/missingmanuals/dreamweaverccmm2014 。你将处理的文件位于 Chapter04 文件夹中，完成后的项目可在 Chapter04_complete 文件夹中查看。

2. 链接到其他页面和网站

• 设置新站点 ：打开 Dreamweaver，选择“Site”→“New Site”。在“Site Setup”窗口中，在“Site Name”框中输入“Links”。点击“Local Site Folder”框旁边的按钮，导航到并选择 MM_DWCC 文件夹内的 Chapter04 文件夹，然后点击“Choose”（Mac 上为“Select”），最后点击“OK”。
• 链接到站内页面
  1. 在文件面板中，双击“index.html”文件。如果屏幕足够宽，可以点击文档窗口左上角的“Split”