DIV+CSS 网页制作，建议还是先多了解一下他的基本实现原理，页面实现基本机制，从基础的学起，可以先看看 http://www.w3school.com.cn/ 上面关于 XHTML 以及 CSS 的内容，当然，有时间的话，也可以先看看 HTML 的内容。 里边，讲解的过程中会有

Dreamweaver网页制作初级教程：详解div

方法

打开DW软件

AP div实际上是附加了定位的css样式的div。两个在本质上是一样的，为了方便初学者更好地调整DIV的大小和位置，dreamweaver里面可以用AP div的方式来进行布局。但是实际上这种布局用div也是可以非常容易地实现的。在css里面定义一下with和height

在body里写入div，如图所示，在右边的框里会出现一个虚线的框

图片 看不清，请问你要实现什么 功能？ 代码里 要有css 的div ? 请问是不会 设置css 和div 吗 ？？

在head里写style，如图所示

没分懒得写呢 下面就是 无标题文档 .div{width:100%} .div0{width:100%;height:300px;padding:20px;border:1px solid #000000} .div1{width:100px;height:50px;margin-right:50px;float:left;border:1px solid #000000} .div2{width:50px;height

然后定义one的style的样式，如宽，高，背景颜色等，右边的框里会出现你所设计的样式

无标题文档 .head { width:1000px; height:100px; margin:auto; overflow:hidden; border:1px solid #666; } .banner { width:1000px; height:150px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; } .main { width:

扩展阅读，以下内容您可能还感兴趣。

在Dreamweaver中怎么用DIV切片

1、打开Dreamweaver插入任意图。

2、选择中图片点击属性面板中的Fireworks图标即可。Fireworks是网页制作三剑客另外一款软件，通过Dreamweaver中切片必须安装Fireworks，否则将无法启动。

3、在左边工具栏中找到切片工具，根据需要操作完成即可。

Dreamweaver中Div标签是干嘛用的

　　HTML <div> 标签

定义和用法

　　<div> 可定义文档中的分区或节（division/section）。

　　<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

　　如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

用法

　　<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

　　不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。

　　可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

浏览器支持

　　所有主流浏览器都支持 <div> 标签。

HTML 与 XHTML 之间的差异

　　在 HTML 4.01 中，div 元素的 "align" 属性不被赞成使用。

　　在 XHTML 1.0 Strict DTD 中，div 元素的 "align" 属性不被支持。

提示和注释：

　　注释：<div> 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。

　　提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。

案例分析

 <h1>NEWS WEBSITE</h1>

  <p>some text. some text. some text...</p>

  ...

 <div class="news">

  <h2>News headline 1</h2>

  <p>some text. some text. some text...</p>

  ...

 </div>

 <div class="news">

  <h2>News headline 2</h2>

  <p>some text. some text. some text...</p>

  ...

 </div>

 ...

</body>

例子解释

　　正如您看到的，上面这段 HTML 模拟了新闻网站的结构。其中的每个 div 把每条新闻的标题和摘要组合在一起，也就是说，div

为文档添加了额外的结构。同时，由于这些 div 属于同一类元素，所以可以使用 class="news" 对这些 div 进行标识，这么做不仅为

div 添加了合适的语义，而且便于进一步使用样式对 div 进行格式化，可谓一举两得。

可选的属性

dreamweaver制作网页，网页布局有哪些方法？

DIV+CSS布局：只要书写的样式符合标准，网页的架构清晰，布局灵活，能节省页面加载带宽；浏览器之间的兼容问是一个很大的问题，你如果你再排版页面的时，书写的样式符合标准，基本没什么大的问题。

麻烦采纳，谢谢!

Dreamweaver cc 绘制ap div

在dw cc里面，创建ap div的功能被取消了。因为所谓的ap div其实是个伪概念，它只是一个加入了绝对定位的普通div而已，是为了方便网页初学者快速创建页面而诞生的。而dw cc面向的是网页设计师或者网站开发人员，类似ap div这样的功能被砍掉也是很正常的一件事情。

如果你想要创建可移动的div，方法很简单。对应的在css里面设置一下div的样式就行了，加入div的class 是abc，那么就可以这样来定义：

.abc {position:absolute;left:0px;top:0px;width:100px; height:100px;}

首先设置div为绝对定位，然后它的左边距和上边距都是0px，div的尺寸为100*100。需要调整它的位置和大小的话，对应修改一下数值就行了。

如果你对于css样式表还没有概念，也可以直接在html里面来对div进行绝对定位的设置，例如下面这样：

<div style="position:absolute;left:0px;top:0px;width:100px; height:100px">此处显示新 Div 标签的内容</div>

style=""里面的内容，就是这个div的样式了~~

定义完以后，选中div，你就会发现在属性栏里面出现了设置div上下边距以及宽高的选项了~~

Dreamweaver中Div是什么意思,主要用来做什么

什么是CSS＋DIV

　 CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。

DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制