




全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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年广西壮族自治区村级后备干部选拔考试题(含答案)
- 2025年光伏电站智能化运维人才培养与职业发展规划报告
- 2025年教育系统后备干部考试题库及答案
- 2025年核心制度试题附答案
- 2025年美容师(技师)考试题库及答案
- 2025年教师资格证结构化面试问题及答案
- 2025年大学人文教育专业题库- 个体发展与人文教育的关系
- 2025年大学武术与民族传统体育专业题库- 大学武术专业的技艺与功法
- 2025年乡村医生资格考试:农村传染病防治病原学试题型
- 2025年大学移民管理专业题库- 移民性别与社会平等权益
- 化工厂实习安全培训课件
- 疏浚清淤工程合同协议书
- 电子电子技术试题及答案
- 2025项目管理考试题及答案
- 五年级篮球培训课件
- 护林员巡护安全知识培训课件
- 辽宁省2025年中考英语真题附答案
- 喷涂基础知识培训课件
- 2025年驻外内聘考试题库
- 幼儿园教师防恐防暴安全知识培训
- 中国禁毒法课件
评论
0/150
提交评论