dw基础教程_可编辑.docVIP

《Dreamweaver》

目录

TOC\o1-3\h\z\uHYPERLINK第一节：DW软件介绍 PAGEREF\h1

HYPERLINK第二节：学习Dreamweaver的作用和应用方向 PAGEREF\h2

HYPERLINK第三节：认识DW的界面 PAGEREF\h2

HYPERLINK第四节：站点的建立和编辑 PAGEREF\h3

HYPERLINK第五节：常用插入 PAGEREF\h3

HYPERLINK第六节：CSS样式 PAGEREF\h5

HYPERLINK1. 作用 PAGEREF\h5

HYPERLINK2. CSS样式的应用对象 PAGEREF\h5

HYPERLINK3. CSS样式的分类 PAGEREF\h5

HYPERLINK4. 如何将样式表加入网页？ PAGEREF\h6

HYPERLINK5. 实验后总结优先级 PAGEREF\h7

HYPERLINK6. CSS规则简单说明 PAGEREF\h7

HYPERLINK7. 块元素（block）的定义 PAGEREF\h8

HYPERLINK8. CSS规则详解—类型[块内字的规则] PAGEREF\h8

HYPERLINK9. CSS规则详解—背景[块本身] PAGEREF\h8

HYPERLINK10. CSS规则详解—区块[块内元素的对齐和排版] PAGEREF\h8

HYPERLINK11. CSS规则详解—方框[块本身][块内][块间] PAGEREF\h9

HYPERLINK12. CSS规则详解—边框[块本身] PAGEREF\h10

HYPERLINK13. CSS规则详解—列表 PAGEREF\h10

HYPERLINK14. CSS规则详解—定位 PAGEREF\h10

HYPERLINK15. CSS规则详解—扩展[块内] PAGEREF\h11

HYPERLINK第七节：CSS+DIV实例网页布局 PAGEREF\h11

HYPERLINK1. 盒子模型 PAGEREF\h12

HYPERLINK2. 当间距（边界距离）叠加的说明 PAGEREF\h12

HYPERLINK3. CSS+DIV布局的精髓 PAGEREF\h13

HYPERLINK4. CSS排版理念 PAGEREF\h14

HYPERLINK第八节：行为 PAGEREF\h15

HYPERLINK1. 定义 PAGEREF\h15

HYPERLINK2. 行为的“埋设” PAGEREF\h15

HYPERLINK3. 常用触发条件 PAGEREF\h15

HYPERLINK4. 常用事件演示 PAGEREF\h16

第一节：DW软件介绍

DreamWeaver是一款网页排版软件，可以方便的进行网页布局。

是由ADOBE公司生产的，

ADODB公司有多款针对电脑设计的软件，如：

第二节：学习Dreamweaver的作用和应用方向

主要作用：①快捷的网页排版布局。②智能化网页辅助设计。

应用方向：网站的制作和测试。

第三节：认识DW的界面

常用面板、属性栏

工作区模式切换开关

代码——HTML编码方式

设计——最终显示的结果（所见即所得）

拆分——以上两者皆有

标签选择器

可以显示HTML标签的层次关系。

可以快速选择并编辑HTML标签。

预览按钮

可以在IE中测试最终结果，快捷键（F12）

第四节：站点的建立和编辑

DW中不能直接创建网页，那样得到的路径会是绝对路径。我们必须首先要创建站点，并在站点管理器中，创建和管理HTML网页。

它的好处：

自动使用相对路径。

所有网页文件都存在一个固定文件夹下，便于管理。

通过DW的文件管理面板可以直观看到网站中各个文件的状态。

第五节：常用插入

超级链接

通过给文字或者图片增加一个“点击出口”，当它们被点击后即可以跳转到指定的位置。

我们可以设置其打开属性，_blank新窗口打开_self当前窗口。

邮件链接

格式：mailto:E-MAIL地址

锚点

通过在当前页面内设置标记，可以在当前页面内超链接进行跳转。

格式：#锚点名

表格

行、列、表格的宽度。

边框粗细，如果为0，则表格为边线隐藏。

单元格边距（填充）：指单元格内元素到单元格边的距离。

单元格间距：指两个单元格之间的距离。

表格的属性均是通过属性面板来调整的，我们可以任意调整某一行或列或者单元格的属性。

表格元素的选择

我们选择表格元素（表格、行、单元格），需使用标签选择器来选择，table（表格本身），td(单元格)，tr(行)。

表格是可以嵌套的，即一个单元格里还可以插入新表格。

表格一般只能竖排不能横排。

图片、图片占位