1.2 定义站点

相对于远程站点来说，本地站点就是在本地计算机中模拟建立的站点，并能够在本地或联网的其他计算机中访问该网站。

1.2.1 实战演练：定义静态站点

视频讲解

在使用Dreamweaver之前，建议先定义一个本地站点，以方便管理各种网页资源，如图片、视频、声音、样式表文件、脚本文件等。

【操作步骤】

第1步，启动Dreamweaver CC，选择【站点】|【新建站点】命令，打开【站点设置对象】对话框。

第2步，在【站点名称】文本框中输入站点名称，如test_site，在【本地站点文件夹】文本框中设置站点在本地文件中的存放路径，可以直接输入，也可以用鼠标单击右侧的【选择文件】按钮选择相应的文件夹，设置如图1.11所示。

图1.11 选择【高级设置】选项卡

第3步，选择【高级设置】选项卡，展开高级设置选项，在左侧的选项列表中单击【本地信息】选项。然后在【本地信息】对话框中设置本地信息，如图1.12所示。

图1.12 定义本地信息

☑ 【默认图像文件夹】文本框：设置默认的存放站点图片的文件夹。但是对于比较复杂的网站，图片往往不仅仅只存放在一个文件夹中，因此可以不输入。

☑ 【链接相对于】选项组：定义当在Dreamweaver CC为站点内所有网页插入超链接时是采用相对路径，还是绝对路径，如果希望是相对路径则可以选中【文档】单选按钮，如果希望以绝对路径的形式定义超链接，则可以选中【站点根目录】单选按钮。

☑ 【Web URL】文本框：输入网站的网址，该网址能够供链接检查器验证使用绝对地址的链接。在输入网址时需要输入完全网址，例如，http://localhost/mysite/。该选项只有在定义动态站点后有效。

☑ 【区分大小写的链接检查】复选框：选中该复选框可以对链接的文件名称大小进行区分。

☑ 【启用缓存】复选框：选中该复选框可以创建缓存，以加快链接和站点管理任务的速度，建议用户要选中。

1.2.2 实战演练：测试本地站点

视频讲解

在【站点设置对象】对话框中设置本地信息的相关内容之后，本地站点也就定义完毕，单击【保存】按钮确认所有设置，下面就是网站内容的开发、测试、维护和管理等工作。

选择【窗口】|【文件】命令，打开【文件】面板。在面板中右击，从弹出的快捷菜单中选择【新建文件】命令，即可在当前站点的根目录下新建一个untitled.html文件，把它重命名为index.html。

然后双击打开该文件，切换到【代码】视图，输入下面一行代码，该代码表示输出显示一行字符串。

     <h2>Hello world!</h2>

按F12键预览文件，则Dreamweaver CC提示是否要保存并上传文件。选择【是】按钮，如果远程目录中已存在该文件，则Dreamweaver CC还会提示是否覆盖该文件。

这时Dreamweaver CC将打开默认的浏览器（如IE）显示预览效果，如图1.13所示。实际上在浏览器地址栏中直接输入http://localhost/mysite/index.html或http://localhost/mysite，按Enter键确认，这时在浏览器窗口中也会打开该页面。这时说明本地站点测试成功。

图1.13 测试网页

提示，Dreamweaver提供的站点管理功能比较强大，建议初学者学会使用，这将带来很多便利。具体介绍请扫码阅读。

线上阅读

1.2.3 实战演练：定义动态站点

动态站点就是需要服务器支持的网站。在Windows系统下，初学者可以利用IIS组件快速开启一个动态站点。具体说明请扫码阅读。

线上阅读