




全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
DIV层布局与Spry构件1、认识Spry构件Spry功能功能不仅增强了页面的布局形式,简化并增强了表单的验证功能,还与XML数据相结合,方便构造动态数据显示。本例就将这些新功能集合到一个网页中,从中体会Spry的无穷魅力。1)Spry构件2)Spry验证表单3)Spry XML数据显示这一章重点学习Spry构件,可以把Spry构件看成一种控件,是已经事先设计好的模块,我们可以直接添加在网页中,快速地实现比较炫酷的网页效果Spry构件类型1)Spry菜单栏2)Spry选项卡面板3)Spry折叠式4)Spry折叠面板5)Spry工具提示我们将通过一个综合实例,结合Div布局来学习各种构件的使用2、DIV布局页面 DIV+CSS的页面布局是网页设计的发展方向,很多网站也是从表格布局发展到DIV布局,这一节我们可以说是一个入门,了解如何使用DIV布局页面。1)先创建DIV标签2)设置对应的CSS样式注意:插入DIV标签的位置技巧:默认情况下两个DIV标记上下进行排版,如果想让两个IV层并排显示,可以使用Float属性#top background-color: #FC0;height: 60px;width: 720px;#mid background-color: #CF0;height: 250px;width: 720px;#bottom background-color: #F6F;height: 20px;width: 720px;#mid_left background-color: #69F;height: 250px;width: 220px;float: left;#mid_right background-color: #3FF;height: 250px;width: 500px;float: right;添加Logo图片后#top img float: left;网页DIV布局代码如下,注意嵌套 )使用整体控制居中对齐#box background-color: #6FF;height: 330px;width: 720px;margin-right: auto;margin-left: auto;网页DIV布局代码如下,注意居中对齐3、Spry菜单MenuBar插入Spry菜单,设置属性,生成菜单4、Spry折叠式Accordion单击眼睛可以展开面板2)设置Spry折叠式的CSS中的AccordionPanelContent属性如下3)用户登录面板中插入表单Form后,在表单中插入表格左边一列,输入如上图,右边一列依次插入文本域、文本域、按钮4) 联系我们面板中,插入DIV tous CSS如下建立完Spry以后在建立CSS,注意保存的位置,选择仅限该文档5、Spry可折叠面板CollapsiblePanel在面板中插入DIV about,CSS如下6、Spry选项卡面板TabbedPanels在最新素材面板,输入内容或者复制过来7、Bottom内容编辑#bottom font-size: 12px;line-height: 16px;text-al
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025江苏连云港市赣榆农业发展集团有限公司及下属子公司招聘62人笔试参考题库附带答案详解
- 2025战新产业“330”中国能建葛洲坝集团社会招聘330人笔试参考题库附带答案详解
- 2025年宁德港务集团春季校园招聘24人笔试参考题库附带答案详解
- 2025年中航大(天津)科技园有限公司招聘4人笔试参考题库附带答案详解
- 2025年3月福建漳州台商投资区资产运营集团有限公司招聘人力资源服务外包人员13人笔试参考题库附带答案详解
- 2025届湖北宝钢股份黄石涂镀板有限公司应届毕业生招聘1人笔试参考题库附带答案详解
- 危险酒店安全知识培训内容课件
- 危险运输安全培训计划课件
- 地铁志愿者安全培训课件
- 地铁岗位安全培训总结课件
- 珠江医院护理面试题库及答案
- 流程管理某省市场营销MPR+LTC流程规划方案
- 疏浚管线工技能操作考核试卷及答案
- 化工厂实习安全培训课件
- 疏浚清淤工程合同协议书
- 电子电子技术试题及答案
- 2025项目管理考试题及答案
- 五年级篮球培训课件
- 护林员巡护安全知识培训课件
- 辽宁省2025年中考英语真题附答案
- 喷涂基础知识培训课件
评论
0/150
提交评论