Dreamweaver 的使用课件.ppt

Dreamweaver 的使用 主要内容： 一、Dreamweaver概述 二、站点的创建和管理 三、文本的使用 四、图像的使用 五、超链接 六、网页属性 七、表格的使用 主要内容： 八、页面布局 九、表单的使用 十、多媒体的使用 十一、框架的使用 十二、层的使用 十三、时间轴的使用 十四、历史和资源管理器 主要内容： 十五、模板和库 十六、层叠样式表 十七、行为的应用 十八、扩展功能 十九、动态网页开发基础知识 二十、网站设计 一、Dreamweaver概述 1、Dreamweaver简介 2、Dreamweaver的工作环境和相关操作 3、HTML语言介绍 4、关于Dreamweaver 帮助 1、 Dreamweaver简介 Dreamweaver 是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视化网站开发工具。 用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。 1、 Dreamweaver简介 它的主要特点如下： 可视化的设计界面：学习简单，操作快捷 跨浏览器支持：支持多种浏览器，并可以选择主要的浏览器 支持动态网页技术：CSS、层、行为、JavaScript 强大的网站管理功能：库、模板、标签等 1、 Dreamweaver简介 它的主要特点如下(续)： 丰富的媒体支持：Java、Flash、Shockwave、ActiveX、Real等 超强的扩展能力：支持第三方插件 完善的协同工作能力：Flash、Fireworks、Coldfusion 2、Dreamweaver的工作环境和相关操作 界面： 菜单栏、“插入”栏、文档工具栏、文档窗口、面板组、属性检查器 面板整理： 展开或折叠一个面板组 关闭面板组 打开屏幕上不可见的面板组或面板 在展开的面板组中选择一个面板 2、Dreamweaver的工作环境和相关操作 面板整理(续)： 查看未显示的面板组的“选项”菜单 停靠和取消停靠面板和面板组 重新调整面板组大小和重命名面板组 设置“面板”首选参数 2、Dreamweaver的工作环境和相关操作 文件操作： 创建新文档 保存新文档 设置默认的新文档类型 打开现有文档 导入 Microsoft Word HTML 文件：导入/清理 标尺和网格：显示/隐藏 参数选择：“编辑”“首选参数” 3、HTML语言介绍 (1) 概述 (2) HTML文档 (3) HTML标签和属性简介 (1) 概述 HTML （Hypertext Markup Language，超文本标识语言） 是生成WWW的语言之一，也是组织多媒体文档的一门重要语言，它不仅用来编写 Web 网页，而且也越来越多地被用来制作光盘上的多媒体节目。 (2) HTML文档 HTML文档是一种没有格式的文本文档，也称为 ASCII 文件。因此，HTML文档可以使用任何一种文本编辑器来编写。 一个文档通常由文档头(head)、文档名称(title)、表格(table)、段落(paragraph)和列表(list)等成分构成。为了表达方便，我们把这些成分称为文档元素(element)，简称为文素，它们是文本文档的基本构件，并且使用 HTML规定的标签(tag)来标识这些文素。 (2) HTML文档 每个HTML文档都是由标签HTML开始，而以标签/HTML结束。每个HTML文档分成两个部分组成：文档头(head)和正文(body)，并分别用HEAD … /HEAD和BODY … /BODY来作标记。 文档头标签HEAD … /HEAD之间所包含的是文档的名称(title) 正文标签BODY … /BODY之间含有用各种HTML标签作标记的段落、列表、和其他文素组成的实际文档。 (2) HTML文档 一个简单的HTML文档如下所示： HTMLHEADTITLE章乃器轶事/TITLE/HEADBODYH1章乃器妙语揭贪官/H1P 章乃器是我国杰出的爱国人士。1938年3月，应当时安徽省政府主席李宗仁之邀，出任安徽省政府财政厅厅长。/PP针对当时众多的贪官污吏乘国难之机贪污腐化、中饱私囊等劣行，章乃器上任伊始就提出了“铲除贪污”等四项重大措施。… /P/BODY/HTML (3) HTML标签和属性简介 简介 基本标签 属性 超链接 嵌入背景声音 用图像作网页的背景 表格的标签和属性 简介 HTML标签由3部分组成：左尖括号“”，“标签名称”和右尖括号“”。HTML标签名称中的字母不分大小写，标签通常是成对出现的 某些文素还可以包含“属性(attribute)”。属性是指背景颜色、字体属性(大小、颜色、正体、斜体等)、对齐方式等等，它是