项目九 制作个人网站.ppt

项目九 制作个人网站 ——应用模板和库 创建“梦幻花园”首页——应用模板 创建“幸福一家”网页——应用库项目 任务一 创建“梦幻花园”首页——应用模板 相关知识 二、基于模板创建文档 实施步骤 一、创建网站模板 2．设置模板内容 3．设置可编辑区域 二、应用模板创建网站主页 任务二 创建“幸福一家”网页 ——应用库项目 一、什么是库项目 二、创建库项目 三、应用库项目 四、编辑库项目 实施步骤 一、定义“top”和“bottom”库项目 二、应用库项目创建“心情日记”网页 知识拓展 一、个人网站欣赏 * * 一、创建并保存模板文档 创建模板文档的方法有两种。一种是新建空白模板文档，然后像制作普通网页一样制作和编辑模板内容；还有一种是将普通网页另存为模板。本节讲解如何将普通网页另存为模板。 创建模板后，就可以在该模板的基础上创建网页文档了。 1．创建并保存模板文档 该个人网站中所有网页都使用了同一个模板，所以只要将模板做出，网页的制作就是小菜一碟了。为便于理解，我们将该模板的制作分为三部分讲解，本节首先来创建并保存模板文档（具体操作见视频1-1-1）。 此处的模板内容主要指文档中不可编辑区域部分的内容（具体操作见视频1-1-2）。 本节要制作的可编辑区域不同于以往的类型，需要使用嵌入式框架来实现（具体操作见视频1-1-3）。 创建网站主页主要是制作可编辑区域（此处就是嵌入式框架）中的内容。本节我们首先来制作一个简单的网页，然后将其设置为嵌入式框架的起始页，便完成了主页的创建（具体操作见视频1-2）。 库项目是一种特殊类型的Dreamweaver文件，我们可以将当前网页中的任意页面元素定义为库项目，如图像、表格、文本、声音和Flash影片等。当需要使用某库项目时，直接将其从“资源”面板中拖到网页中就可以了。 创建库项目的方法非常简单。首先选中对象，然后选择“修改”“库”“增加对象到库”菜单，即将所选对象创建为库项目。 选择“修改”“库”“增加对象到库”菜单，打开提示框 应用库项目的方法非常简单，只需在“资源”面板的库窗口中将其拖入到文档的适当位置即可。此外，也可在定位插入点后，选中库中的项目并单击“资源”面板底部的“插入”按钮，将库项目插入到文档中。 要编辑库项目，可在“资源”面板中双击库项目，Dreamweaver会在文档编辑窗口中打开该库项目。 在学习了库项目的相关知识后，下面来制作一个使用库项目制作的个人网站——幸福一家。本节首先来制作网站要用到的两个库项目“top”和“bottom”（具体操作见视频2-1）。 在创建了“top”和“bottom”库项目后，本节我们就应用它们来制作网站子页——心情日记（具体操作见视频2-2）。 个人网站一般都不受什么约束，喜欢什么风格就做成什么风格，随主人爱好而定。下面介绍几个做得比较成功，浏览量也较大的个人网站。 * * * * *