创建基本网页文本,图像轮换,链接表单精品PPT课件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
并对其属性进行相关设置以后就可以达到效果。
<bgsound>标签的属性
balance：设置音乐的左右均衡。 delay：进行播放延时的设置。 loop：循环次数的控制。 src ：音乐文件的路径。 volume：音量设置。 其中loop=“-1”表示音乐无限循环播放，如果
你要设置播放次数，则改为相应的数字即可。
插入flash动画 插入flash按钮 插入flash文本
3.4.1 插入flash动画
Flash动画是一种高质量的矢量动画，在网络中有着大量 的精美动画素材。让网页活跃起来，使用Dreamweaver 制作网页，可以在网页插入导出为.swf或.swt格式的 Flash按钮。
方法是：将光标置于文档中，执行“插入” “媒体” “Flash”命令，打开“选择文件”对话框。
一般在添加背景音乐时，我们并不需要对音乐 进行左右均衡以及延时的设置，所以仅需几个 主要的参数就可以了。
最后的代码如下： <bgsound src=“music.mid” loop=“-1”>
3.5 创建链接
创建文件链接 创建图像链接 创建图像热点链接 创建电子邮件链接 创建锚点链接
图像属性的设置主要是通过“属性”面板来完成的， 在“属性”面板中可设置图像的大小、位置、名称、 边框、替代文本、低解析度等内容，使图像更加符合 页面设计，并使其更加美观。
3.3 轮换图像
鼠标经过图像效果是指当访问者移动鼠标经过图像时,图 像变为另一幅图像,当鼠标离开时又恢复为原来的图像.
注意:两幅图像的大小完全相同。如果这两个图像大小不 同， Dreamweaver将自动调整第二个图像的大小，以匹 配第一个图像的属性。
3.2 插入图像
图像是网页中最重要的元素之一，图像能够使网页变 得丰富起来，令人耳ห้องสมุดไป่ตู้一新．图像不但能美化网页， 而且与文本相比更能够直观地说明问题，使表达的意 思一目了然，加深浏览者的印象．
在网页中插入图像 设置图像的属性
3.2.1 在网页中插入图像
在Dreamweaver８中，可以在“设计”视图或“代 码”视图中将图像插入文档。在Dreamweaver文档 中添加图像时，可以设置或修改图像属性并直接在 “文档”窗口中查看所做的更改。
“插入Flash按钮”对话框 实 例
3.4.3 插入flash文本
实例
方法是：将光标置于文档中，执行“插入” “媒体” “Flash文本”命令，打开“插入Flash文本”对话框。
3.4.4 给网页添加背景音乐
通过普通的<bgsound>标签来给网页添加背景音乐。 在<body> </body>之间输入<bgsound>标签，
2、实现文本换行
当输入多个文本时就需要换行，这可以通过按 Enter键或shift+enter键来实现。
按Enter键换行的行距较大。 按shift+enter键来实现正常的换行。
3、插入相关文本要素
插入特殊字符 制作网页时有时需要输入一些键盘上没有的字
符，如注册商标符号、欧元符号等等。 方法是：“插入”菜单—HTML—特殊字符
创建基本网页
文本、图像、超链接、表单
第三章 创建基本网页
3.1 插入文本 3.2 插入图像 3.3 轮换图像 3.4 插入媒体 3.5 创建链接 3.6插入表单
3.1 插入文本
一般来说，网页中显示最多的是文本。所以对 文本的控制，以及布局在设计网页中占了很大 的比重，能否对各种文本控制手段运用自如， 是决定网页设计是否美观、富有创意及提高工 作效率的关键。
“选择文件”对话框 实 例
3.4.2 插入flash按钮
使用Dreamweaver中的Flash按钮对象，可以创建 或者载入一组预设的Flash按钮，并为按钮添加文本、 背景颜色以及指向其他文件的链接。
方法是：将光标置于文档中，执行“插入” “媒体” “Flash按钮”命令，打开“插入Flash按钮”对话框。
插入文本列表 在网页中插入文本列表，可以使文本内容显得更加
工整、直观。 方法:① “文本”插入工具栏
② 属性面板
4、插入水平线
使用水平线可以分割网页的文档内容和对象， 使文档结构清晰，层次分明，便于浏览。在网 页中合理地插入水平线可以取得很好的视觉效 果。
方法：“插入”—HTML —水平线
方法:将光标置于文档中，执行“插入” “图像对象” “鼠标经过图像”命令，打开“插入鼠标经过图像”对话 框。
“插入鼠标经过图像”对话框
3.4 插入媒体
多媒体对象和图像一样，在网页中是一道亮丽的风景，它 能使网页丰富、活跃起来，使用Dreamweaver制作网页， 可以方便地插入各种多媒体对象。当需要编辑各种多媒体 对象时，可以在Dreamweaver窗口中启动相应的媒体外 部编辑器来编辑媒体。
最适合于网页正文显示的字体大小和行距为： ⑴ 字体大小10～14像素px左右 ⑵ 行距15像素px左右
Dreamweaver插入文本
直接输入 复制和粘贴文本 导入word文档:“文件”菜单-“导入” word文
档
实例
注意内容
1、输入文本空格 2、实现文本换行 3、插入相关文本要素
1、输入文本空格
在网页中将光标置于要插入图像的位置，执行“插入” 菜单，选择“图像”命令，打开“选择图像源文件” 对话框。
“选择图像源文件”对话框 实例
如果插入的图 像不在当前网 页所在的站点 ， Dreamweave r将提示是否将 该图片复制到 所在站点，一 般单击“是”
3.2.2 设置图像的属性 实 例
通过键盘上的空格键可以实现输入文本空格，这是 与很多文字处理软件是一样的，但是在DW中输入 空格的数量在字符输入的半角状态和全角状态是不 一样的。
输入法切换半角状态时，按空格键只能输入一个空 格，而无法连续输入多个空格。
如需输入多个连续的空格，可通过一下几种方法来 实现。
（1）将输入法切换到中文全角状态。 （2）直接按Ctrl+shift+spacebar。 （3）”插入”菜单—“HTML”命令—“特殊字 符” —不换行空格。
<bgsound>标签的属性
balance：设置音乐的左右均衡。 delay：进行播放延时的设置。 loop：循环次数的控制。 src ：音乐文件的路径。 volume：音量设置。 其中loop=“-1”表示音乐无限循环播放，如果
你要设置播放次数，则改为相应的数字即可。
插入flash动画 插入flash按钮 插入flash文本
3.4.1 插入flash动画
Flash动画是一种高质量的矢量动画，在网络中有着大量 的精美动画素材。让网页活跃起来，使用Dreamweaver 制作网页，可以在网页插入导出为.swf或.swt格式的 Flash按钮。
方法是：将光标置于文档中，执行“插入” “媒体” “Flash”命令，打开“选择文件”对话框。
一般在添加背景音乐时，我们并不需要对音乐 进行左右均衡以及延时的设置，所以仅需几个 主要的参数就可以了。
最后的代码如下： <bgsound src=“music.mid” loop=“-1”>
3.5 创建链接
创建文件链接 创建图像链接 创建图像热点链接 创建电子邮件链接 创建锚点链接
图像属性的设置主要是通过“属性”面板来完成的， 在“属性”面板中可设置图像的大小、位置、名称、 边框、替代文本、低解析度等内容，使图像更加符合 页面设计，并使其更加美观。
3.3 轮换图像
鼠标经过图像效果是指当访问者移动鼠标经过图像时,图 像变为另一幅图像,当鼠标离开时又恢复为原来的图像.
注意:两幅图像的大小完全相同。如果这两个图像大小不 同， Dreamweaver将自动调整第二个图像的大小，以匹 配第一个图像的属性。
3.2 插入图像
图像是网页中最重要的元素之一，图像能够使网页变 得丰富起来，令人耳ห้องสมุดไป่ตู้一新．图像不但能美化网页， 而且与文本相比更能够直观地说明问题，使表达的意 思一目了然，加深浏览者的印象．
在网页中插入图像 设置图像的属性
3.2.1 在网页中插入图像
在Dreamweaver８中，可以在“设计”视图或“代 码”视图中将图像插入文档。在Dreamweaver文档 中添加图像时，可以设置或修改图像属性并直接在 “文档”窗口中查看所做的更改。
“插入Flash按钮”对话框 实 例
3.4.3 插入flash文本
实例
方法是：将光标置于文档中，执行“插入” “媒体” “Flash文本”命令，打开“插入Flash文本”对话框。
3.4.4 给网页添加背景音乐
通过普通的<bgsound>标签来给网页添加背景音乐。 在<body> </body>之间输入<bgsound>标签，
2、实现文本换行
当输入多个文本时就需要换行，这可以通过按 Enter键或shift+enter键来实现。
按Enter键换行的行距较大。 按shift+enter键来实现正常的换行。
3、插入相关文本要素
插入特殊字符 制作网页时有时需要输入一些键盘上没有的字
符，如注册商标符号、欧元符号等等。 方法是：“插入”菜单—HTML—特殊字符
创建基本网页
文本、图像、超链接、表单
第三章 创建基本网页
3.1 插入文本 3.2 插入图像 3.3 轮换图像 3.4 插入媒体 3.5 创建链接 3.6插入表单
3.1 插入文本
一般来说，网页中显示最多的是文本。所以对 文本的控制，以及布局在设计网页中占了很大 的比重，能否对各种文本控制手段运用自如， 是决定网页设计是否美观、富有创意及提高工 作效率的关键。
“选择文件”对话框 实 例
3.4.2 插入flash按钮
使用Dreamweaver中的Flash按钮对象，可以创建 或者载入一组预设的Flash按钮，并为按钮添加文本、 背景颜色以及指向其他文件的链接。
方法是：将光标置于文档中，执行“插入” “媒体” “Flash按钮”命令，打开“插入Flash按钮”对话框。
插入文本列表 在网页中插入文本列表，可以使文本内容显得更加
工整、直观。 方法:① “文本”插入工具栏
② 属性面板
4、插入水平线
使用水平线可以分割网页的文档内容和对象， 使文档结构清晰，层次分明，便于浏览。在网 页中合理地插入水平线可以取得很好的视觉效 果。
方法：“插入”—HTML —水平线
方法:将光标置于文档中，执行“插入” “图像对象” “鼠标经过图像”命令，打开“插入鼠标经过图像”对话 框。
“插入鼠标经过图像”对话框
3.4 插入媒体
多媒体对象和图像一样，在网页中是一道亮丽的风景，它 能使网页丰富、活跃起来，使用Dreamweaver制作网页， 可以方便地插入各种多媒体对象。当需要编辑各种多媒体 对象时，可以在Dreamweaver窗口中启动相应的媒体外 部编辑器来编辑媒体。
最适合于网页正文显示的字体大小和行距为： ⑴ 字体大小10～14像素px左右 ⑵ 行距15像素px左右
Dreamweaver插入文本
直接输入 复制和粘贴文本 导入word文档:“文件”菜单-“导入” word文
档
实例
注意内容
1、输入文本空格 2、实现文本换行 3、插入相关文本要素
1、输入文本空格
在网页中将光标置于要插入图像的位置，执行“插入” 菜单，选择“图像”命令，打开“选择图像源文件” 对话框。
“选择图像源文件”对话框 实例
如果插入的图 像不在当前网 页所在的站点 ， Dreamweave r将提示是否将 该图片复制到 所在站点，一 般单击“是”
3.2.2 设置图像的属性 实 例
通过键盘上的空格键可以实现输入文本空格，这是 与很多文字处理软件是一样的，但是在DW中输入 空格的数量在字符输入的半角状态和全角状态是不 一样的。
输入法切换半角状态时，按空格键只能输入一个空 格，而无法连续输入多个空格。
如需输入多个连续的空格，可通过一下几种方法来 实现。
（1）将输入法切换到中文全角状态。 （2）直接按Ctrl+shift+spacebar。 （3）”插入”菜单—“HTML”命令—“特殊字 符” —不换行空格。