dw第十一讲设计与制作个人网站-模板的应用

Dreamweaver课件,第十一讲 设计与制作个人网站模板的应用,主要内容,个人网站设计规划模板用途模板定义创建模板应用模板使用库和资源面板,个人网站设计规划,1、确定网站主题（这里主要是讲个人网站）主题要小而精对于个人网站来说主题最好是自己擅长或者喜爱的内容主题不要太滥或者目标太高主题确定后，就可以围绕主题给网站起一个名字。这是很关键的要素。,2、确定网站的目录结构,网站的目录是指建立网站时创建的目录。目录结构的好坏，对站点本身的上传维护以及以后内容的扩充和移植有着重要的影响。对于个人网站，主要是静态的几个页面，因此在建立目录的时候，可以将其中的页面文件直接放在根目录下，所有的图片可以放在images文件夹中。建立目录结构的建议：不要将所有文件都存放在根目录下按栏目内容建立子目录在每个主目录下都建立独立的images目录目录的层次不要太深,3、确定网站的整体风格,风格是指站点的整体形象给浏览者的综合感受，包括站点的标志、色彩、字体、标语、版面布局、内容价值等等诸多因素。从整体风格的角度来看，下面给出一个好的网站标准。简洁实用：非常重要，尽量以最高效率的方式将用户所想得到的信息传送给他就是最好的。整体性好：一个网站强调是一个整体，围绕一个统一的目标进行的设计才是成功的网站形象突出：页面用色协调，布局符合形式美的要求，也就是使网页富有可欣赏性。交互性强,4、确定网站主要栏目和布局,考虑每台显示器分辨率不同，可以采用640X480,800X600,1024X768通常版面布局按照如下步骤进行草案粗略布局：在草案的基础上，将确定需要放置的功能模块安排到页面上，必须遵循突出重点，平衡协调的原则，将网站标志，主要栏目等最重要的模块放在最显眼，最突出的位置，然后再考虑模块的排放。,模板,Dreamweaver模板是一种特殊类型的文档，用于设计“固定”的页面布局。设计模板时，可以指定在基于模板的文档中用户可以编辑文档的哪些区域。模板最强大的功能之一是一次可以更新多个页面。根据模板创建的文档与模板保持链接关系（除非以后分离该文档），可以通过修改模板立即更新所有基于该模板的文档。用途:批量制作风格一致内容不同的网页并快速更新。定义:模板是一个带有固定内容和格式的文档.是用户批量创建文档和更新文档的基础.,创建模板,1.新建模板 创建空白模板: F11键打开资源管理面板/模板,单击“新建”按钮。 将已有文件另存为模板：文件/另存为模板 注意：模板文件扩展名为.dwt,保存在Templates文件夹中。,将现有文档保存为模板,新建空白模板,创建模板,2. 定义可编辑区可编辑区：由模板创建的文档可以编辑的区域。锁定区：由模板创建的文档不能编辑的区域。注意：新建模板，默认没有可编辑区定义：选择一个区域，单击“插入工具栏/模板/可编辑区“按钮。命名。,创建模板,定义可编辑区注意：可编辑区可以用表格、单元格、层。如果多个单元格定义为可编辑区，要分开定义。必须指定可编辑区，否则由模板生成的网页不能修改。可编辑区和锁定区是在模板中定义的，起作用在网页中。在给可编辑区域命名时，不要使用特殊字符，最好也不要使用中文。 3. 保存,应用模板,用模板创建网页打开模板面板,在面板菜单中选择“从模板中新建”,在可编辑区中修改页面即可. 重复执行即可批量创建风格一致内容不同网页.利用模板更新页面更改模板后保存,会更新所有由模板创建的页面.与模板脱离修改/模板/从模板中分离脱离后成为普通网页,失去与模板的联系,不再有可编辑区和锁定区之分.,使用“库”项目（P268）,什么是库项目,库项目是一种特殊的Dreamweaver文件，我们可以将当前网页中经常要使用的任意页面元素定义为库项目，如图像、表格、文本、声音和Flash影片等。创建库项目的好处是可以在多个页面中重复使用它们，每当更改某个库项目的内容时，所有使用了该项目的页面都将同时更新。模板从整体上控制了文档风格，库项目则从局部上维护了文档的风格。,创建库项目,首先在文档窗口选择需要保存为库项目的对象，然后选择“修改”“库”“增加对象到库”菜单并输入库项目名称，即可将所选对象添加到库中。,库项目列表,将库项目插入到文档,删除库项目,编辑库项目,新建库项目,预览库项目,插入库项目,将库项目插入到文档中的操作非常简单，只需在“资源”面板的库窗口中将库项目拖入到文档的适当位置即可。也可以选中库中的项目，然后单击“资源”面板底部的“插入”按钮，将库项目插入到文档中。,库项目选中状态,普通对象选中状态,编辑库项目,要编辑库项目，可以在“资源”面板中双击库项目，Dre