《利用Dreamweaver设计个人网站》-毕业论文（设计）.docVIP

山西财经大学毕业论文（设计） PAGE 2 第一章 Adobe Dreamweaver CS5 概述 Adobe Dreamweaver CS5 是一套针对专业网页设计者而特别开发的可视化网页设计工具，是一款集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。概括起来说，它有如下优点。 （1）所见即所得 Adobe Dreamweaver CS5为用户提供了方便快捷的属性板，插入板，CSS样式板等工具，不仅使得制作过程更加直观，同时大大简化了网页制作的步骤。 （2）更容易的编辑网页 Adobe Dreamweaver CS5 另一个优点之处是拖放式的表格与框架设计以及通过资料库来管理网站的内容更新。此外，Dreamweaver 还支持跨浏览器的动态，层别样式表单，绝对坐标定位以及JavaScript 的动画效果，他们让你更容易的编辑网页。 （3）层 Adobe Dreamweaver CS5还利用层这个新兴的网页元素来控制页面，将原来很复杂的网页制作过程转变成一些简单的拖拉层的工作，开创了动态网页的新概念。使动态网页变得更加简单和方便。 （4）加入了DHTML, JavaScript动作库等 使用绝对坐标可获得精确和弹性的设计。Dynamic HTML,直接的时间抽界面以及JavaScript动作库，可在不需编程的情况下让HTML组建动起来。 （5）卓越的全网站内容管理方式 在使用Adobe Dreamweaver CS5 的可视化编辑环境下，你可以在HTML源代码编辑器上同步看到Adobe Dreamweaver CS5 为你产生的源代码，若想要在可视化编辑模式和源代码编辑模式之间切换的话，只要单击一下所需的视窗就可以了。 （6）增强的表格编辑功能 Adobe Dreamweaver CS5的表格编辑功能可选定表格的一行，一列或作间断的选定。可以控制表格的内容，背景，边框及表格内的样式。此外，还可以像Word一样的进行排序及作格式化。 （7）强大的排版功能 Adobe Dreamweaver CS5强大的排版功能可将点阵图置于背景以作为设计的参照物用，亦可使用标尺，方格，或自动调整至方格处之设定使可视化设计更加方便。浮动的排版工具可用作选择，集中及对齐，这样就可以很方便地控制网页的内容。 （8）开放的插件环境 这时Adobe Dreamweaver CS5 与其他HTML编辑软件最大的区别。它使用的（包括Object, Action, Commands等）都是建立在HTML文件的基础上。这也就是说，只要你懂得HTML和JavaScript,就可以编写自己的Dreamweaver 插件。 Adobe Dreamweaver CS5的优点之处确实很多，在这里只是提出以上这几个主要的方面。在后面将介绍Dreamweaver 的使用方法和技巧。 第二章 认识Adobe Dreamweaver CS5 的工具条 使用过Photoshop 的读者可能比较习惯于浮动工具条，Adobe Dreamweaver CS5的各种功能也可以浮在屏幕上的，它的各种功能随时地可以用你的鼠标轻轻一点来实现。。下面主要介绍Adobe Dreamweaver CS5的三个最重要的工具条。 打开Adobe Dreamweaver CS5后可以看到下面说的三个工具条。图2-1 是Adobe Dreamweaver CS5基本开发界面，如果你觉得屏幕太乱，可以把它们都关闭，单击右上角的“”就可以关掉了。单击菜单条中的【视窗】，看到前面三项分别是【插入】,【属性】,【CSS样式】，如图2-2所示，可以打开或关闭这几项。 图2-1 Adobe Dreamweaver CS5基本开发界面 图2-2 Adobe Dreamweaver CS5 工具界面 2.1 属性工具条 属性面板会随着编辑的内容而变化，它里面包含了所要编辑的文字的所有内容，包括格式，标题，连接，类别等，它的右下角还有一个向下的小三角箭头，单击它，会展开属性面板，它把一些不常用的属性也列出来。展开后，箭头会变成向上，单击它，又会使属性面板复原。属性面板很多，还有图像属性控制面板，层属性控制面板等对象的属性控制面板，用户只要选择要编辑的对象，它就会自动变化，挺方便的。用户对所有由启动面板弹出来的浮动面板在被打开后，可以重新组合，可以将经常用的面板单独地拉出来，只需要将鼠标放到想要拉的按钮上面，然后按住左键拖动就可以了，同理，把他们组合也是一样，用鼠标拖动后，放到上面就可以。 属性工具显示了所选中对象的各种属性或者鼠标光标所在位置的对象的属性，读者可以快速的可视化的方式来修改对象的属性，如图