`
suling710716
  • 浏览: 12071 次
  • 性别: Icon_minigender_2
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

今天的我复制的昨天的程序员

阅读更多

今天的我是昨天的复制,今天的我不想在那么的混下去了,今天的我把以前学过的东西回想了一遍,今天的我学习了HTML,这是网页设计的基本知识,学习了网页中的各种标签,还有标签中各种属性,从最初的HTML开始,到CSS+DIV,都重头学了个遍,我想最好的还是CSS+DIV吧,我看了一个博客写的,从最简单的什么是HTML开始,到最后的IFREAM框架,让我对HTML又有了一个更新的认识,以前在大学学习的时候,只会用Adobe Dreamweaver 这个工具在上面填东西,对代码的部分根本就没什么更深的了解,在培训期间,学了很多,自己独立能完成页面的代码,几千行的代码没有问题,设计出的页面也和原来的几乎完全相同,但是今天又重新复习了一下,感觉还有那么多的内容不会,对IFREAM框架的理解没有那么的深,原来每一种语言都有他独特的魅力,想网站的布局。

  1.                             <style type="text/css">   
  2. body {   
  3.     margin0px;   
  4.     padding0px;   
  5.     font-size12px;   
  6. }   
  7.   
  8. #container {   
  9.     width960px;   
  10.     margin-leftauto;   
  11.     margin-rightauto;   
  12. }   
  13.   
  14. #header {   
  15.     width100%;   
  16.     height150px;   
  17.     floatleft;   
  18. }   
  19.   
  20. #header #left {   
  21.     width200px;   
  22.     height100%;   
  23.     background-colorblue;   
  24.     floatleft;   
  25. }   
  26.   
  27. #header #center {   
  28.     width600px;   
  29.     height100%;   
  30.     background-colorgray;   
  31.     floatleft;   
  32. }   
  33.   
  34. #header #right {   
  35.     width140px;   
  36.     height100%;   
  37.     background-color: yellow;   
  38.     floatleft;   
  39. }   
  40.   
  41. #menu {   
  42.     width100%;   
  43.     height25px;   
  44.     background-colorgray;   
  45.     floatleft;   
  46. }   
  47.   
  48. #main {   
  49.     width100%;   
  50.     floatleft;   
  51. }   
  52.   
  53. .left {   
  54.     width150px;   
  55.     height500px;   
  56.     background-colorred;   
  57.     floatleft;   
  58. }   
  59.   
  60. .right {   
  61.     width800px;   
  62.     height500px;   
  63.     floatright;   
  64. }   
  65.   
  66. .rleft {   
  67.     width300px;   
  68.     height245px;   
  69.     background-colorblue;   
  70.     floatleft;   
  71. }   
  72.   
  73. .rright {   
  74.     margin0px;   
  75.     padding0px;   
  76.     width490px;   
  77.     height245px;   
  78.     background-color: orange;   
  79.     floatright;   
  80. }   
  81.   
  82. .rtitle {   
  83.     width100%;   
  84.     height26px;   
  85.     backgroundurl("../images/title.png"no-repeat right;   
  86. }   
  87.   
  88. .rtitle h3 {   
  89.     padding0px;   
  90.     margin0px;   
  91.     font-size14px;   
  92.     line-height26px;   
  93.     width100px;   
  94.     height26px;   
  95.     padding-left15px;   
  96.     backgroundurl("../images/title.png"no-repeat left;   
  97.     floatleft;   
  98. }   
  99.   
  100. .rtitle a {   
  101.     padding0px;   
  102.     margin0px;   
  103.     font-size14px;   
  104.     line-height26px;   
  105.     width60px;   
  106.     height26px;   
  107.     floatright;   
  108. }   
  109.   
  110. .adv {   
  111.     width100%;   
  112.     height100px;   
  113.     background-colorgray;   
  114.     floatleft;   
  115. }   
  116.   
  117. #footer {   
  118.     width100%;   
  119.     height100px;   
  120.     background-color: yellow;   
  121.     floatleft;   
  122. }   
  123.   
  124. .navw {   
  125.     width100%;   
  126.     height10px;   
  127.     overflowhidden;   
  128.     floatleft;   
  129. }   
  130.   
  131. .navh {   
  132.     width10px;   
  133.     height100%;   
  134.     floatleft;   
  135. }   
  136. </style>   
  137.                   

  1. <div id="container">  
  2.         <div id="header">  
  3.                 <div id="left">  
  4.                 </div>  
  5.                 <div class="navh">  
  6.                 </div>  
  7.                 <div id="center">  
  8.                 </div>  
  9.                 <div class="navh">  
  10.                 </div>                   
  11.                 <div id="right">  
  12.                 </div>  
  13.         </div>  
  14.         <div class="navw">  
  15.         </div>  
  16.             <div id="menu">  
  17.         </div>  
  18.            
  19.         <div class="navw">  
  20.         </div>  
  21.         <div id="main">  
  22.                 <div class="left">  
  23.                 </div>  
  24.                 <div class="navh">  
  25.                 </div>  
  26.                 <div class="right">  
  27.                         <div class="rleft">  
  28.                         </div>  
  29.                         <div class="rright">  
  30.                             <div class="rtitle">  
  31.                                 <h3>测试一下</h3>  
  32.                                 <a href="#">更多...</a>  
  33.                             </div>  
  34.                         </div>  
  35.                         <div class="navw">  
  36.                         </div>  
  37.                         <div class="rleft">  
  38.                         </div>  
  39.                         <div class="rright">  
  40.                         </div>                                               
  41.                 </div>  
  42.        
  43.         </div>  
  44.         <div class="navw">  
  45.         </div>  
  46.         <div id="footer">  
  47.            
  48.         </div>  
  49. </div>   

引自http://www.dlivan.com/15.html | 创想空间|大连SEO|专注于电脑技术、网站架设互联网

该日志由 ivan 于2011年03月08日发表在大连SEO分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
这个网站的SEO做的很好,还有HTML的语言的一些用法,我在这个网站上把HLML的内容重新看了一遍,让我受益匪浅,今天的我不在是昨天的我,今天的我学习了东西,比昨天的我有了一点长进,呵呵。

人要越长大越懂得充实自己,要不到老的时候真的会后悔莫及,今天的我有了点小感慨,希望前辈别笑话我,加油明天是美好的,未来是光明的,为了明天努力!

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics