[网页制作课件2.pptVIP

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