dreamweaver教程

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

1、Dreamweaver教程第一篇——站点管理篇随着网络的普及，越来越多的电脑爱好者开始接触网络，面对一个又一个精彩纷呈的网站，众多的电脑爱好者都按捺不住内心的憧憬开始接触网页设计和制作。而这项工作也不再象它的启蒙阶段那样，需要直接面对枯燥的代码，反复的在程序语言和最终界面之间来回切换。随着一些具有可视化操作界面，所见即所得工作窗口软件的不断出现和升级，让进入网页制作的门槛不再那么高不可及。Dreamweaver无疑是这些软件当中的佼佼者，可以说它是现在最为普及和成功的一个网页制作软件。通过Macromedia公司的不断改进和升级，它

2、已经变得日益强大和完善。从今天开始我准备向大家介绍Dreamweaver软件4.0版的强大功能，本教程希望以规范化的网站制作流程为线索，指导初学者以正确的步骤来逐渐接触和掌握Dreamweaver软件的主要功能。我个人认为，作为一个网页制作的爱好者，需要有一个良好的工作习惯，很多朋友在学习时喜欢随心所欲的实验软件的各种功能，而缺乏系统的、正确的工作方式。同时网页制作面对的不是一个个孤立的页面，而是一组互相关联的某个站点中的文件群，因此本教程将从网站的角度来串讲Dreamweaver中的各项主要功能，以下的几点将会在本教程中得到重视：

3、1、网页制作中的基础知识和常用功能。2、Dreamweaver新版本新增的一些命令。3、能够有效提高工作效率的一些命令。基于以上想法，我划分了如下几个篇章：一、规划篇——站点的创建和管理(Site)1、站点的设计与构成2、创建本地站点3、关于路径与地址二、布局篇1、利用表格排版页面(Table)2、创建帧结构(Frame)三、内容篇1、文本处理(Text)2、图像处理(Img)3、增加链接(Link)4、加入多媒体文件(MutilMedia)四、设计篇1、使用设计视图（LayoutView）2、创建LayoutTable3、创建La

4、youtCells五、美化篇1、CSS样式表介绍(CSS)2、滤镜效果介绍(Filter)六、动态交互篇1、层与层面板(Layer)2、时间轴(Timeline)3、交互行为(Behavior)4、扩展DW(插件介绍)七、效率篇1、库项目的创建与应用(Liberary)2、创建模板(Template)3、查找与替换功能介绍(Find&Replace)八、维护篇1、后期检测与管理（连接检测、兼容性检测）2、Assets面版介绍3、利用Assets面版进行文件管理和检验我想这个系列教程主要面对的是刚刚接触了Dreamweaver软件，并

5、使用过常用命令的初学者，我希望通过这个系列，合理的将主要功能有条理的介绍给大家，而对那些与普通爱好者关系不大的问题，我会简单的带过，以使大家在使用过程中能尽快的进入网页制作之门，并减少常见的一些困惑和疑问。由于水平有限，错误在所难免，希望大家批评指正：）《规划篇——站点的创建和管理》这一系列的最开始给大家介绍Dreamweaver的站点管理功能（Site）。我们已经知道网站所面对的不是单独页面的集合，更多的还包含其他诸如图片声音、外部程序等等相关联的内容，因此如何正确的组织他们变得非常重要。很多初学者常常遇到如下一些问题：为什么我的

6、网页传上去后看不到图片？为什么我的文件链接是错的？这些问题其实很多都是在开始之前，没有合理的创建好你的站点，良好的规划和准备工作可以减少很多的后续错误。一、站点的前期设计与构成在开始你的网站建设前，有必要建立好一个新的目录，你所搜集的一些资料如图片、声音、文字等都需要按照合理的原则放在这个目录下。我们假设要制作一个关于个人作品和教程的个人网站。首先在我们的硬盘上建立一个目录ExampleSite，在这个目录下面建立一个Images目录放置相关的图片；建立一个Media目录放置相关的多媒体文件；再按照站点内容建立几个子目录：About

7、、Design、Lessons、Resources，而在这几个目录下面都建立各自的Images目录，放置他们各自相关的图片目录。最后的目录结构如图一所示；（图一、目录结构）二、创建你的本地站点虽然你的目录结构不一定要和这里一样，但是你应该有这种清晰的思路，及各个目录都是按照什么原则组织的。完成上面的目录规划以后，我们就可以启动Dreamweaver软件继续我们的工作了。启动Dreamweaver软件后，从主菜单中执行Site/NewSite命令。屏幕上会出现SiteDefinition对话框，该对话框包含了五个不同的内容：Local

8、Info（本地信息）、WebServerInfo（Web服务器信息）、CheckIn/Out（登记/隔离）、SiteMapLayout（站点布局图）、DesignNote（设计注释）。对于我们普通的网页制作者来说，最主要的就是前面两个