| 大约56kb。这个尺寸在过去稍嫌太大，不过现在这不足为道。
另一张窄条图片，作为主体区域的背景，将不断重复向右，拖动浏览器窗口时它也会随之向外平铺。
（注意：下图中的Logo不应该显示在背景图片里，抱歉这是张不太好的截图）
你可以分别在 这里 和 这里 看到我创建的两张图片。
第四步
好了，我们现在开始写HTML。首先我们列出一些基本代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>PSD vs NET</title>
<link rel="stylesheet" href="step1_style.css" _fcksavedurl=""step1_style.css"" _fcksavedurl=""step1_style.css"" _fcksavedurl=""step1_style.css"" type="text/css" media="screen" />
</head>
<body>
<div id="outside_container">
<div id="container">
<!-- The Main Area -->
</div>
</div>
<div id="footer">
<img src="images/footer_logo.jpg" />
<span id="footer_text">
Made for a PSDTUTS and NETTUTS tutorial by Collis!
See the <a href="Photoshop>http://psdtuts.com">Photoshop Tutorial</a>,
see the <a href="Web>http://nettuts.com">Web Tutorial</a>
</span>
</div>
</body>
</html>& |
