软件开发培训班 >> 创意设计 >> Dreamweaver


Dreamweaver使用Div标签

　　一、Div标签概述

　　

(Division)元素在文档内定义了一个区域，
元素包括文本、表格、表单、图像、插件等各种页面内容，甚至在
元素内还 可以包括
元素 。

　　假如要使

标签显示特定的 动机，或者在某个位置上显示HTML内容，就要为
标签定义CSS 款式 。

　　 使用

标签的 步骤为：

　　

HTML内容

　　假如 径自 使用

标签，而不加任何CSS 款式，那么它的 动机和 使用

标签是一样的 。

　　二、插入

标签

　　1. 将鼠标放在要插入

标签的位置上， 而后点击“插入”菜单， 取舍“布局对象”命令，在弹出的子菜单中 取舍“Div 标签”项 。

　　或者在“插入”面板中 取舍“布局”项，点击“插入 Div 标签”图标，如下图所示：

Dreamweaver

　　2. 点击图标后， 打开“插入 Div 标签”对话框，如下图所示：

Dreamweaver

　　3. 在“插入 Div 标签”对话框中， 可以进行以下操作：

　　插入：在插入点——在光标 搁置的位置上插入

标签；在开始标签之后——在标签的后面插入
标签；在 完毕标签之前——在 完毕标签的前面插入
标签 。

　　类： 取舍一个类 。请浏览CSS 款式表教程：类 取舍器 。

　　ID： 取舍一个ID 。请浏览CSS 款式表教程：id 取舍器 。

　　“新建 CSS 规定”按钮：点击此按钮，会 打开“新建 CSS 规定”对话框 。请浏览在Adobe Dreamweaver CS4中 使用CSS 款式表的 步骤 。

　　 揭示： 使用“新建 CSS 规定”， 可以增加

标签的类和ID 。

　　4. 在对话框中设置好各项以后，或者不进行设置，单击“确定”按钮，即可将

标签插入到文档中 。如下图所示：

Dreamweaver

　　5. 在文档的“设计”视图中点击

标签框线，选中
标签，如下图所示：

Dreamweaver

　　 

　　6. 可以 打开

标签“属性”面板，如下图所示：

Dreamweaver

　　

　　Div ID： 取舍一个ID 。请浏览CSS 款式表教程：id 取舍器 。

　　类： 取舍一个类 。请浏览CSS 款式表教程：类 取舍器 。

　　“CSS面板”按钮：在弹出的窗口中 可以 缔造新的CSS 规定或者增加附加 款式表 。

　　三、在

标签内输入内容

　　在该标签的框线内单击鼠标左键，将光标定位到框线内就 可以输入内容了 。

　　四、删除

标签

　　在“设置”视图 当选中

标签(二.5有 取舍的 步骤)，按Delete键即可删除 。

　　五、

标签嵌套

　　单击鼠标左键，将光标定位到

标签内， 可以 接续插入
标签 。

　　六、Div+CSS

　　DIV+CSS是网站 标准中的常用术语之一，是为了与HTML网页中的表格(table)定位 模式加以 划分 。在XHTML网站设计 标准中，重要采纳DIV+CSS的 模式来实现网页内容的定位，而不再 使用表格的定位 模式 。