项目八布局模板、使用资源列表 课件 -2022-2023学年高二下学期（中职）《网页设计与制作》（华南理工版）

项目八布局模板、使用资源列表 制作网页前首先要进行布局，否则将难以继续进行网页的创建，而模板与资源列表则可以帮助用户快速地创建相同风格的网页。本项目，通过2个任务生动地展示了创建和使用模板、使用资源列表等知识，为快速制作网页提供了方便。 目录 任务一 使用应用模板制作个人网站 任务二 使用项目库快速制作个人网站 使 用 应 用 模 板 新 建 个 人 网 页 准备知识 使用应用模板新建个人网页 布局模式 使用模板模板 应用模板 任务实施 小美是网络公司员工，她在计算机中安装了Dreamweaver软件程序，并制作了个人网站。同时还要能够快速创建不同的网页。 使 用 应 用 模 板 新 建 个 人 网 页 任务一：使用应用模板新建个人网页 任务分析： 理解牢记！ 由于Dreamweaver的应用模板功能非常强大，可以帮助用户省去重新创建网页版式的烦麻，直接利用原有应用模板，即可编辑新建网页。因此，小美决定使用应用模板来完成此任务。 任务一：使用应用模板新建个人网页 任务 实施 使用应用模板新建个人网页 （1）在Dreamweaver中新建一个空白文档，然后选择“窗口”→“资源”命令，如下左图所示，打开“资源”面板，并在面板左侧单击“模板”按钮，如下右图所示。 （2）在“资源”面板的模板分类中，选择要应用的模板文件，如下左图所示后，然后单面板中的“应用”按钮，即可在文档中应用选择的模板，如下右图所示。用鼠标选择要进行编辑的可编辑区域，然后加入新的网页内容；编辑完成后，执行保存操作，即可完成一个新网页的制作。 使 用 项 目 库 快 速 制 作 个 人 网 站 准备知识 使用项目库快速制作个人网站 “资源”面板 使用站点资源 使用库 任务实施 张薇是某网络公司职员，计算机IE猫2010应用程序不被经常使用，为了减少内存容易。要求“添加或删除程序”窗口使用卸载该程序。 使 用 项 目 库 快 速 制 作 个 人 网 站 任务二：使用项目库快速制作个人网站 任务分析： 理解牢记！ 由于计算机中的某些应用程序对用户来说没有太大意义，用户需要 任务二：使用项目库快速制作个人网站 任务 实施 使用项目库快速制作个人网站 1.创建个人网站库项目 （1）在Dreamweaver中打开一个制作完成的文档，在页面中选择要保存为库项目的对象，然后选择“修改”→“库”→“增加对象到库”命令，如下左图所示。 （2）选择“窗口”→“资源”命令，打开“资源”面板，在面板的左侧单击“库”按钮，即可在面板中看到新增加的库项目，如下图所示。 （1）在Dreamweaver中选择“文件”→“新建”命令，创建一个新的HTML文档。在文档中将光标定位到要插入库项目的位置，如下图所示。 2.在个人网站插入库项目 （2）选择“窗口”→“资源”命令，如下左图所示，打开“资源”面板，单击面板左侧的“库”按钮，在资源栏中选择要插入的项目，如下右图所示。 （3）单击“资源”面板上的“插入”按钮，将选中的库项目插入到文档中光标的位置，如下图所示。 拓展提高： 在Dreamweaver的“资源”面板中单击“库”按钮，然后在资源栏中将库项目直接拖动到页面中，也可以完成库项目的插入。 重 点 难 点 项目八布局模板、使用资源列表 重点难点 掌握布局模式 重点 难点 掌握使用库 $