网页制作技术教学课件许莉第8章.ppt

《网页制作技术教学课件许莉第8章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章网页制作工具—Dreamweaver本章学习目标了解DreamweaverMX2004的功能和特点掌握DreamweaverMX2004的工具面板及属性面板的使用。掌握创建和编辑站点的方法掌握插入网页元素的方法掌握创建和编辑网站链接的操作方法了解站点发布的基本方法8.1DreamweaverMX2004简介8.1.1DreamweaverMX2004的功能和特点更简洁高效的设计和开发界面强大且开放的编码环境8.1.2DreamweaverMX2004的工作界面DreamweaverMX2004提供了将全部元素置于一

2、个窗口中的集成工作区。在集成工作区中，全部窗口和面板集成在一个应用程序窗口中，如图所示。8.1.2DreamweaverMX2004的工作界面插入栏“插入栏”（如图所示）包含用于将各种类型的“对象”，如图像、表格和层等插入到文档中的按钮。每个对象都是一段HTML代码，允许在插入它时设置不同的属性。8.1.2DreamweaverMX2004的工作界面文档工具栏编辑窗口状态栏8.1.2DreamweaverMX2004的工作界面网页标签扩展按钮浮动面板组菜单8.1.3创建站点本地站点【实例8.1】创建本地站点。站点名为“网

3、页制作学习站点”，本地文件夹为“E:mysite”（本地文件夹可事先在Windows系统中创建，它将作为本站点的根目录。）步骤见书8.1.3创建站点远程站点测试服务器文件夹8.1.4管理站点编辑站点删除站点8.1.5文档管理当用户创建了本地站点后，就可以创建文档并将其保存在站点文件夹中。一个文档包含文本、图像、动画、录像、链接的其他文档和声音等内容。当创建并编辑一个文档时，DreamweaverMX2004会自动生成它的HTML代码，使用代码编辑器可以测试和编辑这些代码。DreamweaverMX2004提供了多种创建

4、文档的方法，用户可以使用“文件”菜单中的命令创建一个新的空白HTML文档，打开一个现有的HTML文档或使用模板创建新文档。8.2DreamweaverMX2004的基本操作8.2.1创建站点内容新建页面新建素材文件夹新建栏目文件夹8.2.2页面的准备工作设置页面标题设置页面属性编辑页面头文件【实例8.2】为首页index.htm插入主要的头部内容。步骤见书8.2.3插入网页元素插入文本插入图像插入导航条插人水平线插入日期插入多媒体8.3网站的链接与导航8.3.1绝对路经与相对路径绝对路径相对路径站点根目录相对路径8.3.

5、2内部链接与外部链接创建内部链接【实例8.3】为index.htm文档创建指向news.htm的内部链接。步骤见书创建外部链接8.3.2内部链接与外部链接创建锚点链接【实例8.4】为如图8-40所示news.htm文档创建锚点链接。步骤见书8.3.3图像链接与热点链接创建图像链接创建图像地图8.3.4其它特殊链接创建邮件链接创建下载链接创建脚本链接创建空链接8.4站点的整理与上传站点的检查检查目标浏览器检查站点内的链接站点的报告8.4.3站点的上传【实例8.5】在系统中创建一个虚拟的远程站点文件夹，如：d:MyDocu

6、mentsmyserver，将创建的站点内容上传到该文件夹。步骤见书8.5综合制作实例—制作多媒体网页