18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 建站知识 > div+css做企业网站系列教程之一

div+css做企业网站系列教程之一

时间:2022-08-09 04:15:01 | 来源:建站知识

时间:2022-08-09 04:15:01 来源:建站知识

跟天豪学div+css做企业网站系列之一

现在做网站流行用什么写网页代码?用table做网站已经不流行了,现在流行用什么做网站吗?接下来,

跟天豪学div+css做企业网站,你可以学到div+css为什么会那么流行用来做网站。

我们先从简单的企业网站讲起,用div+css来写网页代码。

所有网站第一步:构思

不管你是用word还是用ps,或者是fw也好,第一步就是构思你的网站,如图企业网站图

 

企业网站构思图

接下来,我们需要根据构思图来规划一下页面的布局,仔细分析一下该图,我们不难发现,图片大致分为以下几个部分:

 

企业网站构思图分解

1、顶部部分,其中又包括了LOGO、MENU和一幅Banner图片;

2、内容部分又可分为侧边栏、主体内容;

3、底部,包括一些版权信息。

有了以上的分析,我们就可以很容易的布局了,我们设计层如下图:

我们还可以做得更为简单的效果方便大家理解,如图:

 

企业网站构思DIV结构图

通过分析整个企业网站的div结构如下:

│body {}/*这是一个HTML元素,具体我就不说明了*/
└#Container {}/*页面层容器*/
├#Header {}/*页面头部*/
├#PageBody {}/*页面主体*/
│├#Sidebar {}/*侧边栏*/
│└#MainBody {}/*主体内容*/
└#Footer {}/*页面底部*/

页面布局与规划已经完成,接下来我们要做的就是企业网的HTML代码和CSS。

跟天豪学div+css做企业网站系列之一,期待我们下次讲div+css

关键词:系列,教程,企业

74
73
25
news

版权所有© 亿企邦 1997-2022 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭