网页制作1-2.ppt

网页设计三剑客 网页设计三剑客概述 Dreamweaver Dreamweaver 是一款专业的HTML编辑器，可用于网站、网页应用程序的设计与开发，是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。当前流行的各种网页程序都可以在DM中编写。 Fireworks Fireworks 是专业化的web图像处理软件，使用Fireworks 既可以编辑网页图像，也可以制作网页动画，还可以直接使用其来设计网页。 Flash Flash集矢量绘图、动画制作、互动设计等功能于一身，用它可以制作出非凡的网页动画，还可广泛的用于课件制作、多媒体开发与游戏开发等领域。 一、初识Dreamweaver8 Dreamweaver简介 Dreamweaver是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。当前流行的各种网页程序都可以在DM中编写。 一、 初识Dreamweaver8 1.1 Dreamweaver8的启动 1.2 Dreamweaver8 的操作环境 1.3 本地站点的创建与管理 1.1 Dreamweaver8的启动 1.Dreamweaver8的启动 2.关于起始页 起始页内容 显示与隐藏起始页 1.2 Dreamweaver8 的操作环境 1、标题显示栏 ?????? 启动Macromedia Dreamweave 8后，标题栏将显示文字Macromedia Dreamweave 8.0，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称。 2、菜单栏 ??? 文件：用来管理文件。例如新建，打开，保存，另存为，导入，输出打印等。 编辑：用来编辑文本。例如剪切，复制，粘贴，查找，替换和参数设置等。 查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。  插入：用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。 修改：具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对其对象等。  文本：用于设置文本格式等。  命令：提供对各种命令的访问 站点：用来创建和管理站点  窗口：提供对所有面板、检查器和窗口的访问  帮助：联机帮助功能。例如按下F1键，就会打开电子帮助文本 3.插入栏 网页的内容 虽然多种多样，但是它们都可以被称为对象。大部分对象都可以通过“插入”栏插入到文档中。 收藏夹子工具栏的创建 可以将常用的插入对象放置在收藏夹中，便于使用 4.面板与面板组 面板是网页设计软件中的亮点，利用它能够方便的完成大多数的属性设置 根据位置的不同分为：位于窗口底部的“属性”面板；位于窗口右侧的面板组 属性面板显示当前文档编辑窗口中选择对象的属性。 对面板组的操作 打开与关闭面板、展开与折叠面板、移动面板、查看面板组的选项菜单、组合面板组、保存面板组 打开与关闭全部面板 F4功能键 5.网页编辑视图 设计视图 “设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver 显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。 代码视图 “代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境。 拆分视图 使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。 1.3 本地站点的创建与管理 所谓网站，它是一系列网页文档的组合，包括一个首页和若干个分页，这种集合不是简单的集合，这些文档之间通过各种链接联系起来，拥有相似的属性，如描述相关的主题、采用相似的设计风格等。为了达到最佳效果，在创建任何 Web 站点页面之前，要对站点的结构进行设计和规划。在Dreamweave 8中可以有效的建立并管理多个站点。 1.3 本地站点的创建与管理 创建站点菜单栏——站点——新建站点 修改站点信息??? 站点——管理站点—— 编辑—— “高级”标签 1.3 本地站点的创建与管理 创建站点目录结构（也就是确定网站的文件目录结构） 一般情况下，用户应根据项目策划确定的网站内容，确定一级目录和二级目录的名称