1 / 17

第二讲 Dreamweaver8 概述

第二讲 Dreamweaver8 概述. 对于学习网页制作者，首先要了解和掌握的是关于 dreamweaver8 在网页制作过程中所需要掌握的操作环境和各个功能。. 知识要点： 了解 dreamweaver8 和安装要求 熟悉 dreamweaver8 的功能菜单 了解常用工具面板 简单的网页制作. Dreamweaver8 简介 1 、与 dreamweaver cs 系列 前者是 macromedia 公司的，后来被 adobe 公司收购了出现了 CS 系列；

masako
Download Presentation

第二讲 Dreamweaver8 概述

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第二讲 Dreamweaver8概述 对于学习网页制作者，首先要了解和掌握的是关于dreamweaver8在网页制作过程中所需要掌握的操作环境和各个功能。 • 知识要点： • 了解dreamweaver8和安装要求 • 熟悉dreamweaver8的功能菜单 • 了解常用工具面板 • 简单的网页制作

  2. Dreamweaver8简介 1、与dreamweaver cs系列 前者是macromedia公司的，后来被adobe公司收购了出现了CS系列； 2、与flash、fireworks并称“网页三剑客”，flash用来生成矢量动画，fireworks完成web图像制作； 3、它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。

  3. 一、起始页的使用 打开最近项目 1、用法 创建新项目 从范例创建

  4. 起始页的用法 ② ③ ①

  5. 2、起始页关闭与重开启 （1）关闭 （2）重启 编辑→首选参数 … →

  6. 二、界面布局与切换 Dreamweaver 提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中。 F4——隐藏/显示常用面板 窗口→ 工作区布局 →

  7. 三、“文档”窗口 1、文档”窗口显示当前文档。可以选择下列任一视图： （1）、“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver 显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。 （2）、“代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码（如 PHP 或 ColdFusion 标记语言 (CFML)）以及任何其它类型代码的手工编码环境。 （3）、“代码和设计”视图使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。

  8. 四、工作界面的部分组成 1、“文档”工具栏 “文档”工具栏中包含按钮，这些按钮使您可以在文档的不同视图间快速切换：“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图。 工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。

  9. 2、状态栏 “文档”窗口底部的状态栏提供与您正创建的文档有关的其它信息

  10. 3、“插入”栏 “插入”栏包含用于创建和插入对象（如表格、层和图像）的按钮。当鼠标指针滚动到一个按钮上时，会出现一个工具提示，其中含有该按钮的名称。 “常用”类别使您可以创建和插入最常用的对象，例如图像和表格。 “布局”类别使您可以插入表格、div 标签、层和框架。 “表单”类别包含用于创建表单和插入表单元素的按钮。 “文本”类别使您可以插入各种文本格式设置标签和列表格式设置标签 “使您可以插入用于水平线、文件头内容、表格、框架和脚本的 HTML 标签。 使您可以插入动态元素，例如记录集、重复区域以及记录插入和更新表单。 使您可以插入 Macromedia Flash 元素 可以将“插入”栏中最常用的按钮分组和组织到某一公共位置。

  11. 4、“编码”工具栏 编码”工具栏仅在“代码”视图中才 是可 见 的，它垂直显示在“文档”窗口的左侧。

  12. 5、“属性”检查器 “属性”检查器使您可以检查和编辑当前选定页面元素（如文本和插入的对象）的最常用属性。“属性”检查器中的内容根据选定的元素会有所不同。例如，如果您选择页面上的一个图像，则“属性”检查器将改为显示该图像的属性（如图像的文件路径、图像的宽度和高度、图像周围的边框（如果有），等等）。 默认情况下，“属性”检查器位于工作区的底部。

  13. 6、“文件”面板 “文件”面板用于查看和管理 Dreamweaver 站点中的文件。

  14. 7、“CSS 样式”面板 Cascading style sheets(层叠样式表单) 使用“CSS 样式”面板可以跟踪影响当前所选页面元素的 CSS 规则和属性（“当前”模式），或影响整个文档的规则和属性（“所有”模式）。使用“CSS 样式”面板顶部的切换按钮可以在两种模式之间切换。使用“CSS 样式”面板还可以在“所有”和“当前”模式下修改 CSS 属性。

  15. 五、Dreamweaver8菜单简介 1、文件→在浏览器中预览F12 2、编辑→首选参数… 3、站点 菜单 新建站点 管理站点

  16. 学习网站推荐： 1、http://www.pconline.com.cn/pcedu/videoedu/dreamweaver/0704/1002891.html 2、dreamweaver8的help 再见

  17. 上机任务 1、学会安装dreamweaver软件； 2、熟悉dreamweaver的界面和命令菜单，学会看DW的help； 3、试着去用该软件做自己想做的。

More Related