DIV+CSS搭建(淘宝首页)布局图

制作网页时,构建页面布局图很重要。布局前的结构划分避免造成混乱。
下面的代码只有DIV+CSS的网页结构布局。没有将最终的淘宝静态页面的代码放上去,只有布局图和最终页面的比较图。

搭建的布局图与最终效果的一个比较:
DIV+CSS搭建(淘宝首页)布局图_第1张图片
DIV+CSS搭建(淘宝首页)布局图_第2张图片
DIV+CSS搭建(淘宝首页)布局图_第3张图片





    
    
    
    Document


    
导航条
广告图
主体导航条部分
主体分类栏
主体轮播图
主体右侧展示
主体底部信息
登录注册部分
信息部分
公告
图标
apps
  

你可能感兴趣的:(DIV+CSS搭建(淘宝首页)布局图)