第 二课 规划和创建站点 课前导读 课堂讲解 上机实战 课后练习
课前导读 基础知识 重点知识 了解知识
课堂讲解 规划站点 创建站点 管理站点
在进行网页制作之前,应先创建站点,以便利用站点的管理功能对站点中的文件进行管理或测试。创建站点首先要做的就是规划站点,然后通过Dreamweaver MX 2004的站点管理功能创建站点的框架,包括主页、分支页面和相应的文件夹等。
规划站点 站点的概念 规划站点结构 导航草图制作 创建制作草图
站点的概念 一系列通过各种链接关联起来的网页文档就构成了站点,它可以大到整个网站,也可以小到一个网页。严格地说,站点也是一种文档的磁盘组织形式,它同样是由文档和文档所在的文件夹组成。 在Dreamweaver MX 2004中提供了本地站点、远程站点和测试站点3类站点。本地站点和远程站点使用户能够在本地磁盘和Web服务器之间传输文件,测试站点则用于动态站点的测试。 本地站点。 远程站点。 测试站点。
规划站点结构 规划站点结构是指利用不同的文件夹,将不同的网页内容分门别类地保存,它是设计站点的必要前提。合理地组织站点结构,可加快对站点的设计,提高工作效率,节省工作时间。 通常,在制作站点时首先应在本地硬盘上创建一个文件夹,然后在制作过程中,将所有创建和编辑的网页内容都保存在该文件夹中。当要发布站点时,将这些文件上传到Web服务器上即可。另外,如果站点比较大,则需要建立子文件夹以存放不同类型的网页内容,如在about文件夹中存放与公司简介相关的网页内容,在product文件夹中存放关于公司产品方面的网页内容。
合理的文件、文件夹名称在站点规划中也是较重要的,一个好的名称很容易让人理解,一看就能知道网页要表述的内容。一般在命名时,可以采用与其内容相同的英文或拼音(如公司文件夹可以命名为company或gongsi)进行命名。在命名时应避免使用中文和长文件名,且注意名称的大小写,这是因为很多Web服务器使用的是英文操作系统或UNIX操作系统,在UNIX操作系统中是要区分大小写的,如index.htm和index.HTM会被Web服务器视为不同的两个文件。因此,建议在构建的站点时,所有的文件夹和文件都使用小写的英文字母命名。 规划站点结构时,还应考虑网页所需图片或动画等文件所存放的位置。如果站点内容较少,完全可以只在站点的根目录下创建一个或不建文件夹;如果是大型站点,可在各个类别的文件夹下分别创建相应的文件夹,如在站点根目录下创建一个名称为pic的文件夹用以存放主页中用到的图片和动画,在about文件夹下创建一个名称为image的文件夹用以存放公司简介中用到的图片和动画。在命名这类文件夹时,可以取名为pic、picture、img、image和images等。
导航草图制作 经过规划后,就可以根据规划画出一个导航草图,以便理清思路。
创建制作草图 有了规划后,接下来应对站点的样式和版面进行设计(也就是确定整个站点的页面风格),制作出一个大致的草图。草图的设计方法很多,可以用Photoshop、Fireworks和CorelDRAW等图形软件制作,制作出的图纸也不必很精确,有一个大致的模型即可。
创建站点 在Dreamweaver MX 2004中可以通过选择[站点]}[管理站点]菜单命令,打开“管理站点”对话框,在其中创建站点,也可在“文件”面板中创建站点。
管理站点 在站点中添加新文件夹和文件 重命名文件或文件夹 删除文件或文件夹 编辑文件 编辑站点 删除站点
上机实战 规划装饰公司站点结构 创建站点 创建主要文件夹及文件
本课上机实战主要练习站点的规划、导航草图制作、本地站点的创建、文件和文件夹的创建等操作。在进行站点规划前,读者应收集并参考相关的网站,了解该类网站所包括的基本栏目,以及栏目的划分方式;在进行导航草图的制作时,应参考其制作方法,最好能确定各文件夹及文件的名称;在创建本地站点时,应先确定站点的名称及存储位置。
规划装饰公司站点结构 作为装饰公司,一般应具有公司首页,公司简介、业务项目、作品欣赏、成功案例、建材展示等栏目,比较大型的站点可能还有论坛等栏目。
创建站点 在Dreamweaver MX 2004中利用“管理站点”命令创建“为您享家装公司”站点,站点名称为“为您享家装公司”,存储位置为E:\fnx。
创建主要文件夹及文件 在这里只创建主要的文件夹及文件,其余文件夹及文件读者可参考本案例进行设置。