网站制作与编辑ppt课件.ppt

《网站制作与编辑ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作$[知识目标]了解Dreamweaver8模板和库的作用熟悉Dreamweaver8模板和库的操作方法8[能力目标]掌握模板和库项目的创建操作能够应用模板和库设计网页掌握利用模板和库更新页面的方法第11章模板和库11.1模板11.2库本章小结第11章模板和库11.1模板11.1.1创建模板11.1.2删除模板11.1.3.编辑模板11.1.4由模板创建网页11.1.5更新模板（一）创建空白模板1．单击菜单栏中“窗口”

2、“资源”命令，打开“资源”面板。2．单击“资源”面板左边的“模板”　按钮，显示“模板”类别，如图所示。11.1.1创建模板11.1模板（一）创建空白模板

3、3．单击面板底部的“新建”　按钮，面板中出现一个未命名的模板，如图所示。4．输入新的模板名字，则新建一个空白模板。11.1.1创建模板11.1模板（二）将己有网页文件保存为模板1．打开己编辑好的要保存为模板的网页文件。2．单击菜单栏中的“文件”

4、“另存为模板”命令。3．打开“另存为模板”对话框，如图所示。4．各项设置如下：“站点”：下拉列表中选择模板存放的站点。“另存为”：文本框中输入模板的名称。“现存模板”：显示当前系统中己有的模板文件。5．单击“保存”按钮，新增的模板出现在“资源”面板的模板列表中。11.1.1创建模板11.1模板对于没用的模板可以删除，删除模板的操作为：

5、1．打开“资源”面板，选择“模板”类别。2．选择要删除的模板。3．单击“删除”　按钮，即可删除所选模板。11.1.2删除模板11.1模板（一）设计模板以下图所示的模板为例设计模板的操作为：11.1.3编辑模板11.1模板1．在“资源”面板的“模板”类别中，双击新建的“index”模板，打开模板文件。2．输入“长春介绍”，设置字体字号。3．插入水平线，宽度设为85%，高度为“3”，无阴影。4．插入“导航条”。5．输入“长春是个具有欧洲田园城市规划特点的城市，”等文本，并排版。6．添加网页背景图像“snow.gif”7．单击菜单栏中“文件”

6、“保存”命令，保存己设计好的模板。11.1.

7、3编辑模板11.1模板（二）设置可编辑区域将上面建立的模板中“水平线”和“导航条”以外的部分设置为可编辑区域，设置可编辑区域的操作为：1．打开己设计的模板文件index.dwt。2．选择“长春介绍”。3．单击菜单栏中“插入

8、模板对象

9、可编辑区域”命令．4．打开新建可编辑区域对话框，如图所示。11.1.3编辑模板11.1模板5．在“名称”文本框输入可编辑区域名称。6．单击“确定”，退出“可编辑区域对话框”，建立的“可编辑区域”为绿色框线区域，如图所示。7．用相同的操作将“长春是个具有欧洲田园城市规划特点的城市，”等文本设置为可编辑区域。8．完成的模板页如图所示。11.1.3编辑模板1

10、1.1模板（三）删除可编辑区域1．打开模板文件，单击选择模板中的可编辑区域左上角的名称，选中可编辑区域，如图所示。2．单击菜单栏中“修改”

11、“模板”

12、“删除模板标记”命令，即可删除可编辑区域。11.1.3编辑模板11.1模板（一）由模板创建网页1．单击菜单栏中“文件”

13、“新建”命令。2．打开新建文档对话框，单击模板选项卡，如图所示。3．选择要使用的模板，单击“创建”则由模板创建了一个新网页。4．由模板创建的网页，只可对模板中“可编辑区域”进行编辑。11.1.4由模板创建网页11.1模板（二）将己有网页应用模板除了可以由模板创建网页，也可以将网页应用己有的模板，应用模板的操作为：1．

14、打开要应用模板的网页文件。2．执行以下操作之一：•单击菜单栏中“修改”

15、“模板”

16、“套用模板到页”命令。•在“资源”面板中，选择要应用的模板，单左下角的“应用”按钮。3．网页应用了所选模板。11.1.4由模板创建网页11.1模板（—）更新模板在Dreamweaver8中，当模板被重新编辑或修改，保存模板后，会自动打开“更新模板文件”对话框（如图），单击“更新”按钮，更新文档。11.1.5更新模板11.1模板（—）更新模板手动更新的操作为：1．执行以下操作之一，打开更新页对话框（图）•在“资源”面板中，右击要更新的模板文件，在弹出的快捷菜单中选择“更新站点”。•单击菜单栏中“修改”

17、

18、“模板”

19、“更新站点”命令。11.1.5更新模板11.1模板（—）更新模板2．在“查看”下拉列表中选择更新的范围。有一个选项：选择“整个站点”，在右侧可以选择站点名称，更新所选站点中的所有文件；选择“文件使用”，在右侧右以选择模板名称，更新当前站点中使用所选模板的所有页面。3．在“更新”选项中，选择“模板”选项。4．单击“开始”按钮，开始更新站点或网页。更新完毕后，系统会给出一个更新报告。5．更新结束，关闭“更新页面”对话框即可。11.1.5更新模板11.1模板（二）