高中二年级Dreamweaver教材.doc

Dreamweaver培训教程 前言 随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器。从网页编辑器基本性质上可以分为所见即所得网页编辑器和非所见即所得网页编辑器（即源代码编辑器），两者各有千秋。所见即所得网页编辑器的优点就是直观、使用方便、容易上手，在所见即所得网页编辑器中进行网页制作和在Word中进行文本编辑不会感到有什么区别，但它同时也存在难以精确达到与浏览器完全一致的显示效果的缺点。也就是说在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构及精确定位）中便可体现出来。非所见即所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在用户的监控下产生，但是，非所见即所得编辑器的先天条件注定了它的工作效率太低。 如何实现两者的完美结合，既能产生干净、准确的HTML代码，又具备所见即所得的高效率、直观性，这一直是网页设计师的梦想。Dreamweaver基本上解决了以上的问题，是一个非常优秀的所见即所得网页编辑器。 Dreamweaver可以满足Web开发人员的各种需要。使用Dreamweaver，在大大提高网页设计人员的生产效率的同时，还可以保持对源代码的完全控制。对于网页设计的新手，也可以快速提高他们的工作效率，因为使用Dreamweaver，可以轻松地可视化编辑加入网页的相关对象。 Dreamweaver这门课是我们软工学院 5.0版本课程体系的新增课程之一。本门课主要是通过Dreamweaver来有效学习html标记语言、css样式、div层等网页前台制作的相关知识和技能，并且能够在学习的最后阶段手写代码，并使学生在学习中提高思维能力，这是软件工程专业中的一门基础课程之一。而本书内容丰富、条理清楚、通俗易懂、即学即会。内容安排由浅入深，由易到难，包含丰富的实例。读者只要按照实例，边阅读边上机实践，再加上能够举一反三地灵活运用，即可做到理论与实践相结合，定能设置出页面美观、功能强大的网页。希望我们软工学院的学员们通过对本书的学习和实际操作，都能对前台页面有很好的掌握。 最后，衷心感谢在教材编写过程中帮助过我的所有同事，特别是黄理斯、胡长浩两位老师；还要感谢给予我支持的男朋友刘佳。在本书编写过程中，惟恐疏漏，已经尽量努力，但是由于本人水平有限，疏漏之处在所难免，希望广大读者批评、指正。 目录 TOC \o 1-3 \h \z \u 第1章 Dreamweaver介绍 3 1.1 Dreamweaver新增功能简介 3 1.2 Dreamweaver的工作环境 4 1.3 常用工具栏 7 1.4 标尺和网格 9 1.5 快捷键 10 1.6 建立站点 14 1.7 创建页面 16 第2章 页面制作 18 2.1引例 18 2.2 超链接 21 2.3滚动字幕 25 2.4列表 30 2.4.1有序列表 30 2.4.2无序列表 36 2.4.3定义列表 40 2.5 表 格 41 2.6 创建导航条 47 2.7表单 49 2.8框 架 52 第3章 CSS 56 3.1什么是CSS 56 3.2引入CSS 57 3.3 CSS 结构和规则 59 3.4 CSS 属性 60 3.4.1 字体属性 60 3.4.2 颜色及背景属性 64 3.4.3 文本属性 66 3.4.4 方框属性 67 3.4.5 单位 73 3.4.6 区块 75 3.4.7 列表 76 Dreamweaver介绍 Dreamweaver新增功能简介 Dreamweaver是Macromedia公司推出的主页编辑工具。它是一个所见即所得网页编辑器，支持最新的DHTML和CSS标准。采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得非常简单。值得称道的是，Dreamweaver不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制，可以说，它是一个集网页创作和站点管理两大利器于一身的创作工具。 在学习使用Dreamweaver之前，我们先了解Dreamweaver的一些新增功能。 1．独特的往返HTML功能 这个功能可以同步访问设计视图（Design View）和HTML源代码，可以打开用其他编辑器编辑的文档，但它不会改写手工输入的HTML标记或第三方标记。这就使得Dreamweaver自动生成的代码与手工输入的代码融为一体。 2．整合文本编辑器 现在Dreamweaver增加了以代码为中心的