电子商务网站建设 第3章 电子商务网站的实现工具.ppt

第3章电子商务网站的实现工具 本章知识结构框图 本章知识要点学习方法 学习激励与案例导航 3.1 Dreamweaver使用入门 3.3表格与表单操作 3．为什么要使用网页模板创建网页 （1）可以快速制作网站 （2）可以快速修改网站 （3）降低制作成本 （4）可以借鉴成熟经验 3.5.2 创建模板 1．模板中的几个区域的概念 1）可编辑区域是基于模板的文档中的未锁定区域；它是模板用户可以编辑的部分。 （2）重复区域是文档中设置为重复的布局部分。 （3）可选区域是在模板中指定为可选的部分，用于保存有可能在基于模板的文档中出现的内容（如可选文本或图像）。 （4）可编辑标签属性可以在模板中解锁标签属性，以便该属性可以在基于模板的页面 中编辑。 2．具体操作步骤 （1）打开要另存为模板的文档，选择【文件】【打开】，然后选择文档打开； （2）根据需要在文档中对可编辑区、重复区、可选区进行设置； （3）选择【文件】【另存为模板】如图3-29所示； （4）出现【另存为模板】对话框，如图3-29所示； （5）从【站点】弹出菜单中选择一个用来保存模板的站点，并在【另存为】文本框中为模板输入名称； （6）单击【保存】，完成整体模板的设计制作，以后仍然可以像普通网页一样打开模板，对其进行修改、完善。 单击 图3-29 另存为模板对话框 3.5.3 编辑模板 编辑 模板 1．模板的基本操作 2．定义模板的可编辑区 3．创建模板的可选区域 4．创建模板的重复区 单击 单击 单击 单击 打开模板 修改模板 删除模板 图3-30 更新模板文件对话框 包括 返回 【插入】 右键 【插入】栏 【模板对象】 【可编辑区域】 【模板】 【新建可编辑区域】 【常用】 【模板】按钮上的箭头 【可编辑区域】 单击 图3-31 新建可编辑区域 返回 【插入】 右键 【插入】栏 【模板对象】 【可选区域】】 【模板】 【新建可选区域】 【常用】 【模板】按钮上的箭头 【可选区域】 单击 图3-32 新建可选区域 返回 【插入】 右键 【插入】栏 【模板对象】 【重复区域】 【模板】 【新建重复区域】 【常用】 【模板】按钮上的箭头 【重复区域】 3.5.4 使用模板 1．用模板创建网页 【文件】 【新建】 【新建文档】对话框 单击模板选项卡 选择站点名称并选择模板 单击【创建】 单击 图3-33 新建可选区域 2．将模板应用到现有文档 打开要应用模 板的网页页面 【修改】 【模板】 【应用模板到页】 列表中选模板并单击“选择” 单击【确定】 单击 图3-34 选择模板 3．从模板中分离网页 打开想要分离的 基于模板的网页 【模板】 【修改】 【从模板 中分离】 【上机操作1】用模板创建网页 步骤1：启动Dreamweaver 8，进入起始页，单击【新建项 目】【HTML】打开工作界面； 图3-35 建立模板页 步骤2：建立站点如“qqhre”，其站点内创建图像文件夹 等。设置效果如图3-36所示； 步骤3：布置模板页的版面，将经常更新的内容设置为可 编辑区域。效果如图3-37所示；保存该文档,自动弹出模板对 话框。在此对话框内将模板命名为 “mb”并更新该文档， 效果如图3-38所示； 步骤4：文件菜单下选择新建文档，在弹出的新建对话框内选 择模板选项卡，然后在选择该站点下的模板,效果如图3-39所示； 图3-39保存模板对话框 步骤5：由此建立新的模板页，应用到各导航或栏目中,在可编 辑区进行编辑网站内容，随时更新即可，效果如图3-40所示； 本章小结 1．本章知识概述 本章从Dreamweaver入门的基础知识讲起，系统讲授了站点的设置方法、页面属性的设置步骤、表格的基本操作方法、样式和层的使用以及模板的使用。其中重点对表格的创建、表格的编辑、使用表格进行页面布局进行详细的讲解。对电子商务网站建设过程中所常用的各项技能按照企业实际需要的流程进行了全方位的讲解 2．本章名词 浮动面板、跟踪图像、鼠标经过图像、图像地 图、绝对路径、相对路径、虚拟链接、脚本链接、选择性粘贴、CSS 内联样式、内部样式表、外部样式表、层、模板、可编辑区域、重复区域、可选区域、可编辑标签 3．本章的数字 Dreamweaver的8项功能、起始页的3个模块、站点设置包括3大部分5个步骤、Dreamweaver文本的6种操作、链接目标的4个选项、表格布局的4项注意、CSS样式表的3类、CSS+DIV的3大优势、使用模板的4大优点、模板中的4个区域的概念 每课一考 一、填空（40空，每空1分，共40分） 1. Dreamweaver是M