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