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