网站设计和页面布局技术(二).pptVIP

回顾 请简述网站开发的基本步骤？ 框架布局的优缺点？ 表格布局的适用场合？ DIV布局的优点以及适用场合？ 预习检查 为什么要制作网页模板？ 可编辑区域与不可编辑区域的区别？ 简述制作模板页的大致步骤？ 本章任务 本章目标 会用Dreamweaver制作模板页并应用到其他页面 会用Dreamweaver制作样式文件并绑定到各页面 会使用网站开发流程制作并发布网站 为什么需要模板 为什么需要模板 制作模板 制作模板页有两种方式，下面分别加以介绍： 将现有文档保存为模板 1、打开HTML文档 2、选择“文件” ?“另存为模板” 3、设置相关属性，然后“保存” 制作模板 新建空白模板 1、选择“窗口” ?“资源” 2、在“资源”面板上新建模板 3、设置相关属性，然后“保存” 制作模板 定义可编辑区域 添加基本可编辑区域 1、在模板文档中选择要设置为可编辑的区域 2、“插入” ?“模板对象” ?“可编辑区域” 删除可编辑区域 1、选择要编辑的区域 2、“修改” ?“模板” ?“删除模板标记” 应用模板 将模板应用于页面的步骤如下： 1、新建要应用模板的空白文档 2、在“资源”面板找到要应用的模板 3、将模板拖到空白“文档”中 4、在可编辑区域添加或编辑数据 应用模板 应用模板 应用模板 小结1 用模板页制作登录、注册页面 制作样式表 制作样式表 创建