网络技术与应用 作者 尚晓航 第9章 网页制作和发布.pptVIP

第1章 网络技术基础 第9章 网页的制作和发布 尚晓航 主编 安继芳 副主编 机械工业出版社 尚晓航 主编 安继芳 副主编 机械工业出版社 第三篇：网络应用篇 第9章 网页的制作和发布 本章内容与要求 了解：网站建设的基本流程 了解：主要网页制作工具 掌握：制作静态网页并添加多种网页元素 掌握：建立基本的动态网站 9.1 网站建设的基本流程 9.1 网站建设基本流程 首先是前期策划，然后是定义站点结构，再创建界面，接下来是技术实现和完善，最后是站点的发布和维护。这几个阶段完整地结合在一起 9.2 网页制作工具 9.2.1 主流网页制作工具 一些主流的网页制作工具能够帮助我们快速生成源代码，并呈现“所见即所得”的网页效果，使得网页制作的工作变得简单、高效。现在主流的网页编辑软件是Dreamweaver和FrontPage。其中，Macromedia Dreamweaver 8 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论是喜欢直接编写 HTML 代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 为我们提供了许多便捷的工具丰富我们的 Web 创作体验。 9.2.2 辅助制作工具 图像制作工具 动画制作工具 特效制作工具 多媒体制作工具 其他工具 9.3 Adobe Dreamweaver CS4简介 Adobe Dreamweaver CS4简介 Dreamweaver原是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，2005年12月5日，Adobe公司以34亿美元的天价收购Macromedia。 Dreamweaver是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 9.3.1 Adobe Dreamweaver CS4的安装和注册 9.3.2 在Adobe Dreamweaver CS4中建立和管理站点 9.3.3 Adobe Dreamweaver CS4主界面 9.4 制作静态网页 9.4.1设置页面属性 对于在 Adobe Dreamweaver CS4 中创建的每一页，可以使用“页面属性”对话框更改页面公共属性。 9.4.2 使用文本 文本是网页中最基本的元素之一，也是网页传递信息的重要载体。在Adobe Dreamweaver CS4中插入文本，可以直接在“设计窗口”中键入文本，也可以通过复制粘贴或导入方式从其他来源将文本插入网页中。 9.4.3 使用图像 在将图像插入网页时，Dreamweaver 自动在 HTML 源代码中生成对该图像文件的引用。为了确保此引用的正确性，该图像文件必须位于当前站点文件夹中。如果图像文件不在当前站点中，Dreamweaver 会询问你是否要将此文件复制到当前站点中。 9.4.4 使用超级链接 Dreamweaver 提供多种创建超文本链接的方法，可创建到文档、图像、多媒体文件或可下载软件的链接，也可以建立到文档内任意位置的任何文本或图像（包括标题、列表、表、层或框架中的文本或图像）的链接。了解从作为链接起点的文档到作为链接目标的文档之间的文件路径对于创建链接至关重要。 9.4.4 使用超级链接 每个网页都有一个唯一的地址，称作统一资源定位器 (URL)。不过，当创建本地链接（即从一个文档到同一站点上另一个文档的链接）时，通常不指定要链接到的文档的完整 URL，而是指定一个始于当前文档或站点根文件夹的相对路径。有三种类型的链接路径： 绝对路径 文档相对路径 站点根目录相对路径 9.4.5 使用表格 表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成；每行又由一个或多个单元格组成。 9.4.6 使用表单 在网页中经常需要用户向网站服务器提交某些资料，这时，就需要用“插入”面板中的“表单”这一类对象来实现表单的制作。它包含多个表单项，如：文本字段、复选框、单选按钮等。 9.4.7 使用媒体 我们可以将以下媒体文件合并到网页中，这些媒体文件包括：Flash SWF 文件或对象、 Shockwave 影片、QuickTime、AVI、Java applet、Active X 控件以及各种格式的音频文件。 9.4.8 使用JavaScript行为 Adobe Dreamweaver CS4 的“行为”设置可以将 JavaScript 代码放置在网页文档中，以允许访问者与 Web 页进行交互，从而以多种方式更改页面或引起某些任务的执行。行为是事件和由该事件触发的动作的组合。