您的位置： 免费文档所有分类IT/计算机 网页美工必备的知识-网页设计命名规范

网页美工必备的知识-网页设计命名规范

网页美工必备的知识--网页设计命名规范 发布时间:2011年3月18日 次浏览:150

工欲善其事，必先利其器。在网页设计中，我们得从开始就规范我们的设计。 来跟木木分析下下面的那张结构图。

一.网站设计及基本框架结构:

网页美工必备的知识-网页设计命名规范

1. Container(整体)

“container“ 就是将页面中的所有元素包在一起的部分，这部分还可以命名为: “wrapper“, “wrap“, “page“.

2. Header(头部)

“header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader).

3. Navbar(导航)

“navbar“等同于横向的导航栏，是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”.

4. Menu(菜单)

“Menu”区域包含一般的链接和菜单，这部分还可以命名为: “subNav “, “links“，“sidebar-main”.

5. Main（内容）

“Main”是网站的主要区域，如果是博客的话它将包含的日志。这部分还可以命名为: “content“, “main-content” (或“mainContent”)。

6. Sidebar(侧边链接)

“Sidebar” 部分可以包含网站的次要内容，比如最近更新内容列表、关于网站的介绍或广告元素等…这部分还可以命名为: “subNav “, “side-panel“, “secondary-content“.

7. Footer(页脚)

“Footer”包含网站的一些附加信息，这部分还可以命名为: “copyright“.

二.需要注意的几点:

1.尽量用"有意义的命名"来给元素命名达到语义化。不要使用表面形式的命名. 如:red/left/big等。

2.组合命名规则:

[元素类型]-[元素作用/内容]

第1页

你可能喜欢

  • 网站美工设计基础
  • 用户体验交互设计
  • 设计知识
  • 网页制作与设计
  • Photoshop教程
  • 岗位绩效考核
  • 网页界面设计
  • UI界面设计

网页美工必备的知识 网页设计命名规范的相关文档搜索

网页美工必备的知识 网页设计命名规范相关文档

最新文档

返回顶部