文档介绍：DREAMWEAVER 8 基础
安装好 Dreamweaver 8 中文版后,运行,选择 Dreamweaver 8 工作区后,将看到下面的画面:
一、①为菜单区,和其它的软件一样,该软件所有的操作命令都可以从这一个区内找到,举个例
子,选中该区编辑(E)中的参数选择(S)... CTRL+U[其中 CTRL+U 是该选项的快捷键],如下图所示:
网页设计与制作指导教案第一部分--DREAMWEAVER - 1 -
在这里,你可以把自己的 DREAMWEAVER MX 设置为自己喜欢的样式,一般使用默认就可以了,如
下图:
为了使用的方便,选中字体这一项目,把参数设置为上图所示的样子,因为默认的时候实在太难
看了(当然也可以选自己喜欢的)。如果你浏览网页时使用的不是 IE 的话,请选中在浏览器中
预览这一项(以后制作网页的时候要用到),点一下那个“+”添加你使用的浏览器程序。
二、②是插入项目选择工具(插入面板),在②选中了某个项目, ③中会出现相应的插入项
目,下面详细介绍,选中常用这一项后如下图:
锚点用于网页中的定位,如网页的上、中、下等;图像点位符是用于动态交换图片的,后面再说;
Fireworks HTML 为用 Fireworks 软件切割出来的图片;交换图像为鼠标移上去时变为另一图片,
增强动感;表格数据可以将其它文件的数据转化为表格,插进网页;标签选择器可以插入其它不
常用的 HTML 标签。
网页设计与制作指导教案第一部分--DREAMWEAVER - 2 -
在②中选中布局一项,共有标准视图和布局视图两种视图,如下图所示:
在标准视图下,可以插入表格和在网页制作区画图层。
切换到布局视图下,如下图:
在布局视图下,可以在网页制作区描绘布局视图下的表格和单元格,描绘好之后,再切换到标准
视图后,可以转化为表格,这个比较好用,可以用来排版网页,后面将说到。
在②中选中文本一项,可以对文本进行格式化,如下图:
A 可以对字体进行全面的格式;B 可以将字体变为粗体;I 为斜体;S 为加强字体;这些比较简单,
可以自己一项一项慢慢试试,看看字体有什么变化。
在②中选择表单(表格和框架两项后面再说),可以插入各种按钮,如下图:
A 为表单;B 为文本框;C 为隐藏域;D 为文本区域;E 为多选框;F 为单选框;G 为单选按钮
组;H 为列表/菜单;I 为跳菜单;J 为图像域;K 为文本字段;L 为按钮;M 为标签;N 为字
段集。(详细的使用方法后面将说到)
在②中选中模版可以使用模版制作网页或自己创建模版,做起网页更加方便快捷。
在②中选中字符可以插入一些特殊的字符,如:© ® ™,其中 BR 为换行符(快捷键为 CTRL
+ENTER,此项与 ENTER 有所不同,可以自己试试),其它的可以自己试试。
在②中选中媒体,可以插入 FLASH FLASH 按扭 FLASH 文本 Applet 等插件。
网页设计与制作指导教案第一部分--DREAMWEAVER - 3 -
在②中选中文本头,将出现下面的画面:
关键字为网页的关键词,可以让搜索引擎搜索到;说明为网页的说明,如作者、介绍等;刷新可
以设定多长时间后刷新网页或跳转到其它网页;基础为网页的基本链接,如插入一个目标为
_blank 基础,网页中的一切默认链接都将打开新窗口;其它比较少用不再详细讲述。
在②中选中脚本,可以插入各种 Javascript、Vbscript 或其它脚本。
在②中选中 ASP(编辑 ASP 网页时用到,新手可不必理会),可以插入各种 ASP 编程里用到的
标签。
在②中选中应用程序(编辑动态网页时候用到,新手可不必理会),可以对数据库进行操作。
三、对④区的详解如下图:
在上图中,点击带有向下小箭头的工具,会弹出更多选择。
四、⑤区为网页设计区,你所设计的网页或代码将出理在该区。
五、⑥区为属性区(属性面板),在该区可以对选中的对象进行一些设置(后面将有详细讲解)。
六、⑦区如下图所示,详细的使用将在后面的章节详细讲述。
网页设计与制作指导教案第一部分--DREAMWEAVER - 4 -
网页设计与制作指导教案第一部分--DREAMWEAVER - 5 -
操作举例题目:用 DREAMWEAVER 8 制作一个简单网页
实验操作步骤:
1. 打开 DM 8,点击 Insert 插入工具栏表格按钮,在弹出对话框中设置表格属性。
2. 设置行为 5,列为 1,宽度 width 为 700 像素
3. 在表格第一行中输入文本的标题
4. 点击菜单 window------properies 修改,打开属性面板。
5. 鼠标点