第3章Dreamweaver8网页制作-公开课件.pptVIP

3.1 Dreamweaver8简介 3.2 网页文本及媒体的应用 3.3 表格的应用 3.4 布局表格的应用 3.5 超级链接 3.6 框架的应用 3.7 CSS样式的应用 3.8 层和行为的应用 3.9 时间轴的应用 3.10 表单的应用 3.11 模板的应用 3.1 Dreamweaver8简介 本节知识 认识Dreamweaver8 Dreamweaver8编辑环境介绍 创建与管理站点 Dreamweaver 8是一款功能强大的网页编辑软件，它以其直观的图形界面大大简化了网页的设计和编辑。在具体学习使用Dreamweaver之前，首先应该掌握对网页文档操作的一些基础知识，如网页文档的创建、打开、预览和保存以及页面属性的基本设置等。 Dreamweaver是专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论直接编写HTML代码还是在可视化编辑环境中工作，Dreamweaver都提供了专业的编辑工具。 3.1.1 Dreamweaver8的认识 知识要点 系统要求 在安装Dreamweaver8之前请确保硬件和软件环境满足以下条件： ① Intel Pentium III 600MHz或更快的处理器和等效的处理器 ② Windows 2000、Windows XP或Windows Server 2003 ③ 至少128MB的可用内存（建议采用256MB内存或更大内存） ④ 能达到1024×768像素分辨率或更高分辨率的监视器 安装 Dreamweaver8 在Dreamweaver8的系统盘上运行安装程序 setup.exe 3.1.2 Dreamweaver 8的基本操作 知识要点 启动Dreamweaver 8 新建空白HTML网页 保存网页文档 预览网页效果 退出Dreamweaver 8 该部分主要介绍Dreamweaver8的基本功能、主窗口和菜单命令。内容包括熟悉主工作区、使用菜单栏、掌握“插入”工具栏、充分利用“属性”面板和灵活使用菜单命令。该部分是学习Dreamweaver8快速入门部分。通过这一部分的学习能够对Dreamweaver8的基础操作和功能有一个全面的掌握和认识，从而为后续章节中能够深入地学习好Dreamweaver8打下坚实的基础。 3.1.2 Dreamweaver 8的基本操作 1.启动Dreamweaver 8 选择“开始”|“程 序”|“Macromedia”|“Macromedia Dreamweaver 8”命令如图所 示。选择“创建新项目”|“Html” 项。 3.1.2 Dreamweaver 8的基本操作 2.新建空白HTML网页 进入Dreamweaver 8页面后， 如图所示。 选择“文件”|“新建”菜单命令， 打开“新建文档”对话框，在“类别” 栏中选择“基本页”选项，在“基本 页”栏中选择“HTML”选项，单击 “创建”按钮。如图所示。 3.1.2 Dreamweaver 8的基本操作 3.保存网页文档 选择“文件”|“保存”菜单命令，打开的“另存为”对话框，在“保存在”下拉列表框中选择文件的保存路径，在“文件名”文本框中输入保存的文件名，单击“保存”按钮。如图所示。 3.1.2 Dreamweaver 8的基本操作 4.预览网页效果 选择“文件”|“在浏览器中预览”|“IExplore 6.0”命令在IE浏览器中预览网页文档的效果， 如图所示。 3.1.2 Dreamweaver 8的基本操作 5.退出Dreamweaver 8 单击Dreamweaver 8窗口右上角的“关闭”按钮。 单击Dreamweaver 8窗口左上角的图标，在弹出的下拉菜单中选择“关闭”命令。 在Dreamweaver 8窗口中选择“文件”|“退出”菜单命令。 在当前窗口为Dreamweaver 8工作界面时，按“Alt+F4”键退出Dreamweaver 8。 3.1.3 Dreamweaver 8工作界面介绍 知识要点 插入栏 文档工具栏 文档编辑区 网页标签 扩展按钮 浮动面板组 属性面板 标签选择器 水平标尺和垂直标尺 3.1.3 Dreamweaver 8工作界面介绍 3.1.3 Dreamweaver 8工作界面介绍 2. 创建本地站点 Dreamweaver8是一个站点创建和管理的工具，因此使用它不仅可以创建单独的文档，还可以创建完整的Web站点。创建Web站点的第一步是规划。为了达到最佳效果，在创建任何Web站点页面之前，应对站点的结构进行设计和规划。决