XHML教会我的一些东西-4
今天把“河畔林语”的项目看完了。我自己也试着做了一下,这算是自己写的第一个项目吧。虽然全部是模仿,而且经常一边看写好的一边自己写,还是自己不够成熟呀。
不知道为什么,我用我的电脑进http://www.ycku.com/course/这里找素材也进步了。应该也不是兼容的问题吧。因为我已经用谷歌浏览器进也进不了。所以我写的“河畔林语”项目可能有些地方没有视频里的老师写的那么好。因为那个FLASH的素材我找不到。一些图片也是复制而来,有些图片甚至是通过截图而来,所以可能做出来的效果也不是很好。
我在网上找了很久的素材,开始准备写一个类似的网站。但是我发现找不到。即使找到了,但是那些网站就我们这些初学者来说也是做不到的。如果有一些我们这些初学者能做的网站就好了。
我在写“河畔林语”第一个网站时,还觉得比较容易。没有出现什么困难。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>河畔林语</title>
</head>
<body background="2.jpg" topmargin="120" link="white" alink="white" vlink="white">
<table border="0" align="center">
<tr><td><img src="QQ图片.jpg"></td></tr>
<tr><td align="center"><img src="copyright.jpg"></td></tr>
<tr><td align="center"><font size="4"><a href="2.html">ENTER</a></font></td></tr>
</table>
</body>
</html>
但是在我写第二个网站也就是主页的时候,我出现了一个问题。我开始写的代码是这样的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>河畔林语</title>
</head>
<body background="2.jpg" topmargin="0" link="green" vlink="green" alink="green">
<table border="0" cellpadding="0" cellspacing="0" align="center" >
<tr><td><img src="QQ图片.jpg"></td></tr>
<tr><td>
<a href="3.html"><img src="link1.jpg"></a><a href="4.html"><img src="link2.jpg" border="0"></a><a href="5.html"><img src="link3.jpg" border="0"></a><a href="6.html"><img src="link4.jpg" border="0"></a><a href="7.html"><img src="link5.jpg" border="0"></a><a href="8.html"><img src="link6.jpg" border="0"></a><a href="9.html"><img src="link7.jpg" border="0"></a><a href="10.html"><img src="link8.jpg" border="0"></a><a href="11.html"><img src="link9.jpg"></a>
</td></tr>
<tr><td><img src="lanmu1.jpg"></td></tr>
<tr><td height="1100" background="QQ图片3.jpg" valign="top">
<table width="80%" border="1" align="center">
<tr><td height="20"> </td></tr>
<tr><td>
<img src="pic1.jpg" align="left" vspace="5" hspace="10">
<img src="text18.jpg">
<p><font size="2"> 水本不是蓝色,是蔚蓝天空映蓝的这护城河水;水也本 不是绿色,是夹岸的垂柳染绿了这古老的城池。水本无涟 漪,是风,是鱼,是朝气蓬勃的赛艇健儿拨弄着静静的水 面,也拨弄着每个来到这里的人的心。</font></p>
</td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
</table>
</body>
</html>
于是出现这个问题:
当时检查了很久,都没有发现问题出现在哪里。我对着视频里面老师写好的代码一一检查也发现没有问题,可是效果就是不一样。当时我就想的是,第一个table下我也写了align=“center”,第二个嵌套的table我也写了align=“center”,而且在第二个table下我也加了width=“80%”。当时就觉得我没有写错。可是每次都是这个效果。最后我又检查几遍,原始我在第一个图片下没有设置长度。因为原本的网站第一个是Flash,因为我没有素材,我用的是图片,所以没有考虑长度的问题。