dw基础教程.doc

《 D r e a m w e a v e r 》
目录
第一节： DW软件介绍
DreamWeaver是一款网页排版软件，可以方便的进行网页布局。
是由 ADOBE 公司生产的，
ADODB 公司有多款针对电脑设计的软件，如：
第二节：学习 Dreamweaver的作用和应用方向
主要作用：①快捷的网页排版布局。②智能化网页辅助设计。
应用方向：网站的制作和测试。
第三节：认识 DW的界面
常用面板、属性栏
工作区模式切换开关
代码—— HTML 编码方式
设计——最终显示的结果（所见即所得）
拆分——以上两者皆有
标签选择器
可以显示 HTML 标签的层次关系。
可以快速选择并编辑 HTML 标签。
预览按钮
可以在 IE 中测试最终结果，快捷键（ F12）
第四节：站点的建立和编辑
DW 中不能直接创建网页 ，那样得到的路径会是 绝对路径 。我们必须首先要创建站点 ，并在站点管理器中，创建和管理 HTML 网页。
它的好处：
自动使用相对路径 。
所有网页文件都存在一个固定文件夹下，便于管理。
通过 DW 的文件管理面板可以直观看到网站中各个文件的状态。
第五节：常用插入
超级链接
通过给 文字或者图片 增加一个“点击出口”，当它们被点击后即可以跳转到指定的位置。
我们可以设置其打开属性， _blank 新窗口打开 _self 当前窗口。
邮件链接
格式： mailto:E-MAIL 地址
锚点
通过在 当前页面内 设置标记，可以在当前页面内超链接进行跳转。格式： #锚点名
表格
行、列、表格的宽度。
边框粗细，如果为 0，则表格为边线隐藏。
单元格边距（填充）：指单元格内元素到单元格边的距离。
单元格间距：指两个单元格之间的距离。
表格的属性均是通过属性面板来调整的，我们可以 任意调整某一行或列或者单元格的属性。
表格元素的选择
我们选择表格元素（ 表格、行、单元格 ），需使用标签选择器来选择， table（表格本身）， td( 单元格 )，tr( 行 )。
表格是可以 嵌套的 ，即一个单元格里还可以插入新表格。
表格一般 只能竖排 不能横排。
图片、图片占位符、鼠标经过图像
图片：一般只设置宽高
图片带超级链接中 替换的意思是当鼠标指上以后的文字提示或当图片不显示时的文字提示。
图片热点
可以给一张图片的不同位置，增加不同的超级链接。
FLASH
必须是 *.swf 格式文件
第六节： CSS样式
作用
层叠样式表，用来规范网页中元素的显示样式，使之在任何浏览器下都显示一样的结果，并不随浏览器的设置而改变。
CSS样式的应用对象
只能应用于 HTML 标签。
CSS样式的分类
类样式：可以定义一组样式规则，并将它应用于不同的标签。
定义时以点开头
不能和 HTML标签名字重复
不能是中文和纯数字，可以是 字母加数字 。
标签样式：规定某一个 HTML标签的样式规则， 重定义 HTML标签。
不需要命名，只需要在下拉菜单中直接选择要改变的标
签。
总结：类样式定义好后，要赋于标签才能生效，并且不影响其主要功能。而标签样式定义好后，直接生效，并且将整个页面所有此类标签都即时改变。
高级样式：
ID 选择器：对拥有 ID 的 HTML标签进行规则设定。
以#号开头 #目标 ID
基本属性和类样式相似，操作不同，它需要先给HTML标签设定一个 ID, 格式是 id= ’名字’
多用于 DIV（层）标签
包含选择器
对于特定的 HTML标签组合规定其样式，例如：
bi ，单独的 b 和单独的 i 均不受影响。
选择器组
当有一组 HTML标签有统一的规则，我们可以将它们规定在一起，以节省代码输入。格式是：
名