今天把“河畔林语”的项目看完了。我自己也试着做了一下,这算是自己写的第一个项目吧。虽然全部是模仿,而且经常一边看写好的一边自己写,还是自己不够成熟呀。

不知道为什么,我用我的电脑进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">&nbsp;</td></tr>

<tr><td>

<img src="pic1.jpg" align="left"  vspace="5" hspace="10">

<img src="text18.jpg">

<p><font size="2">&nbsp;&nbsp;水本不是蓝色,是蔚蓝天空映蓝的这护城河水;水也本 不是绿色,是夹岸的垂柳染绿了这古老的城池。水本无涟 漪,是风,是鱼,是朝气蓬勃的赛艇健儿拨弄着静静的水 面,也拨弄着每个来到这里的人的心。</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,因为我没有素材,我用的是图片,所以没有考虑长度的问题。

最新文章

  1. Atitit 软件国际化原理与概论
  2. 把w3schools英文版的所有属性扒下来了,免费分享。
  3. Calculating Stereo Pairs
  4. Effective C++ -----条款20:宁以pass-by-reference-to-const替换pass-by-value Prefer pass-by-reference-to-const to pass-by-value
  5. 使用Excel制作万年历(可打印)
  6. [HDOJ5952]Counting Cliques(DFS,剪枝)
  7. Linux多线程之互斥
  8. .NET技能分析
  9. Android Binder机制简单了解
  10. Cnblogs API
  11. XListview的下拉刷新、上拉加载、用Pull解析XML
  12. java多线程基本概述(三)——同步块
  13. Appium环境搭建-精简版
  14. Postgres数据库维护
  15. JDBCUtils——DBCP
  16. HDU1559
  17. 解决python中 .to_csv() 的乱码问题
  18. Oracle12C版本安装步骤
  19. 创建springboot项目步骤
  20. C#编译时,提示缺少NuGet包

热门文章

  1. LINQ和Lambda表达式
  2. 实现织梦dedecms百度主动推送(实时)网页抓取
  3. UDP socket
  4. 贪心+DP【洛谷P4823】 [TJOI2013]拯救小矮人
  5. luogu4430 小猴打架
  6. 勤哲Excel服务器人力资源管理系统
  7. springboot整合dubbo注解方式(四)
  8. [題解](最小生成樹)luogu_P2916安慰奶牛
  9. xampp 在 windows下 配置 fcgi... 和 opcache 等 优化操作
  10. Linux防火墙详解