dreamweaver cs 教案参考

《dreamweaver cs 教案参考》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Dreamweaver教程前言随着互联网(Internet)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器。从网页编辑器基本性质上可以分为所见即所得网页编辑器和非所见即所得网页编辑器（即源代码编辑器），两者各有千秋。所见即所得网页编辑器的优点就是直观、使用方便、容易上手，在所见即所得网页编辑器中进行网页制作和在Word中进行文本编辑不会感到有什么区别，但它同时也存在难以精确达到与浏览器完全一致的显示效果的缺点。也就是说在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到真正想要的效果，这一点在结构复杂一些

2、的网页（如分帧结构、动态网页结构及精确定位）中便可体现出来。非所见即所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在用户的监控下产生，但是，非所见即所得编辑器的先天条件注定了它的工作效率太低。如何实现两者的完美结合，既能产生干净、准确的HTML代码，又具备所见即所得的高效率、直观性，这一直是网页设计师的梦想。Dreamweaver基本上解决了以上的问题，是一个非常优秀的所见即所得网页编辑器。Dreamweaver可以满足Web开发人员的各种需要。使用Dreamweaver，在大大提高网页设计人员的生产效率的同时，还可以保

3、持对源代码的完全控制。对于网页设计的新手，也可以快速提高他们的工作效率，因为使用Dreamweaver，可以轻松地可视化编辑加入网页的相关对象。Dreamweaver这门课主要是通过Dreamweaver来有效学习html标记语言、css样式、div层等网页前台制作的相关知识和技能，并且能够在学习的最后阶段手写代码，并使学生在学习中提高思维能力，这是软件工程专业中的一门基础课程之一。而本书内容丰富、条理清楚、通俗易懂、即学即会。内容安排由浅入深，由易到难，包含丰富的实例。读者只要按照实例，边阅读边上机实践，再加上能够举一反三地灵活运用

4、，即可做到理论与实践相结合，定能设置出页面美观、功能强大的网页。希望我们的学员们通过对本书的学习和实际操作，都能对前台页面有很好的掌握。-80-目录第1章DREAMWEAVER介绍31.1Dreamweaver新增功能简介31.2Dreamweaver的工作环境41.3常用工具栏71.4标尺和网格91.5快捷键101.6建立站点141.7创建页面16第2章页面制作182.1引例182.2超链接212.3滚动字幕252.4列表302.4.1有序列表302.4.2无序列表362.4.3定义列表402.5表格412.6创建导航条472.7表

5、单492.8框架52第3章CSS563.1什么是CSS563.2引入CSS573.3CSS结构和规则593.4CSS属性603.4.1字体属性603.4.2颜色及背景属性643.4.3文本属性663.4.4方框属性673.4.5单位733.4.6区块753.4.7列表76-80-第1章Dreamweaver介绍1.1Dreamweaver新增功能简介Dreamweaver是Macromedia公司推出的主页编辑工具。它是一个所见即所得网页编辑器，支持最新的DHTML和CSS标准。采用了多种先进技术，能够快速高效地创建极具表现力和动感效

6、果的网页，使网页创作过程变得非常简单。值得称道的是，Dreamweaver不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制，可以说，它是一个集网页创作和站点管理两大利器于一身的创作工具。在学习使用Dreamweaver之前，我们先了解Dreamweaver的一些新增功能。1．独特的往返HTML功能这个功能可以同步访问设计视图（DesignView）和HTML源代码，可以打开用其他编辑器编辑的文档，但它不会改写手工输入的HTML标记或第三方标记。这就使得Dreamweaver自动生成的代码与手工输入的代码融为一体。2．整合文本

7、编辑器现在Dreamweaver增加了以代码为中心的新特性。手工编写代码就如设计视图环境一样方便，可以自动缩排、标点平衡、选择多行后一次缩进。可以在使用代码视图工具栏（CodeViewToolbar）的下拉列表定义的JavaScript函数之间轻松导航。对于使用JavaScript编程的专业人员来说，这种代码导航无疑是一种高效的导航帮助。输入代码时Dreamweaver自动对HTML和JavaScript代码使用不同的颜色显示。3．把主窗口分割为代码视图和设计试图可以把Dreamweaver的主窗口分割为代码视图和设计试图。能够查看整

8、页代码而无需离开文档窗口。这样，就可以在同一个窗口同时查看代码视图和设计视图，同时编辑多个文档的代码。4．JavaScript调试器使用新增的JavaScript调试器，可以直接在浏览器中调试客户端JavaScript脚