今天我们来学习用 Web 标准的方法来制作 Google 首页（中文）。Google 首页一直是用 table 布局的。我们把 Google 首页用 PrtScr 截屏，作为制作时的设计稿参考，并且不打开 Google 首页查看其源代码——就当它不存在。这样和真实项目工作比较接近。

第一部分、Html 的构建（基于XHTML Transitional）

从设计稿上看到的内容，去揣摩结构。因为整个页面内容较少，容易理解，但也碰到了我们的第一个问题：是用 <p> 标签还是 <div>？各自代表着 paragraph 和 division，原则上说，这个页面上没有任何的段落存在，所以不应该用 <p>。但这里涉及到一个问题，抛开样式表显示的话，用 <p> 更加的清晰，因为默认 <div> 的 margin 和 padding 值都为零。好吧，用 <p> 还是用 <div> 是一个个人喜好问题，但是原则上应当用后者。在本例中也使用后者。开始找个称手的编辑器写 HTML ：

<div><strong>junchenwu@gmail.com</strong>  <a href="ig">个性化主页</a>  <a href="MyAccount">我的帐户</a>  <a href="logout">退出</a></div> 
<div><img src="http://www.vipcn.com/uploadImages/2007-7-6/20077621533613852.gif" alt="Goog

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 下一页