dreamweaver中命名规则整理及常用技巧

《dreamweaver中命名规则整理及常用技巧》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Dreamweaver中规则命名整理及使用技巧-LY-独孤晨阳主要命名介绍1.Container“container“就是将页面中的所有元素包在一起的部分，这部分还可以命名为:“wrapper“,“wrap“,“page“.2.Header“header”是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header”(或pageHeader).3.Navbar“navbar“等同于横向的导航栏，是最典型的网页元素。这部分还可以命名为:“nav”,“navigation”,“nav-wrapper”.4

2、.Menu“Menu”区域包含一般的链接和菜单，这部分还可以命名为:“subNav“,“links“，“sidebar-main”.5.Main“Main”是网站的主要区域，如果是博客的话它将包含的日志。这部分还可以命名为:“content“,“main-content”(或“mainContent”)。6.Sidebar“Sidebar”部分可以包含网站的次要内容，比如最近更新内容列表、关于网站的介绍或广告元素等…这部分还可以命名为:“subNav“,“side-panel“,“secondary-content“.nineteenDreamweav

3、er中规则命名整理及使用技巧-LY-独孤晨阳7.Footer“Footer”包含网站的一些附加信息，这部分还可以命名为:“copyright“.ID命名(1)页面结构容器:container          页头：header                  内容：content            页面主体：main          页尾：footer                    导航：nav                  侧栏：sidebar            栏目：column              左右中：left

4、rightcenter页面外围控制整体布局宽度：wrapper    (2)导航导航：nav主导航：mainbav子导航：subnav顶导航：topnavnineteenDreamweaver中规则命名整理及使用技巧-LY-独孤晨阳边导航：sidebar左导航：leftsidebar右导航：rightsidebar菜单：menu        子菜单：submenu        标题:title      摘要:summary(3)功能标志：logo广告：banner登陆：login登录条：loginbar注册：regsiter搜索：search功能

5、区：shop标题：title加入：joinus状态：status按钮：btn滚动：scroll标签页：tabnineteenDreamweaver中规则命名整理及使用技巧-LY-独孤晨阳文章列表：list提示信息：msg当前的:current小技巧：tips图标:icon注释：note指南：guild服务：service热点：hot新闻：news下载：download投票：vote合作伙伴：partner友情链接：link版权：copyright网站公用相关 Containerdiv#container容器 Headerorbannerdiv#head

6、er页头部分 Mainorglobalnavigationdiv#main-nav主导航 Menu#menu菜单 SubMenu#submenu子菜单 nineteenDreamweaver中规则命名整理及使用技巧-LY-独孤晨阳Leftorrightsidecolumns#sidebar-a,#sidebar-b左边栏或右边栏 Maindiv#main页面主体 Contentdiv#content内容部分 Themaincontentarea#content-main主要内容区域 Footerdiv#footer页脚部分 Tag#tag标签 Mess

7、age#msg#message提示信息 Tips#tips小技巧 Vote#vote投票 FriendLink#friendlink友情连接 Title#title标题 Summary#summary摘要 Sub-navigationlist#sub-nav二级导航 Searchinput#search-input搜索输入框 Searchoutput#search-output搜索输出和搜索结果相似 Search#search搜索 Searchresults#search-results搜索结果 Copyrightinformation#copyrig

8、ht版权信息 brand#branding商标 branding-logo#branding-