以HTML为基本学习培训DIV CSS

日期:2021-01-20 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序


点一下这里访问本站 网页页面设计方案实例教程 栏目內容
在网页页面制做中,有很多的术语,比如:CSS、HTML、DHTML、XHTML这些。在下面的文章内容中大家可能用到1些相关于HTML的基础专业知识,而在你学习培训这篇新手入门实例教程以前,请明确你早已具备了1定的HTML基本。下面大家就刚开始1步1步应用DIV CSS开展网页页面合理布局设计方案吧。
全部的设计方案第1步便是构思,构思好了,1般来讲还必须用PhotoShop或FireWorks(下列简称PS或FW)等照片解决手机软件将必须制做的页面合理布局简易的构画出来,下列是我构思好的页面合理布局图。

下面,大家必须依据构思图来整体规划1下网页页面的合理布局,细心剖析1下该图,大家不难发现,照片大概分成下列几个一部分:
  1、顶部一部分,在其中又包含了LOGO、MENU和1幅Banner照片;
  2、內容一部分又可分成侧面栏、行为主体內容;
  3、底部,包含1些版权信息内容。
  有了以上的剖析,大家便可以很非常容易的合理布局了,大家设计方案层以下图:

依据上图,我再画了1个具体的网页页面合理布局图,表明1下层的嵌套循环关联,这样了解起来就会更简易了。

  DIV构造以下:
  │body {} /*这是1个HTML元素,实际我就不表明了*/
  └#Container {} /*网页页面层器皿*/
     ├#Header {} /*网页页面头顶部*/
     ├#PageBody {} /*网页页面行为主体*/
     │ ├#Sidebar {} /*侧面栏*/
     │ └#MainBody {} /*行为主体內容*/
     └#Footer {} /*网页页面底部*/
至此,网页页面合理布局与整体规划早已进行,接下来大家要做的便是刚开始撰写HTML编码和CSS。
上1页12 3 4 下1页 阅读文章全文
上一篇:有关CSS操纵DIV水平垂直居中难题 返回下一篇:没有了