DreamweaverCS5网页制作第9章　模板和库.pptVIP

9.2 库的建立与应用 3.使文档中的库项目可编辑 库项目添加到文档后，如希望专门针对该页编辑，则必须断开文档中的库项目实例和库之间的链接。方法如下，在当前文档中选中库项目，在“属性”面板中单击“从源文件中分离”按钮，则网页中的库项目实例可以编辑了，当库项目发生更改时不会更新该实例。 9.3 商业网站模板的应用 案例制作：商业网站模板的应用 通过本案例的操作，你将学会：如何在Photoshop中对模板进行编辑、分割、如何将分割的图像储存为网页、如何在网页中进行调整生成自己的网页 9.3 商业网站模板的应用 案例制作：商业网站模板的应用 操作步骤： 1. 在Photoshop中整理下载的PSD模板。 （1）整理模板文件 新建文件夹jyjd，将素材中的模板文件“网页模板.psd”拷贝到该文件夹中。在Photoshop CS3中打开该模板，你会发现图像的元素分布在不同的图层上。首先根据需要在Photoshop CS3中修改、更换对象元素，包括色彩的调整。此处已经根据需要完成了图像的制作，如图所示。 9.* 第9章 模板和库 学习目标 了解资源面板的构成。 能够创建、编辑模板，并利用模板创建网页。 能够建立库项目并使用库项目编辑网页。 能够在网站合理使用模板提高效率。 9.1 模板的建立与应用 9.2 库的建立与应用 9.3 实战演练：商业网站模板的应用 本章内容 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 通过本案例的操作，你将学会： 1）如何创建模板和使用模板创建网页。 2）如何建立与取删除板可编辑区域。 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 操作步骤： （1）定义站点 新建文件夹“qiuxing1”，将素材文件夹“qiuxing1”中所有文件和文件夹拷贝到“qiuxing1”文件夹中。在Dreamweaver CS5中定义站点，站点名称为“球星风采”，本地站点文件夹为qiuxing1文件夹。打开要制作模板的网页meixi.html。 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 操作步骤： （2）可编辑区域的建立与取消 由模板所建立的网页上，哪个区域可以进行编辑，是需要预先设定的，使用没有可编辑区域的模板所建立的网页是不能进行编辑修改的，也就没有什么意义。建立可编辑区域需要在模板制作的时候完成。 1）将光标定位在要建立可编辑区域的位置，选择“当前位置：球星档案里奥﹒梅西”中的“里奥﹒梅西”，如图所示。 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 操作步骤： 2）单击“插入”面板“常用”选项中的模板按钮 右边的向下箭头，在弹出的菜单中选择“ 可编辑区域”命令，如图所示。 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 操作步骤： 3）系统会提示“Dreamweaver会自动将此文档转换为模板”，单击“确定”按钮，在打开的“新建可编辑区域”对话框中，修改可编辑区域的名称为“球星姓名”，如图所示。 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 操作步骤： 4）单击“确定”按钮，此处可编辑区域创建完成。用同样的办法将正文中球星姓名、照片个人档案文字、简历文字定义为可编辑区域，如图所示。 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 操作步骤： 5）保存模板。单击菜单“文件”→“保存”，打开“另存为模板”对话框，模板取名为“qiuyuan.dwt”，如图所示，单击“保存”按钮，将完成的模板保存下来。 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 操作步骤： （3）利用所建模板建立“托马斯?穆勒”的网页 1）选择“文件”→“新建”命令，打开“新建文档”对话框，在左侧单击“模板中的页”选项，站点选择“球星风采”，在“站点‘球星风采’的模板”中选择“qiuyuan”，选择“当模板改变时更新页面”复选框，在“预览”框中可以预览模板的效果，如图所示。单击“创建”按钮，即可创建基于模板的网页。 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 操作步骤： 2）使用模板创建的网页四周有黄色边框，右上角有黄色标签及模板名称。网页中可编辑区域被套上蓝色边框，只有可编辑区域的内容能够编辑。如图所示。删除可编辑区域的内容。 9.1 模板的建立与应用 9.1.1案例制作：使用模板制作明星网站 操作步骤： 3）在“球星姓名”、“标题：球星姓名”、“球星档案”和“简历”四处可编辑区域输入“托马斯?穆勒”的相关信息。将光标定位在“照片”位置，插入图像image/star/mule