实训教程五利用ap div制作davi design studio网站.pdfVIP

实训教程五：利用APdiv制作“daviDesignStudio”网站

Div简介：Div相当于一个容器，有起始标签Div和结束标签/Div之间的所有内容构成。

在div的里面可以加入表格(table、文本（text）等HTML代码。Div这个标签作为容器，没

有任何原始属性。

本次实训，主要以APDiv为例来说明网页的制作。

AP

div是absolutepositiondiv,他是div层定位的一种，是绝对定位，AP元素（绝对定位

元素）是分配有绝对位置的HTML页面元素，具体地说，就是div标签或其它任何标签。

AP元素可以包含文本、图像或其它任何可放置到HTML文档正文中的内容。

简单理解：APDiv就是在网页中可以任意移动位置的Div标签，在以往的DW软件版本

中叫做“层”。

接下来以制作“daviDesignStudio”网站为例，说明APdiv的具体性质和用法

一、制作“index.html”

1、前期准备工作不赘述，将所有素材放置在某个驱动盘下，新建文件夹，命名为“web”

2、打开DW软件，新建4个html，保存为“index.html”，“artdesign.html”，“about.html”

和“contact.html”，标题统一为为“daviDesignStudio”

3、打开“index.html”，引入跟踪图像“主页跟踪图像.jpg”，适当调整不透明度，在“页面

属性”中设置背影颜色为：#3f2789，如下图所示

4、单击菜单“插入”—“布局对象”—“APdiv”，如下图所示

5、插入第一个APdiv可移动层之后，DW软件中出现以下内容

选中该apdiv，单击菜单“编辑”—“首选参数”—“AP元素”，出现以下内容

其中：

（1）“可见性”下拉列表框：设置默认状态下APDiv的可视度。可以选择“default”

（浏览器默认状态），“inherit”（继承母体可视度），“visible”（可视）和“hidden”（隐

藏）。

（2）“宽”和“高”文本框：设置默认状态下插入APDiv的宽度和高度，单位为像素。

（3）“背景颜色”按钮与文本框：设置默认状态下插入APDiv的背景颜色，默认值为

透明。

（4）“背景图像”文本框与“浏览”按钮：用来设置默认状态下插入APDiv的背景图

像。单击“浏览”按钮，可以弹出“选择图像源”对话框，从中可以设定APDiv的背景图

像。

（5）“嵌套”复选框：选中它后，可以在将APDiv拖动到其他APDiv时实现嵌套。

关于APdiv的属性检查器说明(以下内容非课本内容，很重要，请仔细阅读，你可以

选择忽略不看，但是这部分内容对于制作网页灰常灰常重要！)

APDiv“属性”栏有两种：一种是单APDiv“属性”栏，这是在选中一个APDiv时出现

的；另一个是多APDiv“属性”栏，这是在选中多个APDiv时出现的。单APDiv“属

用如下：