《网页设计与制作（第2版）》第3章 建立本地站点

第

3

章建立本地站点网页设计与制作（第2版）2023/1/3第3章建立本地站点1第3章建立本地站点3.1创建本地站点3.2管理本地站点3.3综合案例：创建“我的第一个网站”2023/1/3第3章建立本地站点23.1创建本地站点什么是站点在Dreamweaver中，站点是指属于某个Web站点的文档的本地或远程存储位置。简单地说，一个站点通常对应一个本地或远程的文件夹。

2023/1/3第3章建立本地站点33.1创建本地站点站点的分类在Dreamweaver中，常用的站点类型包括本地站点和远程站点。

本地站点，即本地文件夹，存储正在处理的文件，此文件夹通常位于本地计算机上，但也可能位于网络服务器上。

远程站点，即远程文件夹，存储用于测试、生产和协作等用途的文件，远程文件夹通常位于运行Web服务器的计算机上。远程文件夹包含用户从互联网访问的文件。

2023/1/3第3章建立本地站点43.1创建本地站点下图左侧为一个本地计算机上的本地站点文件夹，右侧为一个Web服务器上的远程站点文件夹。使用Dreamweaver或FTP工具将本地站点对应的文件夹上传到Web服务器上，也就是说，本地站点文件夹中的文件夹和文件应与远程文件夹中的文件夹和文件一一对应。

2023/1/3第3章建立本地站点53.1创建本地站点

创建本地站点的步骤：1.创建站点文件夹2.使用向导建立站点

2023/1/3第3章建立本地站点63.1创建本地站点1.创建站点文件夹

建立本地站点就是在某台电脑硬盘上建立一个文件夹，然后将所有与制作网页相关的文件（图片、视频等）都存放在里面，以便进行网页的制作和管理。

2023/1/3第3章建立本地站点73.1创建本地站点

应注意以下几点：不要将所有的文件都存放在根文件夹下，否则容易混淆，不利于管理和上传。按照文件的类型建立不同的子文件夹。根文件夹、子文件夹、文件的命名最好使用简短而又有一定含义的小写英文或拼音。

2023/1/3第3章建立本地站点83.1创建本地站点2.使用向导建立站点(1)打开DreamweaverCS6，在菜单栏中选择“站点”→“新建站点”菜单命令，弹出“站点设置对象”对话框，如下图所示。

2023/1/3第3章建立本地站点93.1创建本地站点2023/1/3第3章建立本地站点103.1创建本地站点2.使用向导建立站点(2)单击上图中的“保存”按钮。在DreamweaverCS6界面右下角会出现“文件”面板，如下图所示，表示“mysite”站点已经建立成功。

2023/1/3第3章建立本地站点113.1创建本地站点2023/1/3第3章建立本地站点123.2管理本地站点切换站点单击“文件”面板左边的下拉列表框，选中某个已创建的站点，就可以切换到对该站点。

2023/1/3第3章建立本地站点133.2管理本地站点管理站点对话框

“管理站点”对话框是进入Dreamweaver站点功能的通路。通过这个对话框可以进行新建站点、编辑站点、复制站点、删除站点、导入或导出站点等操作。

2023/1/3第3章建立本地站点143.2管理本地站点在“文件”面板中管理文件夹和文件可以在已建立站点的“文件”面板中对文件夹及文件进行常规管理，这些管理主要包括新建、复制、移动、重命名、删除等操作

。

2023/1/3第3章建立本地站点153.2管理本地站点2023/1/3第3章建立本地站点163.3综合案例：创建“我的第一个网站”【内容】建一个站点，名称为：我的第一个网站，对应的本地路径是：D:\MyFirstSite。在站点根目录下新建网页文件index.html。并新建三个文件夹，名称分别是：images、videos和styles。最后，导出“我的站点”到D:\MyFirstSite中，导出文件名为myfirstsite.ste。

2023/1/3第3章建立本地站点173.3综合案例：创建“我的第一个网站”【目标】通过本案例练习，熟悉并掌握DreamWeaverCS6中本地站点的创建和管理。

2023/1/3第3章建立本地站点183.3综合案例：创建“我的第一个网站”【思路】

创建一个网站站点，首先要在本地电脑硬盘上建立一个文件夹，用来存放站点的内

容，然后使用DreamWeaver菜单中“站点”|“新建站点”命令进行创建，通过“站点”|“管理站点”命令对网站进行管理。

2023/1/3第3章建立本地站点193.3综合案例：创建“我的第一个网站”【步骤】步骤1：在D盘创建一个文件夹，名称为“MyFirstSite”。

步骤2：启动DreamweaverCS6，单击“站点”菜单，选择“新建站点”命令，打开“新建

站点”对话框。

步骤3：在“站点设置对象”对话框左侧选择“站点”，在右侧的“站点名称”处输入“我的

第一个网站”，在本地站点文件夹处D:\MyFirstSite。

。

2023/1/3第3章建立本地站点203.3综合案例：创建“我的第一个网站”2023/1/3第3章建立本地站点213.3综合案例：创建“我的第一个网站”步骤4：在“文件”面板中选择“本地视图”，在站点的根目录“站点-我的第一个站点”上

右击，在弹出的快捷菜单中选择“新建文件夹”，文件夹名称为images，然后用同样的方式，再

创建两个文件夹，名称分别是videos和styles。

步骤5：在“文件”面板中选择“本地视图”，在站点的根目录“我的第一个站点”上右击，

在弹出的快捷菜单中选择“新建文件”，文件夹名称为index.html。

。

。

2023/1/3第3章建立本地站点223.3综合案例：创建“我的第一个网站”2023/1/3第3章建立本地站点233.3综合案例：创建“我的第一个网站”步骤6：单击Dreamweaver菜单“站点”中的“管理站点”命令，在弹出的“管理站点”对

话框中，单击弹出“导出站点”对话框，选择路径D:\MyFirstSite，在文件名处，输入“myfirstsite”