掌握Dreameaver的基本功能.pptVIP

掌握Dreamweaver的基本功能 Email:yangshenghua@126.com 内容提要 创建主页制作空间 设置文档属性 在网页文档中使用图像 使用超链接功能 创建主页制作空间 1.1 理解两个基本概念 远程站点：服务器上组成 Web 页面的一组 文 件 本地站点：与远程站点上的文件对应的本地 磁盘上的文件。 1.2 制作操作空间 创建本地站点 编辑本地站点 设置网页文档属性（范例：teddy.html f-teddy.html） 2.1 为网页文档指定标题 2.2 输入内容，划分段落 2.3 修改文字属性 2.4 利用项目列表整理复杂内容 2.5 在网页文档中插入水平线 2.6 插入特殊符号 2.7 设置文档背景 2.1 为网页文档指定标题 标题显示的位置 设置方法 方法一：在文档窗口中直接输入 方法二：利用“页面属性”对话框设置 2.2 输入内容，划分段落 拷贝teddy.doc文件内容至网页文档 划分段落：注意enter键与shift + enter 键的区别 2.3 修改文字属性 修改字号、字体风格 根据页面风格，修改字体颜色 选取调色板中的颜色 （标题：006699 正文：999999） 自定义颜色 2.4 利用项目列表整理复杂内容 拷贝list.doc文件内容至网页文档 应用无序列表和有序列表 制作项目列表的嵌套列表 注意项目列表的使用条件 2.5 在网页文档中插入水平线 利用“属性”面板设置水平线 在代码视图中，编辑水平线颜色。在浏览器中确认。 2.6 插入特殊符号 在文档末，插入版权信息 如，Copyright 2004 ?某公司 All rights reserved 插入其他特殊符号 2.7 设置文档背景 利用“网页属性”对话框，设置网页背景 为网页添加背景图像 更改网页上边距，在浏览器中预览 3. 在网页文档中使用图像 （范例：study.html f-study.html） 3.1 了解网页中常用图像格式 3.2 在网页文档中插入图像 3.3 制作鼠标响应的翻转图标 3.1 了解网页中常用图像格式 GIF格式 因特网中最常用的格式，只能重现256种颜色(8位) JPG格式 压缩率高，常用于照片的压缩，不适合颜色单一图像 PNG格式 最近使用量逐渐增多的图像格式，支持24真彩色 3.2 在网页文档中插入图像 插入标题图像title_study.jpg，修改图像属性 在第一段文字前，插入eye.jpg 在第二段文字前，插入joint2.jpg 调整图像与文字的排列方式 调整图像大小和图像边距，指定图像边框 3.3 制作鼠标响应的翻转图标 在要插入图标的位置上单击鼠标，然后单击“常用”标签中的“鼠标经过图像”图标。 对应两中鼠标状态，分别插入menu01_basic.jpg和menu01_over.jpg 按同样方法，制作其他翻转图标 4. 使用超链接功能（范例：f-study.html与其他网页链接） 4.1 利用超链接连接相关网页 4.2 建立与外部站点的链接，并指定链接目标（Target） 4.3 建立电子邮件链接 4.4 利用“锚记”功能移动到特定位置 4.5 利用图像热点，在图像的特定部分设置链接 4.1 利用超链接连接相关网页 建立同一文件夹中的网页之间的连接 连接f-study.html与f-teddy.html 建立不同文件夹中的网页之间的连接 连接f-study.html 与gallery.html 4.2 建立与外部站点的链接，并指定链接目标（Target） 建立网页中的图像eye.jpg到理工大主页的链接 分别将“链接目标”设定为_blank和_top，察看预览效果 4.3 建立电子邮件链接 选择文字和图像后，在链接（link）栏中输入mailto:电子邮件地址 预览效果 4.4 利用“锚记”功能移动到特定位置（范例：anchor.html） 理解“锚记”功能 选择文档上部，插入锚记，命名锚记 选择文档底部文字或图片，设置链接：直接输入“ #锚名”，预览效果 设置参数选项中的“不可见元素”，取消黄色锚记图标 4.5 利用图像热点，在图像的特定部分设置链接 理解图像热点的概念 选定图像，设置热点，建立链接 预览效果 修改热点区域、删除热点 5. 设置文件头属性 5.1 为主页建立搜索关键词 5.2 插入主页说明性文字 5.3 添加自动刷新功能 5.4 利用元标记实现页面转换效果 5.1 为主页建立搜索关键词 关键词的作用 建立方法 利用菜单或快捷按钮建立 在代码视图中编辑 建立关键词，在代码视图中察看 5.2 插入主页说明性文字 插入说明