在该网页中显示的是一个幻灯片，而它自己本身仅仅是一个定位容器，只是包含了一个幻灯片对象，对于main_top我们只需设置 一下它的背景，让它透明,然后加入幻灯片：toolbox--images--slidershow
slide show 拖到工作区时，会弹出对话框提示你添加图片，按住ctrl+多选就可以了
现在我们设置一下该幻灯片样式：一个是幻灯片的图片说明，还有一个是幻灯片的分页按钮
main_midlle容器：在该网页中仅仅是一个定位容器，我们只需设置 一下它的背景，让它透明
left容器：在该网页中仅仅是一个定位容器，我们只需设置 一下它的背景，让它透明，它里面有一个元素：垂直的导航：这个我们用图片地图来实现：toolbox--images--imagemap 对该图设置热点（热点，就是可以连接到其他的网页的区域）：右键---add polygon hotspot--选择链接--确定，就看到一个可以伸缩的区域，点击这个区域，然后将这个伸缩区域的每个角，对应你想要设置热点的地方的四个角。
right以及right_up容器：在该网页中仅仅是一个定位容器，我们只需设置 一下它的背景，让它透明。
announce容器：它是一个以图片为背景的容器，并且在该容器中，我们放置一个向上滚动的 marquee对象：toolbox---standard--marquee。
news容器：它是一个以图片为背景的容器，并且在该容器中，我们放置一个table对象：toolbox---standard--Table，这个Table两列多个行，第一列是一列图片，第二列是列表标题
right_down容器：它的背景是一张图片，里面包含的是一个图文混排，首先我们可以直接插入一个image 组件：toolbox--images--image，然后再放入两个text组件：toolbox---standard--text，在每个text里放入一些文字。
main_bottom容器：在该网页中仅仅是一个定位容器，我们只需设置 一下它的背景，让它透明，其中包含的video,slider_belt 容器，根据效果图分别设置背景图片。
video 容器：包含一个视频播放，我们插入一个image 组件：toolbox--media--flash，
slider_belt 容器：
加入幻灯片：toolbox--images--slidershow，slide show 拖到工作区时，会弹出对话框提示你添加图片，按住ctrl+多选就可以了 ，这里我们需要设置幻灯片模式：
最后有个 footer容器：我们只需在里面放置一个 javascript组件：toolbox--advanced--ready-to-use-javascript
设置完了样式，然后我们预览一下效果，就可以生成代码了
最终效果：DEMO 项目文件下载：project
相关推荐：
loading