第1次课_Dreamweaver 8操作基础.docVIP

第1章　Dreamweaver 8操作基础 Dreamweaver 8是专业级的网页编辑工具，利用它可以非常轻松地开发动态网页，用户只需了解基本的知识和操作技巧，就可以制作出比较复杂的动态页面。本章重点介绍Dreamweaver 8的基本概念和操作方法，为后面的学习打下基础。 本章技术要点： * 了解Dreamweaver 8功能 * 熟悉Dreamweaver 8页面 * 掌握Dreamweaver 8基本操作 1.1 Dreamweaver功能简介 　　1. 操作方便快捷 　　2. 能生成高效网页源代码 　　3. 提供强大的动态网站功能 　　4. 提供强大的扩展功能 1.2 Dreamweaver 8操作环境 1.2.1 标题栏 1.2.2 菜单栏 1.2.3 工具栏 1.2.4 状态栏 1.2.5 属性面板 1.2.6 浮动面板 1.3 Dreamweaver 8基本操作 Dreamweaver 8支持目前流行的各种网页技术，使用它提供的工具和面板能轻松地设计各种网页。 1.3.1 输入文本和版式设计 文本是网页的基本元素，在Dreamweaver 8文档编辑窗口的“设计”视图下可以自由输入文本也可以将其他窗口中的文本复制到文档编辑窗口中。 下面重点介绍特殊文本的输入方法。 　　1. 输入特殊字符 　　2. 输入空格 　　3. 输入日期 目前，图像和多媒体在网页中的应用越来越多。在网页中加入合适的图像和动画，能给浏览者留下深刻的印象。 插入图像和多媒体的方法基本相同，下面列出常用的两种方法。 * 选择“插入”|“图像对象”或者“插入”|“媒体”子菜单中选择相应的命令，即可插入所需要的对象。 * 在“插入”工具栏的“常用”选项中，单击“图像”按钮或者“媒体”按钮，在弹出的下拉菜单中选择相应的选项即可插入所需要的对象。 在插入的过程中，可能需要多个操作步骤，要求用户确定相关属性和指定对象源文件，因此在插入图像和多媒体之前应先制作好对象。 在Dreamweaver 8中，插入的图像包括4种对象。 * 插入单个图像。 * 插入鼠标经过图像。 * 插入图像占位符。 * 插入导航条。 在Dreamweaver 8中，插入的媒体包括10种对象 插入图像和多媒体之后，选中该对象可以在“属性”面板中设置该对象的属性。 1.3.3 创建链接 网站中的网页是通过超链接技术关联在一起的，Dreamweaver 8提供了各种链接方法和使用技巧，如设置E-mail链接、创建命名锚点、脚本链接、文件下载、跳转菜单以及空链接等。 　　1. 创建文本超级链接 　　2. 创建E-mail链接 　　3. 创建图像热点链接 1.3.4 创建表格 表格是网页设计中最有用、最常用的工具，除了排列数据和图像外，在网页布局中，表格更多地用于网页对象定位，我们只需通过设置表格宽度、高度及彼此之间的比例大小等，就可以把不同的网页元素分别“框”在不同的单元格之中以达到页面的平衡。 一张表格横向叫行，纵向叫列。行列交叉部分就叫单元格。单元格中的内容和边框之间的距离叫边距。单元格和单元格之间的距离叫间距。整张表格的边缘叫边框。 1.3.5 创建CSS样式 CSS样式就是层叠样式表，用来控制网页的外观。CSS不属于HTML，它属于HTML的辅助语言，是对HTML语言功能的一种扩展，用CSS可以给网页添加许多想像不到的效果。 通过CSS样式表，可以统一控制HTML中各标记的显示属性。对页面布局、字体、颜色、背景和其他图文效果实现更加精确地控制。用户只修改一个CSS样式表文件就可以实现改变一批网页的外观和格式，保证在所有浏览器和平台之间的兼容性，拥有更少的编码、更少的页数和更快的下载速度。 1.3.6 创建层 1.3.7 创建框架 1.3.8 定义行为 1.3.9 创建表单 1.4 实践总结 本章主要介绍了Dreamweaver 8的功能、页面和基本操作，通过本章的学习，读者能够初步熟悉Dreamweaver 8功能，掌握Dreamweaver 8的基本操作。在学习过程中建议用户反复练习，只有这样才能掌握Dreamweaver 8的全部功能。 如果想更深入地学习Dreamweaver 8详细功能，建议参考Dreamweaver 8基础类图书，例如中国电力出版社出版的《Dreamweaver 8完美网页设计——技术入门篇》，该书对Dreamweaver 8所有功能进行全面生动地介绍。此外，用户也可以查看Dreamweaver 8的“帮助”菜单。