dw基础教程.doc

《Dreamweaver》目录TOC\o"1-3"\h\z\uHYPERLINK第一节：DW软件介绍PAGEREF\h1HYPERLINK第二节：学习Dreamweaver的作用和应用方向PAGEREF\h2HYPERLINK第三节：认识DW的界面PAGEREF\h2HYPERLINK第四节：站点的建立和编辑PAGEREF\h3HYPERLINK第五节：常用插入PAGEREF\h3HYPERLINK第六节：CSS样式PAGEREF\h5HYPERLINK1.作用PAGEREF\h5HYPERLINK2.CSS样式的应用对象PAGEREF\h5HYPERLINK3.CSS样式的分类PAGEREF\h5HYPERLINK4.如何将样式表加入网页？PAGEREF\h6HYPERLINK5.实验后总结优先级PAGEREF\h7HYPERLINK6.CSS规则简单说明PAGEREF\h7HYPERLINK7.块元素（block）的定义PAGEREF\h8HYPERLINK8.CSS规则详解—类型[块内字的规则]PAGEREF\h8HYPERLINK9.CSS规则详解—背景[块本身]PAGEREF\h8HYPERLINK10.CSS规则详解—区块[块内元素的对齐和排版]PAGEREF\h8HYPERLINK11.CSS规则详解—方框[块本身][块内][块间]PAGEREF\h9HYPERLINK12.CSS规则详解—边框[块本身]PAGEREF\h10HYPERLINK13.CSS规则详解—列表PAGEREF\h10HYPERLINK14.CSS规则详解—定位PAGEREF\h10HYPERLINK15.CSS规则详解—扩展[块内]PAGEREF\h11HYPERLINK第七节：CSS+DIV实例网页布局PAGEREF\h11HYPERLINK1.盒子模型PAGEREF\h12HYPERLINK2.当间距（边界距离）叠加的说明PAGEREF\h12HYPERLINK3.CSS+DIV布局的精髓PAGEREF\h13HYPERLINK4.CSS排版理念PAGEREF\h14HYPERLINK第八节：行为PAGEREF\h15HYPERLINK1.定义PAGEREF\h15HYPERLINK2.行为的“埋设”PAGEREF\h15HYPERLINK3.常用触发条件PAGEREF\h15HYPERLINK4.常用事件演示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(行)。表格是可以嵌套的，即一个单元格里还可以插入新表格。表格一般只能竖排不能横排。图片、图片占位符、鼠