[第01章_Dreamweaver_8基础.pptVIP

第1章 Dreamweaver 8基础 在过去，用户只有掌握了HTML(超文本标记语言)才能写出网页。如今，使用Dreamweaver就可以快速地创建出具有精彩效果的动态网页。Dreamweaver是美国Macromedia公司开发的集网页制作和网站管理于一身的网页制作软件。本章将主要介绍有关网页的基础知识以及Dreamweaver 8的基本工作环境。 通过本章的理论学习和上机实训，读者应了解和掌握以下内容: 网页的概念 网页的基本构成元素 网页的设计构思 网页的布局 Dreamweaver 8的工作环境 简单网页的制作方法 本章章节内容安排如下: 1.1 网页制作基础 1.2 Dreamweaver 8的工作环境 1.3 创建一个简单的Dreamweaver网页 1.4 思考与练习 1.1 网页制作基础 在信息时代，因特网已经遍及社会的各个角落，上网已经成为人们日常生活的一部分。拥有自己的个人主页，不但可以在学习或工作的相关领域与他人进行更多的交流，而且也会为自己带来更多的发展机会。用户只要掌握了创建网页的相关知识，再利用网页制作工具软件就可以制作出拥有精美效果的动态多媒体网页。 网页的概念 网页的基本构成元素 网页的设计构思 网页的布局 网页的概念 网页存放在与因特网相连的一台计算机中，通过网址(URL)来识别与存取。当用户在浏览器中输入网址后，经过一段复杂但快速的处理后，网页文件会被传送到用户的计算机中，然后通过浏览器对网页的内容进行解释，最后显示到计算机的屏幕上。通常的网页都是以htm或html为后缀的文件，也称为HTML文件。 一个HTML网页文件包含了多种HTML标记符，这些标记符是一些嵌入式命令，提供了网页的结构、外观和内容等信息。Web浏览器就是通过这些标记符来决定显示网页的方式。 网页的基本构成元素 为了使读者更好地了解和学习网页设计，本小节中将重点介绍网页的基本构成元素及其特点。 文字与图片 动画与视频影像 声音文件 超链接 网页中的程序 表单 插件 框架网页 网页的设计构思 在制作网页时，用户必须掌握网页的设计构思方法。这时需要认真考虑网页的主题、网页的命名、网页标志、色彩搭配和字体等要素。 网页的主题 网页命名 网站标志 色彩搭配 字体 网页的布局 在网页布局过程中，应该遵循的原则有：对称平衡、异常平衡、对比、凝视和空白等。一般来说，网页的布局有下面几种常见的结构。 π型结构布局 T型布局 “三”型布局 POP布局 Flash布局 1.2 Dreamweaver 8的工作环境 Dreamweaver 8的工作界面由文档窗口、工具栏、状态栏、上下文菜单、“插入”工具栏和属性检查器等部分组成。启动Dreamweaver 8后，其工作界面如图所示 。 Dreamweaver 8的工作区 “文档”窗口 工具栏 状态栏 上下文菜单 “插入”工具栏 属性检查器 面板组 Dreamweaver 8的工作区 Dreamweaver 8为不同层次的用户定制了不同的工作环境。当第一次启动时，系统会打开“工作区设置”对话框，如下图所示。用户可以根据自己的需要设置工作界面模式，有“设计器”和“编码器”两种。 “文档”窗口 文档编辑窗口是用户进行操作和设计时最常用到的窗口，网页的所有内容也是显示在这个窗口中。 工具栏 在Dreamweaver 8中有“标准”工具栏和“文档”工具栏两种。 “标准”工具栏中包含了一些“文件”和“编辑”菜单中对文档常用操作命令的按钮，如下图所示。选择“查看”｜“工具栏”｜“标准”命令，可以显示或隐藏“标准”工具栏。 “文档”工具栏中主要包含了一些对文档进行常用操作的功能按钮，如下图所示。用户通过单击这些按钮可以在文档的不同视图间进行快速切换。 状态栏 状态栏位于文档窗口的底部，它的作用是提供与用户正在编辑的文档有关的某些信息，如当前窗口大小、文档大小和估计下载时间等，如下图所示。 上下文菜单 “上下文菜单”又称为“快捷菜单”，一般包括了许多常用的命令。在文档中右击对象或窗口即可弹出与该对象或窗口相关的上下文菜单，从而选择相应的命令进行操作。 “插入”工具栏 “插入”工具栏包含用于创建和插入