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