十步学会用css建站(全)

2008-07-25 10:15:01 css,实例,布局,DIV DesignTimes网页教程 网友评论

本篇已得到原作者 Steve Dennis 的翻译准予,在此Jorux表示感谢!
本教程主要参考 Creating a CSS Layout from scratch ,由Jorux翻译,以意译为主,其间加入了不少Jorux的个人观点,省略了一些多余的说明,请读者明鉴。

首先需要规划网站,本教程将以下图为例构建网站。

其基本布局见下图:

主要由五个部分构成

  1. Main Navigation 导航条,具有按钮特效。
    Width: 760px Height: 50px
  2. Header 网站头部图标,包含网站的logo和站名。
    Width: 760px Height: 150px
  3. Content 网站的主要内容。
    Width: 480px Height: Changes depending on content
  4. Sidebar 边框,一些附加信息。
    Width: 280px Height: Changes depending on
  5. Footer 网站底栏,包含版权信息等。
    Width: 760px Height: 66px

 1/10    1 2 3 4 5 6 ›› ›|

TAGS:十步
昵称: 验证码: 验证码
  • 平面
  • 地产
  • 室内
  • 包装
  • 标志
  • 摄影
您当前的位置:首页 > 设计教程 > 网页教程

related links / 相关文章

    无相关信息

writer's articles / 作者其他文章

  1. css基础教程属性篇之一
  2. css基础教程属性篇之二
  3. css基础教程属性篇之三
  4. css基础教程之序曲
  5. css基础教程布局篇之一
  6. 什么是Semantics?

update / 栏目更新

  1. Web标准在中国
  2. JavaScript 拖放效果分析
  3. 焦点图片轮换第三季――iFocus
  4. 不间断滚动图片Javascript特效讲解
  5. IE 下 href 的 BUG
  6. 寻找圣杯
  7. 网页栅格系统研究:技术实现
  8. 网站重构到底是什么
  9. 基于display:table的CSS布局
  10. 用javascript修复浏览器中头痛问题

designers show / 设计秀

  1. 设计师Chatel创意广告欣赏
  2. Sommer平面广告设计作品欣赏(2)
  3. Sommer平面广告设计作品欣赏(1)
  4. Leon Rechter封面平面广告设计
  5. Jeep Wrangler 平面广告设计
  6. First Australians广告欣赏
  7. Linda 平面广告设计欣赏(1)
  8. DeLonghi电熨斗平面广告欣赏
  9. SONY walkman平面广告欣赏
  10. Linda 平面广告设计欣赏(2)

design edu / 设计教程