创建和管理站点.docx

第二章创建和管理站点
在制作网页之前首先要创建站点。建立一个本地站点就是在本地计算机上建立一个文件夹，将所有与网站相关的文件都放在该文件夹中，以便进行网页的制作与管理。本章主要介绍利用Dreamweaver8创建站点的方法。通过本章学习，读者应该掌握以下内容：
规划站点结构的方法
Dreamweaver8的基本操作
利用Dreamweaver8创建并管理站点
2.1规划站点结构
作为一个网站，里面会有很多不同类型的文件，如果不进行分类组织，任意分散在硬盘的各个地方，网站会杂乱无章，不便于进行管理和更新，因此在建立站点之前，最好先规划以下站点结构。
一般来说，整个站点是一个大的文件夹，称为站点根文件夹，在站点根文件夹下建立一个合理的文件结构来存放所有与网站相关的资料。
通常，对站点的文件的规划，可以按照如下两种方法进行。
1.按照文件的类型进行规划

图2-1网站的目录结构
按照文件的类型规划，就是将不同类型的文件分别存放在不同的文件夹下。例如可以将所有的网页素材、图像、插件、模板等分别入在各自的文件夹下，便于查找。
2.按照网页主题进行规划
按照网页主题对站点结构规划，可以使用网站条理更清晰，便于日后更好地管理站点。
图2-1所示为一个公司网站的目录结构。
整个网站放置在硬盘的ROOT目录下，这也是整个网站的根目录，引导页，主页的相关文件可以直接放在根目录下，这样设计起来方便一些。各网页的子目录在根目录下依次建立，且都应有自己独立的子目录，用来存放相关的文件。
网站结构和好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容的扩充和移植有着重要的影响，下面是建立目录结构的一些建议。
（1）不要将所有文件都存放在根目录下，这样会造成文件管理混乱，如果将所有文件都存放在根目录下，很难搞清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长，所以，应尽可能减少根目录的文件存放数。
（2）子目录的建立，首先按主菜单栏目建立，例如，企业站点可以按公司简介，产品介绍、价格、在线定单和反馈联系等建立相应的目录，其他的次要栏目，类似“what’snew”，友情链接等内容较多，需要经常更新的栏目，可以建立独立的子目录，而一些相关性强，不需要经常更新的栏目，可以合并成一个统一目录下，所有程序一般都存放在特定目录下。所有需要下载的内容也最好放在一个目录下，如上图中将让客户下载的文档都放在documents文件夹下。
（3）为每个主栏目建立一个独立的image目录是最方便管理的，而根目录下的image目录中是用来放首页和一些次要栏目的图片。
（4）目录的层次建议不要超过三层，以使维护管理方便。
（5）不要使用中文目录。
（6）不要使用过长的目录。

2.2利用Dreamweaver8创建站点
2．2．1Dreamweaver8简介
Dreamweaver8是Macromedia公司出品的一款“所见即所得”的网页编辑工具。与FrontPage不同，Dreamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。一旦习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是FrontPage所无法比拟的。
Dreamweaver对于DHTML（动态网页）的支持特别好，可以轻而易举地做出很多绚丽的互动网页特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客，由于是同一公司的产品因而在功能上有着一个非常紧密的结合。因此说Dreamweaver是高级网页制作的首选并不为过。
Dreamweaver较新的版本为DreamweaverMX。DreamweaverMX包含多种多样的新功能，例如为设计人员提供的新型模板以及多种新的编码功能。本书以Dreamweaver8为网页制作工具，介绍网页设计和制作的方法。

图2-2Dreamweaver8的操作界面
1．Dreamweaver8的界面
启动Dreamweaver8，其操作界面便会出现在屏幕上，如图2-2所示。操作界面由以下几部分构成。
（1）菜单栏
菜单栏提供了所有的菜单命令，它是提供软件最完整功能的方式。
（2）工具栏
工具栏提供了常用命令的快捷启动方式，例如可以使用工具栏中的“标题”框方便地设置网页的标题。
（3）插入面板
插入面板是Dreamweaver8中新添的部件，其实就是Dreamweaver4中的对象面板，在其中包含一些用于创建不同类型对象的按钮。
用户可以单击“插入”按钮隐藏/显示整个插入栏，通过单击相应的标识符名切换显示不