web方向网页模块开发-搭建框架

针对于小白!在初识HTMLCSS编写静态网页的时候,会有懵逼的状态,给一个整体网页,怎么下手呢?
看下面:

首先div的命名 : 可以显示出专业!

头部:header
内容:content/containe
尾部:footer
导航:nav
侧栏:sidebar
栏目:column
左、中、右:xx_leftxx_centerxx_right
登录条:loginbar
登录:login
注册:register
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
搜索:search
标签页:tab
文章列表:list
指南:guild
状态:status
合作伙伴:partner
摘要:summary
标题:title
提示信息:msg
图标:icon
注释:note
其他的自己体会……

看效果展示:

web方向网页模块开发-搭建框架_第1张图片
Snip20170711_13.png

代码展示:
这里为了展示效果,所以CSS选取标签用的都是ID选取!






    
    


    
    
这个是左边的内容区
这个是右边的内容区

编写静态页面,先把模块分清楚,在填写内容哦!

你可能感兴趣的:(web方向网页模块开发-搭建框架)