有過自己建網站經歷的，你的完整的學習過程是怎樣的？用了多少時間？

12-24

我舉一下例子吧，比如說：我從 HTML 學起的的，它裡邊有基本的文本圖片標籤，還有表格、表單、框架等一系列標籤；以及 CSS。

順帶學了 Dreamweaver，用的書是北大青鳥培訓的《使用 HTML 語言開發商業站點》，至於後期，準備做一個淘寶店來鍛煉自己的水平。

希望大家分享一下自己的經歷，或者說一下標準的技術發展過程、具體有哪些技術、有什麼比較成熟的技術的書推薦等等。

可以自己邀請對網頁設計比較熟的人來回答這個問題。

100%推薦國外lynda視頻教程，它的官網是http://lynda.com，verycd上也有下載。各種web開發語言、adobe軟體教程，上面都有。
我不是托兒哦，確實覺得那個教程相當好，是我見過最好的教程了。我會的所有技術，基本上都是通過lynda學習的。

如果你想以一種輕鬆的循序漸進的方式讓幾門網頁設計語言刻進腦里的話，先推薦你兩本書：
1.《Head First HTML with CSS XHTML》
2.《Head First JavaScript》
兩本的中文版都已經可以在卓越噹噹上面買到了，不過我個人建議你看回英文原版，理由暫不解釋。
這兩本都是O"Reilly出版社的書，O"Reilly是IT行業出版的領導者，幾乎每一本教材都一版再版。
書的內容都是HTML CSS JavaScript基礎與核心，通過大量圖片和實例滲入式地來講解代碼的結構和使用，叢書尊重大腦的邏輯思維，尊重讀者是作為一個學習者的姿態而不僅僅是一個閱讀者的姿態，一邊學習一邊實踐，在學習實踐過程中產生的多數疑問都能在章節後得到解答，你會感覺非常神奇，一本書竟然會知道你在想什麼，並且還能了解到一些你從來沒有想到的過問題，書中都會給你一個非常科學的解釋和答疑，一路學下來你完全不必要去死背代碼，代碼已經銘記於心了，而不像大多數國內的網頁設計叢書是生搬硬套地把死的代碼粗魯地塞進你的大腦。
當你通過《Head First HTML with CSS XHTML》學完HTML和CSS後，這兩門設計語言的核心你就基本掌握了，你就可以考慮購買《CSS禪意花園》、《CSS實戰手冊》、《CSS權威指南》等加強型的書籍來做一個進階學習，後兩者同樣是O"Reilly出版社出版的書籍，學習起來更系統，更有邏輯。學完《Head First JavaScript》也一樣。

2010年12月底，購買了第一個域名及虛擬主機，按著曹鵬的wordpress教程，搭建了第一個個人的wordpress博客站，然後在接下來的寒假期間開始不斷的搗鼓自己的個人網站，並開始學習了網站營銷、推廣、SEO、運營等建站相關知識，整個過程不僅學習到很多的互聯網知識，也結識了很多志同道合的朋友。現在專註於前端，深入學習CSS及javascript中.....

我自己來說吧，我對HTML,CSS,JS,PHP這些都是零基礎，然後真沒怎麼看書，簡單看了下W3School的內容，然後記了一些簡單的CSS語法，然後就弄了個域名和空間，架個WP網站開始弄了。

由於題主沒說這個建站是否包含自己寫網站程序，所以直接用WP來建站應該也算是建站了。

然後選個模板就開始改模板，期間用到HTML和CSS，有什麼想要的樣式，網上看到別人網站在用，就用Chrome的Dev Tool來看代碼，研究下別人實現這個效果的原理。

涉及到JavaScript的，上網直接找現成的代碼，然後自己來改。英語稍微好一點的然後有耐心一點的話，就算沒JS基礎，對別人的代碼做一些簡單的修改也是沒問題的。

然後WP涉及PHP，有的時候涉及到一些模板功能上的改動，就需要改PHP了，還是那樣，要改哪一個模板，就去查看文件，從命名就大致可以猜到是哪一個文件控制哪些頁面。然後用編輯器打開文件，有的作者細心一點的會有注釋，那麼我們看起來會簡單很多。沒注釋怎麼辦？把頁面開著，找我們要改的那一段代碼在整個頁面中處於哪個位置，然後在PHP裡面找對應的位置，然後命名方面都會有一些蛛絲馬跡的，方便我們找到。

我自己是零基礎，然後一個月內弄了一個完整的WP網站，自己想要的功能都實現出來了。

當然我這是野路子，能系統化地學習當然是更好了。我不從事前端工作，所以目前來說這些野路子基本夠用。總結來說就是，能看懂英語，敢猜敢改，最好能在本地進行調試（當時百度了幾個小時成功在本地架了個WP網站專門用來調試），然後有耐心，不要認為自己沒基礎然後看到大段代碼就瘋了，其實真的這些語言都還是有跡可循的。

剛開始圖書館借了本HTML的書，邊看邊在電腦上寫出代碼，看效果，那還是table的天下，做了幾個結構比較複雜的頁面。然後接觸到DIV+CSS，也是抄一遍代碼，看效果，對哪句有疑問，就改一下，看有沒有那句，頁面會有什麼不同。然後考慮到瀏覽器兼容性問題，自己下了一堆瀏覽器，用來測試。DREAMWEAVER只是用來作代碼提示的，一般不用其設計視圖，而是直接在裡面寫代碼。當時沒事做，仿照QQ空間的樣子，寫了一套頁面，後來陸續做了幾個小的項目，都是做頁面前端的。去年寒假，圖書館借了本JAVASCRIPT的教程回家看，沒多大用處，都是些最基本的東西。前段時間面騰訊，面試官問我 &< a href="javascript:xxx()" onclick="javascript:xxxx()" &> sssss &< /a &> 函數調用順序怎樣。我傻了，因為從沒注意過這些。後來決定重新系統地學習javascript，在w3school上看JS的內容，每個知識點，每個例子都仔細看，遇到不清楚的就改部分，看效果，有什麼想法也寫出來實現一下，看是不是自己想的那樣。個人覺得，學習HTML和CSS，要了解每個標籤或者單詞的意思，就很簡單了，有什麼不清楚的，直接上網搜，網上很多前人的經驗。至於學習JS甚至其他的面向對象的編程語言，如PHP,JAVA,先理清楚語法，如如何定義變數，怎麼循環分支，怎麼創建並調用函數或類，怎麼使用一些基本的函數，再根據自己的使用情況，學習相關的更多的函數，就像學英文一樣，先了解基礎內容，再擴大辭彙量。至於後台方面，我了解得不多，為了完成一個作業，用了wordpress，研究了幾天，參看它的各個函數和參數的說明，寫了一套前端模板，後台的內容基本是它默認的樣子，依靠插件做了一點點修改。總結一下，就是多看多搜多寫，實踐出真知嘛。

FrontPage→Dreamweaver→直接寫HTML、CSS、JavaScript→PHP、MySQL
不過好久不碰，生疏了

我的過程:

時間:2004年真正接觸-至今

過程1:
chinaren主頁大巴(還有人記得這個么)(HTML)-&>frontpage(HTML)-&>dreamweaver(HTML)-&>網站重構(CSS)-&>動網論壇(asp bbs)-&>動易(asp cms)-&>看了本書http://asp.net 2.0揭秘-&>裝了visual studio 2003-&>c#-&>建站-&>德仔網-企業信息化知識門戶-&>改版-&>改版-&>改版

過程2: photoshop5.5-&>photoshop6-&>dreamweaver-&>flash-&>前台網站界面設計-&>css重構(看了網站重構這本書後)-&>http://vs.net開發

過程3:

建站資源網(有多少人還記得這網站呢)-&>iecn-&>藍色理想-&>csdn

初中的時候用FrontPage，還感嘆竟然有這樣高級的工具，當時做了很多網頁，都是可視化編輯的，沒有寫任何代碼。
高中的時候學習比較緊張，所以接觸網站製作方面的東西少了。主要是在寒暑假的時候鼓搗鼓搗。這段時間內開始接觸Dreamweaver，Photoshop等。開始有了一個夢想，做自己的網站。
高考完後放暑假，購入了第一個虛擬主機，註冊了第一個獨立域名。開始自學了HTML+DIV+CSS等方面的知識。因為直接接觸了DIV+CSS，導致現在對表格結構很陌生。這個暑假裡開始接觸了各類建站的CMS，最後選擇了DedeCMS，並在沒有任何PHP知識的前提下，花了一個多星期做了一套自己的DedeCMS模板，然後大學剛開學的時候第一個網站就算上線了。還系統地學習了SEO的相關知識。這個暑假是我學到的東西最多的一個暑假，而且都是自學，完全憑興趣，大有廢寢忘食的精神。
大學，我的專業是軟體工程，大一深入學習了DIV+CSS。因為學生工作比較忙，所以網站方面沒有怎麼搭理。但這一年裡學習了很多建站理論的東西，比如運營方法，策劃，推廣，SEO等。大二的時候，也就是現在，可以說是和高考後那個暑假一樣，試一次大飛躍，自學了PHP，學校的課程有資料庫，所以MySQL和Oracle沒問題了。學習了Javascript，開始研究HTML5，並且開始對互聯網的發展有了自己的看法。試著自己開發了一些系統，自娛自樂。另外，建立了自己的獨立博客，基於Wordpress。找到了一批志同道合的朋友。
過兩天考試完了是實訓，準備學習JSP。
這個暑假有個計劃，因為手裡還有兩個閑置的域名，所以想建立兩個網站，具體是什麼就不透露了。
下學期大三，學校有J2EE的課程，準備自己還要接觸一下Python。當然，自己對互聯網的理解也在不斷加深。準備再多學習一些營銷知識，最後擁有一個或多個比較牛的網站，有自己的團隊。
這就是我關於網站建設和互聯網的從前、現在和展望。

用了多少時間？
答: 你可以看看視頻教程教任何人一個小時內輕鬆學會做完整網站

隨著網路技術和網站的不斷發展, 現在越來越多的人擁有自己的網站, 獨立博客, 和電子商務網店。一些人搭建網站是為了實現個人的興趣，有些人是通過它來創業，也有些人是用網站來實現想法和創意。

你的網站, 博客, 或網店也是可以擁有自己的域名(網址)，如 www.jiustore.com。
還有，無論是在國內還是國外都可以訪問你的網站。就可以說，世界各地的人都可以瀏覽你的網站，博客，或網店。

好消息是，你可以使用WordPress這個免費網站搭建平台來建立你的網站，博客，或電子商務網店。WordPress是一個免費開源的網站程序 (CMS: 內容管理系統)。這些年來，我目睹WP的發展過程。它的功能強大，擴展性強，和擁有無數的插件來為你添加各種的功能。還有，WordPress搭建的網站或網店對SEO搜索引擎是十分友好，收錄也快，排名靠前。最重要的是，它的使用非常的簡單。你不需要任何專業知識就可以自己管理和添加內容。下面的視頻教程會一步步教你如何操作你的網站，博客，或電子商務網店。

建立網站的3個簡單步驟
搭建一個網站，總共需要3個步驟。首先要有一個可以使用的域名, 不管是 .net 也好, 還是.com 也好, 然後需要空間也就是主機空間。最後需要安裝WordPress免費網站建立平台 (基於php的)。

域名: 讓瀏覽者記住你網站的重要名稱。你可以到US Domain Center(美國域名中心): Search, Register and Transfer Web Domain Names and More 購買域名和空間。購買有就可以馬上進行一鍵安裝WordPress。你的網站可以在大概10分鐘上線，無需備案。

你可以看看以下任何一個視頻教程來了解流程:
1) 可用支付寶, PayPal, 信用卡購買美國主機 (從購買域名, 空間, 安裝WordPress, 到網站上線只需10分鐘): 可用支付寶, PayPal, 信用卡購買美國主機 (從購買域名, 空間, 安裝WordPress, 到網站上線只需10分鐘)

2) 講解怎麼購買域名和空間, 並安裝WordPress (只需12分鐘): 講解怎麼購買域名和空間, 並安裝WordPress (只需12分鐘)

安裝WordPress後，你的網站就馬上上線了。你只要在手機，電腦，或平板電腦的網站輸入欄打進你的域名，你就可以看到你的網站。

關於US Domain Center
US Domain Center(美國域名中心)是一家知名的美國域名註冊商。它不但為世界各地(中國，美國，加拿大，和澳大利亞等等)提供域名註冊服務，它還提供高速空間(主機空間)。還有，如果使用US Domain Center的域名和空間，你無需向政府備案。還有，該公司也接受不同的貨幣支付(人民幣，美元，和加幣等等)。

域名註冊 (Domain Registration)
選擇US Domain Center (美國域名中心)的幾個原因:
1. 域名查詢及批量查詢及註冊易如反掌
2. 免費贈送專業電郵(如, info@yoursite.com)
3. 自動將專業郵件指向已存在的郵箱帳號
3. 擁有全部域名管理權, 可以隨意更改信息
4. 免費的DNS服務和管理
5. 免費的域名防盜保護, 防止域名未經准許被轉出US Domain Center
6. 免費提供各種域名註冊的售前售後諮詢服務

高速主機空間 (Hosting)
US Domain Center也提供高速主機空間(Hosting)。該公司的全球數據中心讓網頁更快載入，並保證99.9%正常運行時間。中文官網: 美國域名註冊中心(cn.usdomaincenter.com)是美國領先的域名註冊服務提供商, 該公司為美國,中國,加拿大等世界各地的客戶提供高速主機空間, 網站建設等網路服務。

如何進入WordPress網站後台
WordPress網站後台登陸默認地址是網站域名+後台目錄。

http://yoursite.com/wp-admin (把yoursite換成你的域名)就可以。

例如，我們的域名是 http://jiustore.com，那麼我們WordPress網站後台的登陸地址是 http://jiustore.com/wp-admin

免費資源: 用WordPress建站視頻教程
1) 用WordPress搭建完整網站視頻教程 (從零開始只需1小時)
該視頻對所有的瀏覽者或讀者免費開放。你只要跟著這個視頻教程做，你就可以自己動手搭建一個專業的網站。我們會一步步教你如何建立你的第一個網站。

在YouTube觀看: https://www.youtube.com/watch?v=TFP1udhVV6c

在土豆觀看: 用WordPress建立專業網站視頻教程 (一步步建站, 一步也不少)

2) 新手WordPress視頻教程: 學習如何建立響應式網站的全套流程
只要你跟著我們這個45分鐘的教程做就可以建立一個專業響應式網站(可以在手機，電腦，或平板電腦瀏覽)。你也可以對該網站進行任何的個性化修改(不需任何專業知識)。

在YouTube觀看: https://www.youtube.com/watch?v=XssSXxaukAo

在土豆觀看: 學習如何建立響應式網站的全套WordPress視頻教程_土豆_高清視頻在線觀看

3) 建立WordPress電子商務網站視頻 (WooCommerce教程)

如果你已經根據第一個視頻教程建立了一個網站或者你已經擁有自己的WordPress網站，我們這個視頻將會教大家如何使你的網站成為一個專業的電子商務網站。同樣的，你也不需任何的專業知識來搭建一個功能強大的電子商務網站。

觀看鏈接：建立WordPress電子商務網站視頻 (WooCommerce 教程)

希望以上的WordPress視頻教程對你有幫助。

大學稍微看過一點HTML，工作後因為興趣開始自己研究。最基礎的在W3C上面看，之後看了一本《HTML+CSS網頁設計指南》看的時侯把裡面的例子都用Frontpage來測試看每個標籤的用法，同時把公司的Newsletter拿來改，它本來是全Table版，我自己用全DIV+CSS來做，試了好多遍，出了好多錯，改了一個星期才改出來，這時理解和運用的能力有明顯地提升。

回過頭來發現《HTML+CSS網頁設計指南》這本書寫得很不好，寫作邏輯不適合初學者往往顛三倒四，還有好多代碼是錯的（這是自己改了NL之後才知道的，剛開始也是傻乎乎地不知道為什麼做不出來它說的效果）。在改newsletter的過程中發現頁面布局是基礎性的東西於是買了一本《CSS頁面布局》這本看完後，基本的不涉及到動態頁面的製作已經沒有問題了，而且我是純手工寫從來不用工具。這時應付工作綽綽有餘了，但自己還想學更好點就去看了《CSS禪意花園》這本書很有意思，擴展設計思維的，不是教技巧而是設計藝術。

後來工作方面並沒有更高的要求，就打算再找一本寫得好點的書來鞏固一下，最主要的是作者的邏輯思維要好，找到了《精通CSS：高級Web解決方案》，感覺作者寫下來很有條理，可以避免初學時碰到的很多疑問，也就是說它的講解很清晰邏輯性強所以不會產生那麼多問題。我在初學時看的那幾本書都不太好，導致花了很多時間去理清思路。我給朋友介紹學習的書都推薦這本。

後來想學Javascript，看到好多人推薦《JavaScript DOM編程藝術》就買來看。結果發現我的Javascript基礎不夠，又回到W3C去看基礎。因為工作重點不在這邊也沒花很多時間去研究，打算之後自己建個網站再系統學習一下。建站方面主要是基於WP平台，用PHP和資料庫的知識比較多，也在W3C上看了些基礎。我倒不想研究得很深，只想到看懂和簡單應用的水平就可以了。

計科專業，對C、C++不感興趣，但又覺得本科畢業暫且得靠敲代碼吃飯，就很單純的學習前端了。

建網站的目的是為了學以致用，而且求實習求職的時候可以拿出來。

學習歷程：

14年2月份開始學習，大致按照http://zhihu.com/question/22646257/answer/22113651這個答案推薦的書，開始入門。

1、W3CSchool 在線教程中的HTML教程過了一遍。

2、《Javascript DOM編程藝術》第2版，看書敲代碼過了一遍。

3、《精通CSS 高級Web標準解決方案》第2版，粗略翻了一下。

以上過程用了接近3個月（書上標記有時間），14年2月中旬到14年5月中旬。

4、《鋒利的jQuery》第2版，看書敲代碼過了一遍，到7月份中旬。

5、《JavaScript 高級程序設計》第3版，7月份中旬一直到現在。

接下來：學好JS，加強CSS、HTML，了解PHP。

建站過程：

7月初才開始建站，但是有種深深的無力感。

網頁內容：HTML、CSS忘乾淨了，其實也沒學到多少。原本想的各種酷炫效果，都被「只要看得過去的靜態頁面」的想法代替了。但是我不會屈服的！

伺服器購買、備案：各種抓瞎，好在現在已經開始最終的審核了。

反思：

1、多實踐，書上的例子一定要跟著做一遍。

2、CSS、HTML投入的學習時間太少了，還是找本基礎書，好好看一下。

3、有疑問多baidu、google一下。

4、對自己來說的難點，弄懂之後寫個博客，記錄一下，求職也可用。

PS：剛買了個新鍵盤，還有個電腦支架，越來越喜歡手指親吻按鍵的踏實感啦，哈哈。

前端(DIV+CSS+HTML)一會寫,後端PHP+MYSQL一周上手,配置APACHE+PHPMYADMIN+MYSQL+PHP用了大概一天,寫了一個完整的網站用了31天,每天七八個小時,樓主自行體會

最開始的時候，是鼓搗自己的個人網站，從簡單的html頁面開始，至於html語言，則是google來的，看別人的頁面代碼感覺好，就打開看看怎麼寫，然後改成自己的。
後來，朋友讓幫忙做個站，於是就看是學習怎麼弄域名，買空間，使用html建站，另外找了些asp的網站修改來放上去用。
再後來，開始學一些php的語言，慢慢的嘗試自己去寫，用一些thinkphp框架等。
再再後來，由於幫別人做了個項目，drupal,慢慢喜歡上強大我不的CMS,開始正兒八經的學習它，並系統學習了CSS, javascript，然後也就慢慢的熟悉了所有建站相關的知識。
再再再後來，，也就是現在，還是不懂SEO等，還需要繼續學習網站系統的性能優化，SEO等。

買空間+域名，看教程，下載wordpress，上傳，找主題，上傳，碼字~~~
應該最簡單的吧

通過《Head First HTML with CSS XHTML》自學的，覺得這本書超好，簡單易懂，了解了基本知識，自己找個網站學著做做，多練練手，多積累點經驗

剛開始的時候專業老師教了一些基本的HTML語言。後來到自己搜網上的教程，邊看邊學。遇到問題就搜索一下，實踐一下。最後真正提高自己HTML + CSS的教程是《精通CSS》(CSS Mastery) 此書已經出了第二版有中文版，因此推薦想提高XHTML+CSS的朋友細讀。此教程適合邊看邊實踐。我前後花了4個多月的時間，反覆了看了三、四遍。此後漸覺技藝大漲。現在求朋友們賜教學習提高Javascript的好教程，好方法。

我是公交車上學會HTML的，剛畢業的時候，離公司遠，要做2個小時的公交車，每天學一段代碼，比如看下 &< title &> &< /title &> 是什麼意思，怎麼用。學的是胡嵩寫的網站建設，具體的名字忘記了，總之講的很細。16K的書，大約400多頁。先學HTML，再學CSS，然後是Javascript。。。

現在用模板不就可以提前體驗建站了嗎？

現在已經不是以前那種所有東西都需要自己來製作的時代了，各種cms把大部分的常用功能已經給你準備好，只需要自己設置使用就可以了，wordpress作為最流行的網站cms系統，豐富的主題和插件更是讓人不懂代碼照樣做一個漂亮可靠多功能的網站，阿里雲最新推出的輕量應用伺服器就提供了wordpress博客一鍵搭建，可以在幾分鐘內搭建起一個wordpress博客，而且博客不是那種固定框架，後期如果做專業了也可以自己更改源碼和樣式，推薦新手使用阿里雲輕量應用伺服器，可以看看這個教程有很好的介紹，阿里雲輕量應用伺服器體驗

推薦一個輕量級做網頁的，叫webmatrix 傻瓜測試，一鍵發布大量模板, 傻瓜javascript，是人就能做