AP 元素（绝对定位元素）是分配有绝对位置的 HTML 页面元素，具体地说，就是 div 标签或其它任何标签。AP 元素可以包含文本、图像或其它任何可放置到 HTML 文档正文中的内容。
通过 Dreamweaver，您可以使用 AP 元素来设计页面的布局。您可以将 AP 元素放置到其它 AP 元素的前后，隐藏某些 AP 元素而显示其它 AP 元素，以及在屏幕上移动 AP 元素。您可以在一个 AP 元素中放置背景图像，然后在该 AP 元素的前面放置另一个包含带有透明背景的文本的 AP 元素。
AP 元素通常是绝对定位的 div 标签。（它们是 Dreamweaver 在默认情况下插入的各类 AP 元素。但是请记住，可以将任何 HTML 元素（例如，一个图像）作为 AP 元素进行分类，方法是为其分配一个绝对位置。所有 AP 元素（不仅仅是绝对定位的 div 标签）都将在“AP 元素”面板中显示。
你的思路是错的，css不是这么用的。
body{在body里面设置整个页面背景图}
.mybg{设置一个单独用在表格或div上的背景图}
然后在html中需要单独使用这个背景的元素上调用.mybg：
<div class="mybg"></div>
文字环绕图片的效果，用css的float就可以了，把图片的属性设为左浮动或右浮动，它周围的文字会自动环绕的。
轮播图自己用js实现比较麻烦，你可以下个插件，现在用的比较多的swiper.js，引入之后，new个swiper对象，配置下想要的效果就好了
