第 二课 规划和创建站点 课前导读 课堂讲解 上机实战 课后练习.

Presentation on theme: "第 二课 规划和创建站点 课前导读 课堂讲解 上机实战 课后练习."— Presentation transcript:

1 第 二课 规划和创建站点 课前导读 课堂讲解 上机实战 课后练习

2 课前导读 基础知识 重点知识 了解知识

3 课堂讲解 规划站点 创建站点 管理站点

4 在进行网页制作之前，应先创建站点，以便利用站点的管理功能对站点中的文件进行管理或测试。创建站点首先要做的就是规划站点，然后通过Dreamweaver MX 2004的站点管理功能创建站点的框架，包括主页、分支页面和相应的文件夹等。

5 规划站点 站点的概念 规划站点结构 导航草图制作 创建制作草图

6 站点的概念 一系列通过各种链接关联起来的网页文档就构成了站点，它可以大到整个网站，也可以小到一个网页。严格地说，站点也是一种文档的磁盘组织形式，它同样是由文档和文档所在的文件夹组成。 在Dreamweaver MX 2004中提供了本地站点、远程站点和测试站点3类站点。本地站点和远程站点使用户能够在本地磁盘和Web服务器之间传输文件，测试站点则用于动态站点的测试。 本地站点。 远程站点。 测试站点。

7 规划站点结构 规划站点结构是指利用不同的文件夹，将不同的网页内容分门别类地保存，它是设计站点的必要前提。合理地组织站点结构，可加快对站点的设计，提高工作效率，节省工作时间。 通常，在制作站点时首先应在本地硬盘上创建一个文件夹，然后在制作过程中，将所有创建和编辑的网页内容都保存在该文件夹中。当要发布站点时，将这些文件上传到Web服务器上即可。另外，如果站点比较大，则需要建立子文件夹以存放不同类型的网页内容，如在about文件夹中存放与公司简介相关的网页内容，在product文件夹中存放关于公司产品方面的网页内容。

8 合理的文件、文件夹名称在站点规划中也是较重要的，一个好的名称很容易让人理解，一看就能知道网页要表述的内容。一般在命名时，可以采用与其内容相同的英文或拼音（如公司文件夹可以命名为company或gongsi）进行命名。在命名时应避免使用中文和长文件名，且注意名称的大小写，这是因为很多Web服务器使用的是英文操作系统或UNIX操作系统，在UNIX操作系统中是要区分大小写的，如index.htm和index.HTM会被Web服务器视为不同的两个文件。因此，建议在构建的站点时，所有的文件夹和文件都使用小写的英文字母命名。 规划站点结构时，还应考虑网页所需图片或动画等文件所存放的位置。如果站点内容较少，完全可以只在站点的根目录下创建一个或不建文件夹；如果是大型站点，可在各个类别的文件夹下分别创建相应的文件夹，如在站点根目录下创建一个名称为pic的文件夹用以存放主页中用到的图片和动画，在about文件夹下创建一个名称为image的文件夹用以存放公司简介中用到的图片和动画。在命名这类文件夹时，可以取名为pic、picture、img、image和images等。

9 导航草图制作 经过规划后，就可以根据规划画出一个导航草图，以便理清思路。

10 创建制作草图 有了规划后，接下来应对站点的样式和版面进行设计（也就是确定整个站点的页面风格），制作出一个大致的草图。草图的设计方法很多，可以用Photoshop、Fireworks和CorelDRAW等图形软件制作，制作出的图纸也不必很精确，有一个大致的模型即可。

11 创建站点 在Dreamweaver MX 2004中可以通过选择[站点]}[管理站点]菜单命令，打开“管理站点”对话框，在其中创建站点，也可在“文件”面板中创建站点。

12 管理站点 在站点中添加新文件夹和文件 重命名文件或文件夹 删除文件或文件夹 编辑文件 编辑站点 删除站点

13 上机实战 规划装饰公司站点结构 创建站点 创建主要文件夹及文件

14 本课上机实战主要练习站点的规划、导航草图制作、本地站点的创建、文件和文件夹的创建等操作。在进行站点规划前，读者应收集并参考相关的网站，了解该类网站所包括的基本栏目，以及栏目的划分方式；在进行导航草图的制作时，应参考其制作方法，最好能确定各文件夹及文件的名称；在创建本地站点时，应先确定站点的名称及存储位置。

15 规划装饰公司站点结构 作为装饰公司，一般应具有公司首页，公司简介、业务项目、作品欣赏、成功案例、建材展示等栏目，比较大型的站点可能还有论坛等栏目。

16 创建站点 在Dreamweaver MX 2004中利用“管理站点”命令创建“为您享家装公司”站点，站点名称为“为您享家装公司”，存储位置为E:\fnx。

17 创建主要文件夹及文件 在这里只创建主要的文件夹及文件，其余文件夹及文件读者可参考本案例进行设置。