Dreamweaver概述与站点管理

1Dreamweaver概述与站点管理 复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析2复习提问复习提问1、什么样的网站是好网站、什么样的网站是好网站 网站内容网站内容-充实、有深度、少而精充实、有深度、少而精便于浏览便于浏览 结构简洁结构简洁 美观大方美观大方有优秀的导航系统有优秀的导航系统 复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析3课程引导课程引导常见网页制作工具常见网页制作工具记事本类文本编辑器记事本类文本编辑器FrontpageDreamweaverHotDog Professional 其他其他-Word等可生成网页的工具等可生成网页的工具复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析4知识目标知识目标1.正确安装、卸载正确安装、卸载Dreamweaver；2.能够设置个性化的工作环境；能够设置个性化的工作环境；3.熟练使用熟练使用Dreamweaver的帮助系统；的帮助系统；4.熟记创建站点的流程，掌握站点管理的方法；熟记创建站点的流程，掌握站点管理的方法；5.能够管理、预览能够管理、预览Dreamweaver中的文件。中的文件。6.创建简单网页创建简单网页 复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析5案例展示案例展示 唐诗网页唐诗网页复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析6任务分析任务分析安装安装Dreamweaver个性化设置个性化设置Dreamweaver的工作环境的工作环境利用利用“目录目录”、“索引索引”、“搜索搜索”三种途径查找有三种途径查找有关关“JavaScript”的内容的内容唐诗网站创建与文件管理唐诗网站创建与文件管理 复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析7知识讲解（一）知识讲解（一）一、一、DreamweaverDreamweaver初步初步 1、Dreamweaver安装、卸载安装、卸载2、Dreamweaver特点特点 直观的工作区直观的工作区完善的模板和库完善的模板和库快捷的编码功能快捷的编码功能有效的网站管理有效的网站管理可扩展性好可扩展性好支持多种服务器端开发语言支持多种服务器端开发语言与与Flash和和Fireworks的良好集成的良好集成复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析8知识讲解（一）知识讲解（一）3、Dreamweaver界面认识与个性化工作界面设置界面认识与个性化工作界面设置（1）Dreamweaver的启动与退出的启动与退出（2）Dreamweaver 的工作环境的工作环境菜单栏：菜单栏：Dreamweaver 的菜单栏包含的菜单栏包含10类菜单类菜单工具栏主要分为插入工具栏、标准工具栏、文档工具栏主要分为插入工具栏、标准工具栏、文档工具栏、样式呈现工具栏工具栏、样式呈现工具栏文档窗口也称为文档编辑区。文档窗口中所显示文档窗口也称为文档编辑区。文档窗口中所显示的内容可以是代码、设计，或者两者的共同体。的内容可以是代码、设计，或者两者的共同体。属性面板用于查看和更改所选取的对象或文本的属性面板用于查看和更改所选取的对象或文本的属性，每个对象有不同的属性属性，每个对象有不同的属性 Dreamweaver包括多个面板，这些面板都有不包括多个面板，这些面板都有不同的功能，将它们叠加在一起便形成了面板组。同的功能，将它们叠加在一起便形成了面板组。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析9知识讲解（一）知识讲解（一）使用样式呈现工具栏可以切换到使用样式呈现工具栏可以切换到“设计设计”视图，以查看视图，以查看在打印媒体类型、手持型媒体类型、投影媒体类型上的在打印媒体类型、手持型媒体类型、投影媒体类型上的显示效果。显示效果。文档窗口也称为文档编辑区。文档窗口中所显示的内容文档窗口也称为文档编辑区。文档窗口中所显示的内容可以是代码、设计，或者两者的共同体。可以是代码、设计，或者两者的共同体。属性面板用于查看和更改所选取的对象或文本的属性，属性面板用于查看和更改所选取的对象或文本的属性，每个对象有不同的属性每个对象有不同的属性 Dreamweaver包括多个面板，这些面板都有不同的功能，包括多个面板，这些面板都有不同的功能，将它们叠加在一起便形成了面板组。将它们叠加在一起便形成了面板组。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析10知识讲解（一）知识讲解（一）（3）Dreamweaver中的首选参数设置中的首选参数设置 常规参数设置常规参数设置通常设置的属性有文档工作区的切换和一些编辑通常设置的属性有文档工作区的切换和一些编辑选项。选项。新建文档参数设置新建文档参数设置用于建立默认的新文档类型和首选参数。用于建立默认的新文档类型和首选参数。复制复制/粘贴参数设置粘贴参数设置使用使用“复制复制/粘贴首选参数粘贴首选参数”对话框设置默认选对话框设置默认选项，以从其他应用程序中粘贴文本。在此对话框项，以从其他应用程序中粘贴文本。在此对话框中设置的首选参数仅应用于粘贴到中设置的首选参数仅应用于粘贴到“设计视图设计视图”中的内容。中的内容。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析11知识讲解（一）知识讲解（一）4、Dreamweaver帮助系统的使用帮助系统的使用打开帮助打开帮助帮助方式帮助方式目录、索引和搜索目录、索引和搜索怎样使用怎样使用Dreamweaver的帮助系统搜索特定短语？的帮助系统搜索特定短语？复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析12操作示范与实践（一）操作示范与实践（一）查找有关查找有关“Javascript”的内容的内容提问：查找关于提问：查找关于CSS的帮助信息的帮助信息复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析13知识讲解（二）知识讲解（二）二、站点管理二、站点管理1、站点的创建、站点的创建 （1）认识）认识“文件文件”面板面板文件面板主要有三个方面的功能：文件面板主要有三个方面的功能：管理本地站点；管理本地站点；管理远程站点，包括文件上传、文件更新等；管理远程站点，包括文件上传、文件更新等；可以连接网络应用服务器，预览动态网页。可以连接网络应用服务器，预览动态网页。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析14操作示范（二）操作示范（二）（2）创建本地站点）创建本地站点 创建本地站点创建本地站点唐诗唐诗 学生操作学生操作“沧州旅游沧州旅游”本地站点的创建本地站点的创建2、站点管理、站点管理 切换、编辑、复制、删除、导出切换、编辑、复制、删除、导出/导入站点导入站点3、管理网站中的文件和文件夹、管理网站中的文件和文件夹 创建文件夹和文件、移动和复制文件、重命名文件夹创建文件夹和文件、移动和复制文件、重命名文件夹和文件、删除文件夹和文件。和文件、删除文件夹和文件。4、网页文档的基本操作、网页文档的基本操作 创建网页文档创建网页文档打开网页文档打开网页文档关闭网页文档关闭网页文档复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析15操作示范（二）操作示范（二）（1）创建一个命名为）创建一个命名为“唐诗唐诗”的静态网站，该网站的所的静态网站，该网站的所有文件存储在本机上有文件存储在本机上d盘的盘的“poem”文件夹中。文件夹中。（2）在文件夹）在文件夹“poem”中创建三个子文件夹中创建三个子文件夹“image”、“music”和和“text”。（3）在文件夹）在文件夹“poem”中创建一个命名为中创建一个命名为“index.htm”的网页文档。的网页文档。（4）将所需的图像文件复制到）将所需的图像文件复制到“image”文件夹中。文件夹中。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析16操作示范（二）操作示范（二）复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析17课堂实践与模仿课堂实践与模仿 复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析18疑难解析疑难解析问题：为什么制作网页之前要创建站点？问题：为什么制作网页之前要创建站点？创建一个站点之后，在站点文件夹下进行的操作，其逻创建一个站点之后，在站点文件夹下进行的操作，其逻辑结构就和实际网站上的大部分一样，是相对路径，辑结构就和实际网站上的大部分一样，是相对路径，这样方便以后制作完成网页之后，发布到网站上可以这样方便以后制作完成网页之后，发布到网站上可以直接使用。否则容易出现绝对路径太多的问题，以后直接使用。否则容易出现绝对路径太多的问题，以后发布到网站上的网页容易出现找不到目标的情况发布到网站上的网页容易出现找不到目标的情况 复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析19归纳总结归纳总结本课内容主要是介绍了本课内容主要是介绍了Dreamweaver的安装以及主要的安装以及主要的界面操作，特别是主要界面的操作，还有帮助系统的界面操作，特别是主要界面的操作，还有帮助系统的使用，一定要引起重视。以后我们的大部分课程都的使用，一定要引起重视。以后我们的大部分课程都是要和主要界面打交道的。熟悉了今天所讲的内容是是要和主要界面打交道的。熟悉了今天所讲的内容是为以后深入的学习为以后深入的学习Dreamweaver打下坚实基础。打下坚实基础。本课还学习了如何创建站点和管理站点，同时也分析本课还学习了如何创建站点和管理站点，同时也分析了网页文档的基本操作和了网页文档的基本操作和“文件文件”面板的使用方法。面板的使用方法。这些操作都是最基本的操作，熟练掌握将会有助于以这些操作都是最基本的操作，熟练掌握将会有助于以后网页的制作。后网页的制作。复习提问复习提问课程引导课程引导案例展示案例展示任务分析任务分析知识目标知识目标知识讲解与知识讲解与操作示范操作示范课堂模仿课堂模仿归纳总结归纳总结扩展性任务扩展性任务疑难解析疑难解析20扩展性任务扩展性任务1、使用、使用Dreamweaver的帮助系统搜索的帮助系统搜索CSS 2、按照所学的站点创建方法创建一个个人网站。、按照所学的站点创建方法创建一个个人网站。21下次再见！