Dreamweaver 的使用
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
(2) HTML文档 HTML文档
一个简单的HTML文档如下所示：
<HTML> <HEAD> <TITLE>章乃器轶事</TITLE> </HEAD> <BODY> <H1>章乃器妙语揭贪官</H1> <P> 章乃器是我国杰出的爱国人士。1938年3月，应当时 安徽省政府主席李宗仁之邀，出任安徽省政府财政厅厅长。 </P> <P>针对当时众多的贪官污吏乘国难之机贪污腐化、中饱 私囊等劣行，章乃器上任伊始就提出了“铲除贪污”等四 项重大措施。… </P> </BODY> </HTML>
查看未显示的面板组的“选项”菜单 停靠和取消停靠面板和面板组 重新调整面板组大小和重命名面板组 设置“面板”首选参数
2、Dreamweaver的工作环境和相关操作 Dreamweaver的工作环境和相关操作 文件操作：
创建新文档 保存新文档 设置默认的新文档类型 打开现有文档 导入 Microsoft Word HTML 文件：导入/清理
(3) HTML标签和属性简介 HTML标签和属性简介
简介 基本标签 属性 超链接 嵌入背景声音 用图像作网页的背景 表格的标签和属性
• 简介
HTML标签由3部分组成：左尖括号“<”，“标 标 签名称”和右尖括号“>”。HTML标签名称中 签名称 的字母不分大小写，标签通常是成对出现的 某些文素还可以包含“属性(attribute)”。属性 是指背景颜色、字体属性(大小、颜色、正体、 斜体等)、对齐方式等等，它是包含在开始标 签中的附加信息。例如，<P ALIGN=CENTER>表示这段文字是居中对齐 的
•在文档中显示图像
命令格式： <IMG SRC=“文件名或 文件名或URL”> 文件名或
例：显示一幅文件名为flower.gif的图片 <IMG SRC=“flower.gif”>
•在文档中显示图像
相关属性： 相关属性：
控制大小：
高：HEIGHT＝像素数 像素数 宽：WIDTH＝像素数 像素数
图像边框：
•在网页中加入视频
格式： 格式： <IMG SRC=“引导图 引导图URL” 引导图 DYNSRC=“视频 视频URL”> 视频 说明： 说明：
引导图在当视频还没有完全被载入时，会显 示在视频将显示的位置。
•在网页中加入视频
相关属性： 相关属性：
START属性： 属性： 属性
用于控制视频的播放时机，取值有fileopen和 mouseover两种，分别表示当页面一打开就播 放和当鼠标移到播放区域上才播放。默认值为 fileopen。 也可以同时设定以上两个值，这时表示页面刚载 入时播放，其后，当我们将鼠标移到显示区域时， 视频也会播放。
一dreamweaver概述二站点的创建和管理三文本的使用四图像的使用五超链接六网页属性七表格的使用八页面布局九表单的使用十多媒体的使用十一框架的使用十二层的使用十三时间轴的使用十四历史和资源管理器十五模板和库十六层叠样式表十七行为的应用十八扩展功能十九动态网页开发基础知识二十网站设计dreamweaverdreamweaver1dreamweaver简介2dreamweaver的工作环境和相关操作3html4关于dreamweaver帮助11dreamweaverdreamweaver?dreamweaver是由美国著名的软件开发商macromedia公司推出的一个所见即所得的可视化网站开发工具
1、 Dreamweaver简介 Dreamweaver简介
Dreamweaver 是由美国著名的软件开发 商Macromedia公司推出的一个“所见即 所得”的可视化网站开发工具。 用于对 Web 站点、Web 页和 Web 应用 程序进行设计、编码和开发。
1、 Dreamweaver简介 Dreamweaver简介
主要内容： 主要内容：
十五、模板和库 十六、层叠样式表 十七、行为的应用 十八、扩展功能 十九eamweaver概述 Dreamweaver概述
1、Dreamweaver简介 2、Dreamweaver的工作环境和相关操作 3、HTML语言介绍 、 语言介绍 4、关于Dreamweaver 帮助
<TR> ... </TR>
定义表的行(Table Row)，可定义对齐属性
<TH> ... </TH>
定义列表标题(Table Header)，常为黑体字，中央对 齐
<TD>…</TD>
定义列表数据(Table Data)单元
• 表格*属性 表格*
ALIGN (LEFT, CENTER, RIGHT)
• 基本标签(5) 基本标签(5)
<BR>
强制换行标签(Forced Line Breaks/Postal Addresses)：使用<BR>标签可强制文本换 行，其好处是不在行与行之间增加空白行。
<HR>
水平线(Horizontal Rule)标签：生成一条用 于分割文档的水平线，其长度与浏览器窗口 等宽，粗细和长短都可设置。
•文件内链接
文件内链接是为阅读方便服务的，主要 用于比较长的文件。在作链接之前要先 建立锚点（名），给链接的目的地作个 定义。 建立锚名 链接到锚名
•文件内链接*命令格式
建立锚名：
<A NAME=“锚名”>锚名所对应的文 锚名” 锚名所对应的文 锚名 本
链接到锚名
< A HREF=“#锚名” >链接文本 锚名” 链接文本 锚名 </A>
2、Dreamweaver的工作环境和相关操作 Dreamweaver的工作环境和相关操作 界面：
菜单栏、“插入”栏、文档工具栏、文档窗 口、面板组、属性检查器
面板整理：
展开或折叠一个面板组 关闭面板组 打开屏幕上不可见的面板组或面板 在展开的面板组中选择一个面板
2、Dreamweaver的工作环境和相关操作 Dreamweaver的工作环境和相关操作 面板整理(续)：
<TITLE>
文档名称标签：<TITLE> … </TITLE>之间 包含的是具体的HTML文档名称，字符数通 常不超过64。
• 基本标签(2) 基本标签(2)
<BODY>
正文标签： <BODY> … </BODY>之间是 正文部分，这是HTML文档最多的部分，它 包含的是显示在浏览器文本窗口中的文档内 容。
一些相关属性：
BEHAVIOR属性：取值有三种
ALTERNATE：来回移动 SLIDE：移动一次后停止 SCROLL：循环单向移动
• 表格的标签和属性
标签 属性 注意事项
• 表格*标签 表格*
<TABLE>...</TABLE>
定义表格。
<CAPTION>…</CAPTION>
定义表的名称(CAPTION)
• 嵌入背景声音
在HTML文档中可嵌入背景音乐，当打开 HTML文档时就开始播放。嵌入背景音乐 的基本语法结构如下： <BGSOUND SRC=“URL” LOOP=100> 其中，URL表示背景音乐的文件名， LOOP表示循环次数（INFINITE为无限 次）。
• 用图像作网页的背景
在浏览器上经常可看到各种背景图像， 使用图像做网页背景的语法结构如下： <BODY BACKGROUND=“filename”> 做背景的图像不需要很大，浏览器会利 用它的平铺(tiling)功能布满整个网页。
• 基本标签(4) 基本标签(4)
<UL>、<OL>和<LI> 、 和
列表标签：HTML支持无编号列表和有编号 列表，而且还可以在列表中套列表。
<UL> … </UL>表示标签之间的列表项目是无 编号列表(Unnumbered List)。 <OL> … </OL>表示标签之间的列表项目是有 编号列表(Ordered List)。 <LI> 表示标签后面的内容是具体的列表项目 (List Item)。
表单元的水平对齐方式
VALIGN (TOP, MIDDLE, BOTTOM)
它的主要特点如下：
可视化的设计界面：学习简单，操作快捷 跨浏览器支持：支持多种浏览器，并可以选 择主要的浏览器 支持动态网页技术：CSS、层、行为、 JavaScript 强大的网站管理功能：库、模板、标签等
1、 Dreamweaver简介 Dreamweaver简介
它的主要特点如下(续)：
丰富的媒体支持：Java、Flash、Shockwave、 ActiveX、Real等 超强的扩展能力：支持第三方插件 完善的协同工作能力：Flash、Fireworks、 Coldfusion
<Hn>
标题(Heading)标签：HTML定义了6个等级 的标题标签，其中n＝1，2，…，6。 <Hn> … </Hn>之间包含的是第n级标题。
• 基本标签(3) 基本标签(3)
<P>
段落(Paragraph)标签：<P> … </P>之间 包含的是一段文本。HTML中没有使用硬换 行(carriage return)来分段落，这是与字处 理软件不同的。在HTML文档中，<P>和 </P>之间不论有多少行，不论每一行有多 长或者多短，也不论其间有多少个空格，浏 览器都把它作为一个段落来处理。
BORDER=宽度值 宽度值
例：
<IMG SRC=“flower.gif” HEIGHT=80 WIDTH=50 BORDER=5>
用图像实现链接
格式： 格式： <A HREF=“URL”> <IMG SRC=“图 图 像文件名” 像文件名”> </A> 例：
<A HREF=“”> <IMG SRC=“flower.gif”> </A>
(2) HTML文档 HTML文档
HTML文档是一种没有格式的文本文档，也称为 ASCII 文件。因此，HTML文档可以使用任何一 种文本编辑器来编写。 一个文档通常由文档头 文档头(head)、文档名称 文档头 、 (title)、表格(table)、段落 、表格 、段落(paragraph)和列 和列 表(list)等成分构成。为了表达方便，我们把这 些成分称为文档元素(element)，简称为文素 文素， 文素 它们是文本文档的基本构件，并且使用 HTML规 定的标签 标签(tag)来标识这些文素。 标签
• 属性
属性是指用来修改HTML标签之间的文素 特性，例：
例1： <P><FONT COLOR="#FF0000" SIZE="4">理解字符属性的概念 SIZE="4"> </FONT></P> 例2： <P ALIGN=CENTER> 这是居中段落 </P>
• 超链接
基本语法是： <A HREF="文件名"> ... </A> 或 <A HREF="URL"> ... </A>
Dreamweaver 的使用
主要内容： 主要内容：
一、Dreamweaver概述 二、站点的创建和管理 三、文本的使用 四、图像的使用 五、超链接 六、网页属性 七、表格的使用
主要内容： 主要内容：
八、页面布局 九、表单的使用 十、多媒体的使用 十一、框架的使用 十二、层的使用 十三、时间轴的使用 十四、历史和资源管理器
• 基本标签
<HTML> <HEAD> <TITLE> <BODY> <Hn> <P> <UL>、<OL>和<LI>等等
• 基本标签(1) 基本标签(1)
<HTML>
HTML标签：这个标签告诉浏览器在 <HTML> …</HTML>之间的文件是用HTML 编写的文档。
<HEAD>
文档头标签：<HEAD> … </HEAD>之间包 含的是HTML文档名称。
标尺和网格：显示/隐藏 参数选择：“编辑”>“首选参数”
3、HTML语言介绍 HTML语言介绍
(1) 概述 (2) HTML文档 (3) HTML标签和属性简介
(1) 概述
HTML （Hypertext Markup Language，超文本标识语言） ，超文本标识语言） 是生成WWW的语言之一，也是组织 多媒体文档的一门重要语言，它不仅用 来编写 Web 网页，而且也越来越多地 被用来制作光盘上的多媒体节目。
(2) HTML文档 HTML文档
每个HTML文档都是由标签<HTML>开始，而 以标签</HTML>结束。每个HTML文档分成 两个部分组成：文档头 文档头(head)和正文 正文(body)， 文档头 正文 并分别用<HEAD> … </HEAD>和 <BODY> … </BODY>来作标记。 文档头标签<HEAD> … </HEAD>之间所包含 的是文档的名称(title) 正文标签<BODY> … </BODY>之间含有用各 种HTML标签作标记的段落、列表、和其他文 素组成的实际文档。
•在网页中加入视频
例：
<IMG SRC=“flower.gif” DYNSRC=“003.avi” START=mouseover>
• 让文本动起来
基本格式： <MARQUEE> 文本 </MARQUEE > 一些相关属性：
DIRECTION属性：取值有两种
LEFT：右向左 RIGHT：左向右
•让文本动起来