《网页制作技术》-许莉-电子教案 第8章

《《网页制作技术》-许莉-电子教案 第8章》由会员分享，可在线阅读，更多相关《《网页制作技术》-许莉-电子教案 第8章（21页珍藏版）》请在金锄头文库上搜索。

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

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

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

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

5、向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:My Documentsmyserver， 将创建的站点内容上传到该文件夹。 步骤见书,8.5 综合制作实例制作多媒体网页,