dreamweaver拖动组件方式
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1:新建web页面jsp/html
可以看到代码，以及代码和设计的拆分以及设计
2:调整控件格式
3:界面设计
4:控件任意拖放功能，把控件放入AP Div，我们拖放的实际是AP Div
5：其它：
5.1、宽度高度适应浏览器：
html,body{width:100%;height:100%;overflow:hidden;}
高度值同样可以使用百分比进行设置，不同的是直接使用height:100%不会显示效果的，这与浏览器的解析方式有一定关系，实现高度自适应的CSS代码如下。
1. html,body {
2. margin:0px;
3. height:100%;
4. }
5. #left{
6. width:250px;
7. height:100%;
8. background-color:#6CF;
9. float:left;
10. }
对#left设置height:100%的同时，也设置了HTML与body的height:100%，一个对象高度是否可以使用百分比显示，取决于对象的父级对象，#left在页面中直接放置在body 中，因此它的父级就是body，而浏览器默认状态下，没有给body一个高度属性，因此直接设置#left的height:100%时，不会产生任何效果，而当给body设置了100%之后，它的子
级对象#left的height:100%便起了作用，这便是浏览器解析规则引发的高度自适应问题。
而给HTML对象设置height:100%，是能使IE与firefox浏览器都能实现高度自适应，效果如图5-25所示。