网页制作实验教程 第十六章 模板和库.pptVIP

第十六章 模板和库 ; 网站的风格如果过于多样化，不仅会使浏览者产生视觉疲劳，也会让浏览者产生这个网站过于轻浮、信息不可信的不好印象。因此，在我们制作网站的过程中，为了让网站的视觉风格一致，很多页面会用到相同的布局、图片和文字元素。 ;实验目的： 要求同学们能够独立创建模板，熟练使用模板的属性。 ;实验原理： 模板是一种文件，可以用它作为其他文件的基础。创建一个模板时，可以指 定页面的哪些元素保持不变，哪些元素可以被修改。并且可以将模板应用于文件 之后再重新修改模板。如果用修改后的模板更新文件，文件中只有锁定的区域才 会随模板更新。 ;实验条件： 电脑操作系统Windows XP/2000/98、Dreamweaver 8网页设计软件。 ;实验四十二 创建模板 ;实验内容： 步骤1 创建一个新的HTML页面，将光标移至需要插入表格处。 步骤2 单击［插入］工具栏的［常用］栏中的 （表格命令），弹出表格［属性］面板。 步骤3 选定表格成为版面排版的基本模式，进行编辑。 ;步骤4 用光标覆盖表格中的可编辑区域，选择［插入］菜单栏中的［模板对象］中的［可编辑区域］命令。 步骤5 弹出［新建可编辑区域］对话框，为可编辑区域命名。 步骤6 按照上述方法，对各个需要建立编辑区域的对象进行命名。 步骤7 如果需要删除编辑区域，可以选中已命名好的编辑区域，选择［模板］中的［删除模板标记］命令。;步骤8 按照上述方法完善模板的编辑区域。 步骤9 选择［文件］菜单栏中的［另存为模板］命令。 步骤10 弹出［另存为模板］对话框，将模板存放在理想的位置，并且为其命名。 步骤11 单击F12，在浏览器中预览效果，可编辑区域在预览中是看不见的。 ;实验四十三 生成库项目 ;实验内容： 步骤1 选择一个网页中的一段文本。 步骤2 选择［修改］中［库］命令中的［增加对象到库］命令。 步骤3 输入新建库项目的名称，对库项目进行属性设置。 ;步骤4 选择［编辑］中的［首选参数］命令，在［首选参数］对话框中选择［标记色彩］选项。 步骤5 在［库项目］选???旁的颜色框选择一种颜色。 步骤6 选择［显示］复选框，确定显示库项目的高亮颜色。 步骤7 单击［确定］按钮。 ;学习与思考 根据本章所讲的模板与库功能，希望同学们按照以下要求来完善你的个人主页: 1.为你的个人主页设置一个可套用的模板。 2.将这个模板应用到需要被套用的内容上。 3.再为你的个人主页设置几个库项目。