跟天豪学div+css做企业网站系列之一
原创howardvictor 博主文章分类:网站建设心德 ©著作权
©著作权归作者所有:来自51CTO博客作者howardvictor的原创作品,请联系作者获取转载授权,否则将追究法律责任
跟天豪学div+css做企业网站系列之一
现在做网站流行用什么写网页代码?用table做网站已经不流行了,现在流行用什么做网站吗?接下来,
跟天豪学div+css做企业网站,你可以学到div+css为什么会那么流行用来做网站。
我们先从简单的企业网站讲起,用div+css来写网页代码。
所有网站第一步:构思
不管你是用word还是用ps,或者是fw也好,第一步就是构思你的网站,如图企业网站图
接下来,我们需要根据构思图来规划一下页面的布局,仔细分析一下该图,我们不难发现,图片大致分为以下几个部分:
1、顶部部分,其中又包括了LOGO、MENU和一幅Banner图片;
2、内容部分又可分为侧边栏、主体内容;
3、底部,包括一些版权信息。
有了以上的分析,我们就可以很容易的布局了,我们设计层如下图:
我们还可以做得更为简单的效果方便大家理解,如图:
通过分析整个企业网站的div结构如下:
│body {} /*这是一个HTML元素,具体我就不说明了*/
└#Container {} /*页面层容器*/
├#Header {} /*页面头部*/
├#PageBody {} /*页面主体*/
│ ├#Sidebar {} /*侧边栏*/
│ └#MainBody {} /*主体内容*/
└#Footer {} /*页面底部*/
页面布局与规划已经完成,接下来我们要做的就是企业网的HTML代码和CSS。
跟天豪学div+css做企业网站系列之一,期待我们下次讲div+css 也欢迎到我们网站www.18283848.com来看看 谢谢!!!
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【保姆级教程】中小型企业网络从零到一(实用版)
本文详细介绍了,中小型企业从零到一搭建的全过程,包含企业内网规划、内网服务器公网用户访问、企业内网用户访问互联网。
#企业网络 #VLAN #MVRP #网络规划 #交换机配置 -
网站首页(div+css实现)
网站首页(div+css实现)
简单 购物 网站 div -
网站登录界面(div+css实现)
网站登录界面(div+css实现)
网站 登录 界面 div -
Div+CSS布局
Div+CSS布局
职场 CSS 休闲 Div