搜索
掌握Dreamweaver的基本功能Email:yangshenghua@126.com内容提要1.创建主页制作空间2.设置文档属性3.在网页文档中使用图像4.使用超链接功能1.创建主页制作空间1.1理解两个基本概念–远程站点：服务器上组成Web页面的一组文件–本地站点：与远程站点上的文件对应的本地磁盘上的文件。1.2制作操作空间–创建本地站点–编辑本地站点2.设置网页文档属性（范例：teddy.htmlf-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插入特殊符号•在文档末，插入版权信息–如，Copyright2004©某公司Allrightsreserved•插入其他特殊符号2.7设置文档背景•利用“网页属性”对话框，设置网页背景•为网页添加背景图像•更改网页上边距，在浏览器中预览3.在网页文档中使用图像（范例：study.htmlf-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.html4.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插入主页说明性文字•插入说明性文字，在代码视图中察看5.3添加自动刷新功能•理解刷新的含义–指在访问当前网页后的指定时间内移动到其他网页，或重新打开网页的功能。•刷性功能的用途–如过主页地址发生变更，添加该功能，若用户访问旧地址，可转到新的主页地址。•添加自动刷新功能，预览效果5.4利用元标记实现页面转换效果•打开代码视图，在head和/head标记之间插入如下代码–metahttp-equiv=page-entercontent=RevealTrans(Duration=5,Transition=5)–metahttp-equiv=page-exitcontent=RevealTrans(Duration=5,Transition=2)进入网页文档时退出网页文档时网页转换效果效果持续时间