第一章 Dreamweaver 使用入门.ppt

第一章　 Dreamweaver 使用入门 目标 了解 Internet 和万维网（WWW） 理解与 Dreamweaver 相关的概念 掌握创建网站的操作步骤 掌握如何制作简单网页 掌握如何创建超级链接 Internet 和万维网 万维网 2-1 万维网 2-2 Web相关术语 网站：万维网上相关网页的集合 网页：文件后缀名通常为*.html 或* .htm的页面 HTML：用于制作网页的超文本标记语言(Hyper Text Mark-up Language) Dreamweaver MX 2004 一款用于设计、开发网站和 Web 应用程序的专业HTML 编辑器 用户可以选择使用布局单元格或框架来设计页面的布局 可用于创建文本、插入动态图像、提供网页超链接、创建 Flash 文本和 Flash 按钮等 可用于组合由某些软件（如 Photoshop、ImageReady 和 Flash 等）制作的图形、动画和按钮 Dreamweaver 概念 静态网页：只能浏览，不能实现客户端和服务器端的交流互动 动态网页：网站页面随用户的输入而变化，能与客户端交流互动 本地站点：一个在我们自己的计算机上，存储网站所有文件的临时文件夹 远程站点：位于远程Web 服务器上，与本地站点相对应 根文件夹：用于存储网站文件的本地根目录 Dreamweaver 工作区 Dreamweaver MX 2004 提供以下两种工作区布局可供选择： 设计者 代码编写者 设计人员工作区 Dreamweaver 2004 MX 提供了一个集成所有面板和窗口的集成工作区 “插入”栏 “插入”栏中的按钮可用于将对象（如表格、图层和图形等）轻松插入 HTML 页面中 “插入”栏的“常用”选项卡中的按钮可用于插入最常用的对象，如链接、表格、图像、水平线等 属性检查器 帮助编辑当前选择的页面元素属性 演示“属性检查器“的简单用法 面板 组合常用功能、方便用户操作 演示面板的简单用法 面板组 组合在一组标题下的多组相关面板 例如， “文件”面板包含以下两个组 文件 资源 “页面属性”对话框 “页面属性”对话框允许网页设计人员调整页面设置，如标题、颜色和页边距等 演示”页面属性对话框“的简单用法 创建网站 步骤： 选择新建站点，然后为其命名 选择服务器技术（如果适用） 选择在本地计算机上编辑本地副本的选项 选择用于存储网站文件的文件夹 选择连接到远程服务器的选项 制作网页 超级链接简介 文档的任何部分（如文本、页面、表单、动画或图像等）都可用作超级链接 超级链接可用于指向页面的特定部分或网站的不同页面 有三种类型的链接路径： 绝对路径（例如 /index.html） 文档相对路径（例如 adver/contents.html） 站点根目录相对路径（例如 /support/app/customer.html，其中“/”表示根目录） 链接路径 2-1 相对路径 这些链接指向您的网站内部的网页 这些链接是相对于文档或根文件夹而言的，因此不需要一个像 /index.html 一样的完整地址 绝对路径 这些链接指向您没有编辑控制权的站点。 此类链接用于为读者提供附加资源。 如友情链接： Microsoft产品 惠普产品 Sun技术 链接路径 2-2 创建超级链接 Dreamweaver 帮助您将页面元素（如文本、图像和按钮等）链接到其他文档（如 HTML 文件、图像和视频等） 链接可以建立在同一站点的各文档中，也可以建立在站点外的文档中 链接到其他文档 链接 URL 如果 URL 路径太长并且很难记住，有一种简单的方法可将其链接到文本或对象 在 Dreamweaver 中选择将要链接的文本或图像 在浏览器中打开该站点，然后从“地址”框中复制此链接 激活 Dreamweaver，在“属性”检查器的“链接”框中粘贴到达该文件的 URL 或路径 按下 Enter 键应用该链接 链接到同一文档的各部分 当一个网页的主题较多或内容较长时，可以在网页内建立多个标记点，将超链接指向这些标记点，使浏览者能快速找到要阅读的内容 这些标记点也就是命名锚记，简称锚 创建并链接命名锚记 步骤： 打开将要创建命名锚记的文档 在窗口的“设计”视图中确定插入命名锚记的位置 插入命名锚记 为锚记命名 在“属性”检查器中链接锚记 链接到其他文档的特定位置 选择将用作链接的文本和图像 将选定的文本/图像与命名锚记链接起来 总结 2-1 Internet 是一种大型网络，是网络的网络 Dreamweaver MX 2004 是一种功能强大的网页编辑工具，可在所见即所得环境中灵活