dw基础教程.doc

《Dreamweaver》
目录
TOC\o"1-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，则表格为边线隐藏。
单元格边距（填充）：指单元格内元素到单元格边的距离。
单元格间距：指两个单元格之间的距离。
表格的属性均是通过属性面板来调整的，我们可以任意调整