div+css网页布局:主体部分与幻灯实现
需积分: 15 93 浏览量
更新于2024-08-17
收藏 1.48MB PPT 举报
本文档主要介绍了使用Div+CSS进行网页开发时,如何布局页面的主体部分。主体部分通常被划分为三个主要区块:顶部的幻灯和热点新闻,中间的图片列表,以及底部的左右两侧内容。布局顶部时,作者提到采用左右两列的结构,通过浮动技术实现热点新闻日期的排列,同时提及“个人登录”和“商户登录”的实现方法类似,即利用CSS的浮动和定位。
关于主页的幻灯实现,作者强调其主要依赖于JavaScript和Swf文件,通过分析源代码中的特定脚本,理解参数设置(如大小、图片地址和Swf文件的位置),然后在自己的网站中复制并修改这些参数,就可以实现类似的动态滑动效果。
在结构分析阶段,文档指导读者根据设计图划分页面,包括头部区域、导航、主体部分(左右两列)和底部。HTML结构示例中,使用了`<div>`标签来组织页面元素,并设置了id属性以便于后续样式定义。通过创建一个包含所有主要部分的父容器`<div id="container">`,可以简化布局过程,只需设置这个父级元素的宽度和居中样式,使得子元素也随之居中。
整个布局过程中,还涉及到CSS基础知识的应用,如设置元素的宽度、高度、浮动和定位,以及理解相对路径和根目录路径在CSS中的使用。通过一步步的实践和理论结合,读者可以学习到如何灵活运用Div+CSS来构建美观且功能丰富的网页布局。
177 浏览量
2009-07-11 上传
4200 浏览量
305 浏览量
500 浏览量
2008-06-14 上传
2008-03-15 上传
2008-11-27 上传
2007-03-23 上传
韩大人的指尖记录
- 粉丝: 33
- 资源: 2万+
最新资源
- 51单片机汇编程序-LED点阵实现简易俄罗斯方块游戏
- wormhole-0.7.0.tar.gz
- random-starred-repository:返回由用户加注星标的随机存储库
- File_Hunter:使用文件玩俄罗斯轮盘! :))
- CSS3灯光闪烁动画文字特效特效代码
- MyBlog:这是一个基于SSM的博客系统
- Sweet Puzzle Time-crx插件
- crbclientregisterand:CRB 客户端注册和。 是一个 android 客户端,它从 android 捕获客户端详细信息并通过restful web 服务将其持久化到 CRB 客户端注册播放框架应用程序
- gRPC中Java和node进行异构通信-互为客户端和服务端示例代码.rar
- Briefwechsel.github.io
- react_spotify:React我们Spotify Stats应用程序的一面
- semantic_logger:Semantic Logger是功能丰富的日志记录框架,可替代现有的Ruby&Rails记录器
- lablabtop
- rest-api-springboot
- 测试工程师学习路线.zip
- MozStumbler:适用于Mozilla的Android Stumbler