dw基础教程.docx

dw基础教程
dw基础教程
dw基础教程
《 D r e a m w e a v e r 》
目录
第一节： DW软件介绍 -----------------------------------------------------------
CSS+DIV布局的精华 -----------------------------------------------------------------
CSS排版理念 -----------------------------------------------------------------------
第八节：行为 ---------------------------------------------------------------
定义 -------------------------------------------------------------------------------
行为的“埋设” ---------------------------------------------------------------------
常用触发条件 -----------------------------------------------------------------------
常用事件演示 -----------------------------------------------------------------------
第一节： DW软件介绍
Dream Weaver是一款网页排版软件，能够方便的进行网页布局。
是由 ADOBE企业生产的，
ADODB企业有多款针对电脑设计的软件，如：
第二节：学习 Dreamweaver的作用和应用方向
主要作用：①快捷的网页排版布局。②智能化网页协助设计。
应用方向：网站的制作和测试。
第三节：认识 DW的界面
常用面板、属性栏
工作区模式切换开关
代码 —— HTML 编码方式
设计 —— 最后显示的结果（所见即所得）
拆分 —— 以上二者皆有
标签选择器
能够显示 HTML标签的层次关系。
能够迅速选择并编写 HTML标签。
预览按钮
能够在 IE 中测试最后结果，快捷键（ F12）
第四节：站点的成立和编写
dw基础教程
dw基础教程
dw基础教程
dw基础教程
dw基础教程
dw基础教程
1. DW中不可以直接创立网页 ，那样获得的路径会是 绝对路径 。我们必
dw基础教程
dw基础教程
dw基础教程
须第一要创立站点 ，并在站点管理器中，创立和管理 HTML网页。
它的利处：
自动使用相对路径 。
全部网页文件都存在一个固定文件夹下，便于管理。
经过 DW的文件管理面板能够直观看到网站中各个文件的状态。
第五节：常用插入
超级链接
经过给 文字或许图片 增添一个“点击出口” ，当它们被点击后即能够跳转到指定的地点。
我们能够设置其翻开属性， _blank 新窗口翻开 _self 目前窗口。
邮件链接
格式：mailto:E-MAIL 地点
锚点
经过在 目前页面内 设置标志，能够在目前页面内超链接进行跳转。格式： #锚点名
表格
行、列、表格的宽度。
边框粗细，假如为 0，则表格为边线隐蔽。
单元格边距（填补） ：指单元格内元素到单元格边的距离。
单元格间距：指两个单元格之间的距离。
表格的属性均是经过属性面板来调整的，我们能够随意调整某
dw基础教程
dw基础教程
dw基础教程
一行或列或许单元格的属性。
表格元素的选择
我们选择表格元素（ 表格、行、单元格 ），需使用标签选择器来选择， table （表格自己），td( 单元格 ) ，tr( 行 ) 。
表格是能够 嵌套的 ，即一个单元格里还能够插入新表格。
表格一般 只好竖排 不可以横排。