ID:30034141
大小:95.00 KB
页数:9页
时间:2018-12-26
3、上按钮采用:btn_1、btn_2、btn_3、btn_N9)广告区域:ad_1,ad_2,ad_3,ad_N9江苏三六五网络有限公司2.主框架命名规则:1)#header(页面头部)2)#main(页面主体)3)#footer(页面尾部)3.通用命名规则:主体main外层wrap功能条funcBar主导航mainNav子导航subNav友情链接:friendLink版权:copyright页眉header页脚footer标题title主导航mainNav子菜单subMenu注释note面包屑breadcrumb容器containe
4、r内容content搜索search登陆Login当前状态current页头header标志logo侧栏sidebar广告banner导航nav子导航subnav菜单menu子菜单submenu搜索search滚动scroll页面主体main内容content标签页tab文章列表list信息msg提示技巧tips栏目标题title指南guide服务service热点hot新闻news下载download注册reg(register)状态status按钮btn投票vote4.常用简写命名规则:bd:Bodyhd:Headerfnt:字
5、体nav:导航tb:表格lnk:链接ml/mr:margin-left/margin-rightlst:列表pl/pr/pd:padding-left/-right/paddingcol:栏目frm:表单con:内容inf:信息lg:Logoinp:Input9江苏三六五网络有限公司ft:Footerbtn:Buttonmore:更多Tit:标题栏Spr:空行bdr:边w:宽h:高t/d/mid/l/r:上/下/中/左/右fl/frfloat:left/float:right二网站布局和样式文件命名1.网站样式文件命名和样式从属关系
6、1)全局CSS文件:global.css,其中global.css包括cssreset(用来清除默认值)、全局性的一些属性值的定义2)全局布局共用CSS文件:layout(网站布局容器的共用的CSS部分:页眉、页脚、搜索共用CSS3)频道私有CSS文件:home.css(当前频道或者页面的CSS独有属性值以及为了兼容不同的浏览器的所采用的hack)2.网站布局:网站采用目前最流行的960宽度布局;布局类型分为3栏和2栏两种方式。两栏布局:主容器宽度为700px副容器宽度为240px三栏布局:依次为190px、510px、240px;
7、9江苏三六五网络有限公司3.网站栏目:web页面上不同内容的组合方式:图片展示、图文组合、文字列表、标题段落、按钮等几种。所以common样式文件中按照如下规则定义:1)全局框架通用样式2)页眉3)导航4)搜索5)页脚6)内容列表通用样式7)图片通用样式8)表单通用样式4.频道私有CSS文件:针对网站频道不同风格所以各部分需要独自私有定义,但是通用布局不需要再重新设置,只需要设置私有部分。三XHTML文档结构1.Xhtml基本框架结构
8、l//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
此文档下载收益归作者所有