<p id="1zto8"><strong id="1zto8"><small id="1zto8"></small></strong></p>

<acronym id="1zto8"><strong id="1zto8"></strong></acronym>
<td id="1zto8"><ruby id="1zto8"></ruby></td>

<object id="1zto8"><nav id="1zto8"></nav></object>
    1. <acronym id="1zto8"><strong id="1zto8"></strong></acronym>
      <object id="1zto8"></object>

      經典案例
      • 妙視界
      • 廣州市坊森室內裝飾有限公司
      • ArtsRouge
      • Management
      • 愛藝術咖啡會所

      學做網站要從哪學起?兩天讓你學會建網站!

      發布于:2013-06-04 11:58來源: 作者: 點擊:

      很多人問我,我想學做網站,不知該從哪里學起,大概要學多久才能學會。

      做任何事情都要把基本功打好,做網站也正是這樣。我們肯定說你想做網站,先認識下網站是有些組成了,代碼那些是你要自己的,別看別人的網站一大堆代碼是不是都自己寫,其實不然,真正要編程者要寫的可能就那幾行,不行,你接著看完我寫的東西,你就會發現網站不過如此。

      我先說下網站的架構,打開我們初學者的工具:Adobe Dreamweaver新建一個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=utf-8" />
      <title>無標題文檔</title>
      </head>

      <body>

      這里就是我們要寫代碼的位置
      陽江網絡公司,陽江網站建設,陽江網站制作,陽江網頁設計,陽江網站優化

      </body>
      </html>

      頭部跟尾部的代碼其實不用去寫的,一般都是軟件自帶,或模板自帶,或拷貝別人的。。<body>這里才是我們要寫的內容</body>

      跟著我說CSS,跟JS的調用代碼:
      <link href="js/js.css" rel="stylesheet" media="screen" type="text/css" />
      <script type="text/javascript" src="css/css.js"></script>
      這是CSS,跟JS的調用代碼,大家通用,你不用懂它什么意思,知道它是調用外部CSS跟JS的代碼就行了。。這個一般放在<title>無標題文檔</title>下一行,加js也可以放頁面后面,加快頁面的讀取速度。

      明白頁面基本結構,我們就到認識HTML里面的代碼意思了,我們先學學table,再學學DIV,跟著再去下個別人網站CSS,看下他們常用的CSS代碼,理解他們的意思。。到了這步。。整個網站你也理解的七七八八了,下面就該動手做做個網頁了。

      首頁一個頁面我們分三大塊,頭部,中間內容,尾部。。。
      頭部一般我們習慣包換有LOGO,導航,BANNER.
      中間部分我們又分:左邊公用部分,右邊內容部分。當然這是針對簡單的網站,復雜的網站我們這暫不說。
      尾部一般就分:友情鏈接和尾部導航和聯系方式、版權之類的。

      先用table做個頁面出來先,table方便啊。拉來拉去就行了,方便初學者,學會后再使用DIV+css做個網頁。。只要你能用DIV+css做出一個網頁來,我可以告訴你,你基本會做一個網站了。。。

      為什么,很簡單,現在出現了很多CMS系統,其實就是方便這類人,他可能做個簡單的網站,不需要懂的太多,會點HTML和會點這個CMS系統的調用就行了,跟著的工作交給后臺去操作吧。太方便了,想當年我們還研究這個數據庫怎調用,那個代碼老出錯啊。?梢哉f現在的CMS都是為他們而生的。

      還有不懂了,可以咨詢我們。

      tag標簽:
      ------分隔線----------------------------
      ------分隔線----------------------------