《网页设计与制作》课件——项目2 创建和管理站点.pptx

1.Dreamweaver用户界面及简单的应用

项目2创建和管理站点

主讲教师：

Dreamweaver用户界面

任务操作

创建一个简单的网页并预览

主讲教师：

2.创建和

管理站点

项目2创建和管理站点

站点

Dreamweaver的站点是一种管理网站中所有相关联文件的工具。通过站点可以对网站的相关页面及各类素材进行统一管理，还可以使用站点管理实现将文件.上传到网页服务器，测试网站。

简单的说就是一个文件夹。在这个文件夹里包含了网站中所有用到的文件。我们通过这个文件夹（站点），对我们的网站进行管理。

为什么需要站点管理

任务一

在DreamweaverCS6中设置本地站点；

本任务将“素材\项目二\示例\qyw”设置为Dreamwever站点。

DreamweaverCS6为我们提供了方便的站点管理。在Dreamweaver中，站点分为“本地站点”和“远程站点”，由于本书中网页均在本地测试，所以仅设置本地站点。

任务分析

创建站点并管理站点

站点管理器

01

创建文件夹

02

定义新站点

03

创建和保存网页

04

站点管理器

启用“管理站点”对话框有以下几种方法。

选择“站点”→“管理站点”命令。

选择“窗口”→“文件”命令，启用“文件”控制面板，选择“文件”选项卡，单击控制面板左侧的下拉列表，选择“管理站点”命令。

创建文件夹

新建文件夹的具体操作步骤如下。

在站点管理器的右侧窗口中单击选择站点。

通过以下几种方法新建文件夹。

选择“文件”→“新建文件夹”命令。

用鼠标右键单击站点，在弹出的菜单中选择“新建文件夹”命令。

输入新文件夹的名称。

定义新站点

在Dreamweaver中，站点通常包含两部分，即本地站点和远程站点。本地站点是本地计算机上的一组文件，远程站点是远程Web服务器上的一个位置。用户将本地站点中的文件发布到网络上的远程站点，使公众可以访问它们。在DreamweaverCS6中创建Web站点，通常先在本地磁盘上创建本地站点，然后创建远程站点，再将这些网页的副本上传到一个远程Web服务器上，使公众可以访问它们。

创建本地站点的步骤

本地站点主要选项的作用

选择“文件”→“新建”命令，启用“新建文档”对话框，创建空白网页。

网页设计完成后，选择“文件”→“保存”命令，弹出“另存为”对话框，设置后单击“保存”按钮，将该文档保存在站点文件夹中。

创建和保存网页

管理站点

请试着将附书光盘“素材\项目二\示例\qyw”文件夹复制到D盘中并建立一个Dreamweaver站点“企业网”。

试一试

感谢您的

观看与聆听