十步学会CSS+DIV建站(全)

<!-- Feedsky FEED发布代码开始 --> <!-- FEED自动发现标记开始 --> 点击这里使用RSS订阅本Blog：<link title="RSS 2.0" type="application/rss+xml" href="http://feed.feedsky.com/softwave" rel="alternate"> <!-- FEED自动发现标记结束 --><script language="javascript"><!-- main_sub="c1s67"; more_subs=""; --> </script><script language="javascript" src="http://www.feedsky.com/jsout/publishlist_v2.js?burl=softwave&amp;out_html=true"></script><!-- Feedsky FEED发布代码结束 -->


http://www.blueidea.com/tech/web/2008/5979.asp

第 1 页 规划网站
第 2 页 创建html模板及文件目录等
第 3 页 将网站分为五个div
第 4 页 网页布局与div浮动等
第 5 页 网页主要框架之外的附加结构的布局与表现
第 6 页 页面内的基本文本的样式(css)设置
第 7 页 网站头部图标与logo部分的设计
第 8 页 页脚信息的表现设置
第 9 页 导航条的制作
第 10 页 解决IE浏览器的显示BUG

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

[摘自蓝色理想]


<!-- Google Reader shared发布代码开始 --><script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&amp;callback=GRC_p%28%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D%29%3Bnew%20GRC"></script><!-- Google Reader shared发布代码结束 -->