项目六任务一(1.13).pptVIP

*按照模板结构搭建页面 模板的创建 根据模板的内容定义不同区域 根据模板的内容定义不同区域 将页脚定义为库项目 应用模板创建第二个页面 任务小结 单元小结 Company Logo 项目六 模板与框架 任务1 使用模板技术设计网页 网页设计与制作 1 模板的作用 2 模板的创建方法 3 模板可编辑区域和可选取区域的编辑方法 学习内容 学习目标 知识目标： 1.了解模板的作用 2.掌握模板的创建的方法 3.掌握模板可编辑区域和可选取区域的编辑方法 技能目标： 1.能够创建模板 2.能够编辑可编辑区域和可选取区域 3.能够在网页中正确地应用模板制作风格统一的页面 素质目标： 1. 具有勤奋学习的态度，严谨求实、创新的工作作风； 2. 具有良好的心理素质和职业道德素质； 3. 具有高度责任心和良好的团队合作精神； 4. 具有一定的科学思维方式和判断分析问题的能力； 5. 具有较强的网页设计创意思维、艺术设计素质。 任务一：使用模板技术设计网页 设计如图所示的网页 任务描述 要求：创建模板，利用该模板创建风格统一的内容不同的页面一，页面二，如右图所示 任务分析 1. 分析网页的内容结构 在进行页面设计时，第一步就是要搭建HTML框架，确定页面的内容构成。根据页面显示的效果图，分析页面的内容构成。 比较两个页面的内容，有相同的部分和不同的部分，如下图所示： 任务一：使用模板技术设计网页 任务分析 1. 分析网页的内容结构 通过比较确定页面的基本结构及内容组成，如下图所示： 任务一：使用模板技术设计网页 ： 任务分析 2. 分析需要用到的模板 结合效果图及上述分析的页面内容结构，分析设计此页面用到的模板结构。 任务一：使用模板技术设计网页 预备知识——认识模板及库 知识点： 模板的作用 模板是一种特殊的页面文档，当需要制作某种带有共同格式和特征的文档时，可以首先设计一个模板文档，然后利用模板文档设计制作其他的网页。 库的作用 库是通过Dreamweaver库技术生成的一类特殊资源，构成库的资源称为库项目。每一个库项目都是Web站点的页面元素。 任务一：使用模板技术设计网页 技术要点 一. 创建统一的模板页面 二. 编辑可编辑区域 三. 应用模板创建页面，修改可编辑区域，从而制作不同的页面 任务一：使用模板技术设计网页 1．模板 模板的创建 打开要创建为模板的文档。 若要利用已有文档创建模板，则打开要创建模板的文档；若要从新建的空文档创建模板，则使用“文件/新建”菜单，打开一个新的空文档。 将当前文档另存为模板。 使用“文件/另存为模板”菜单，打开 “另存为模板”对话框，从“站点”弹出式菜单中选择一个用来保存模板的站点，并在“另存为”文本框中为模板输入新建模板名称。 保存模板。 。 打开模板 按照打开普通文档的方法打开模板 在模板面板中打开模板 知识点：模板 任务一：使用模板技术设计网页 1．模板 设置模板的可编辑区域 在模板文档中插入新的可编辑区域 ① 打开模板文件，然后将插入点放置在要标记为可编辑区域的位置。 ② 选择“插入/模板对象/可编辑区域”或使用插入工具栏的模板按钮，显示 “新建可编辑区域”对话框。 ③ 在“名称”文本框中输入可编辑区域的名称， “确定”后即可创建可编辑区域。 将现有内容标记为可编辑区域。 选中模板中文档的文字、图像或层等内容后，施行如上所述的建立可编辑区域操作，即可将选中对象标记为可编辑区域 。 取消对可编辑区域的标记 在文档或标签选择器中，选择想要更改的可编辑区域。 选择“修改/模板/删除模板标记”菜单。 知识点：模板 任务一：使用模板技术设计网页 1．模板 模板的管理 在站点窗口中查找模板文件 ①在模板面板中的模板列表中，选择要查找的模板。 ②单击模板面板右上角的三角形按钮，打开面板菜单，选择“在站点定位”命令后，则自动切换到站点窗口中，同时打开相应的文件夹，并选中该模板对应的文件。 重命名 ①在模板面板中的模板列表中，单击要重新命名的模板项名称，即可激活其文本编辑状态；也可以单击面板右上角的三角形按钮，打开面板菜单，然后选择“重命名”命令，同样会激活其文本编辑状态。 ② 输入需要的新名称，单击模板名称区域外任意位置，或是按下回车键，即可重新命名模板。 删除 在模板面板的模板列表中，选中要删除的模板项。 单击面板右上角的三角形按钮，打开面板菜单，然后选择“删除”命令，或直接单击模板面板右下角的删除按钮。