零基礎的人如何在一個月內做出令人驚訝的網站?

01-14

我是一個剛剛開始學習HTML及CSS的小白，老師給我的第一個任務就是在自學的基礎上做出一個儘可能的優秀的網站。
我剛讀完《head first： html and css》，但感覺遠遠不能達到自己心目中的要求。我希望以Apple的主站為效仿對象，做一個關於kindle的網站，各位大大幫幫忙

http://repair.ruchope.org

整個建站過程不超過三天，使用Wordpress建站系統，使用Apple IOS7風格的主題

使用的工具有

WordPress建站系統

http://cn.wordpress.org

Satellite7模板

http://pan.baidu.com/s/1sj4Oxlj

我的站點是在一台Linux伺服器上，不過初學者推薦使用WAMP，也方便在自己的電腦上給你老師做展示

WAMP網站伺服器軟體

http://wampserver.com

如何使用WAMP搭建Wordpress站點

http://jingyan.baidu.com/search?word=wamp+wordpress

========================

Satellite7模板是付費模版，做作業可以，切勿商業使用

想學習Web開發的可以關注我，查看我的其他回答

========================

最後勸題主心不要太大

羅馬不是一日建成的

不要總想著第一次就要驚世駭俗，一鳴驚人

踏踏實實學習，一步一步來

我的第一個網頁就是用html和css純手寫的，很簡單，沒有js

然後看書不推薦head first系列，太多嘩眾取寵的內容和詞語，只是讀起來輕鬆，此外多讀無益

一邊學習一邊實踐

祝題主早日成才

========================

最後抱怨一下

知乎上怎麼越來越多諷刺挖苦裝逼秀優越的回答

人與人之間最基本的信任友愛互幫互助哪裡去了

今天18號了，不知道題主目前的進度怎麼樣了。有兩個實戰教程我覺得對題主目前是有用的，能立刻看到效果。

基於我的理解，樓主的意思大概就是做幾個簡潔大氣布局風格頁面介紹kindle，不需要做什麼後台管理系統。

So，我建議實戰布局練手出發，樓主可以先仿照一個豆瓣網首頁靜態頁面，（為什麼選豆瓣首頁，因為有教程！！——完完整整講解布局附帶視頻同步敲代碼！懵懂新手入門福音！）[PHP_豆瓣前端首頁公益公開課實戰開發課程【後盾網】]-百度傳課，教程19節，對新手來說很詳細很通俗易懂，照著老師講解敲完這個，題主對仿照別人的首頁布局頁面絕對就會有點感覺了。然後你就可以試著自己先仿照蘋果首頁布局了。

樓上還有推薦用bootstrap前端框架做，題主有興趣用框架的話，可以看看這個教程，是慕課網-國內最大的IT技能學習平台的教程視頻，每節課短小精悍易於新手理解還帶實戰。

鏈接如下：

基於bootstrap的網頁開發丨章節

同樣的，一邊看這個教程一邊敲教程里的代碼實戰練習，即便原理不清楚，絕對是會用bootstrap框架搭建網頁了，很方便。

還有一個月，做出一個網站是可以的。不過從可行性的角度來說，如果採用以下的方式會更好一點。

1.網站盡量不要做得頁面太多，太複雜，裡面的頁面幾個就好，時間不用花的特別多在內容的擴展上而更多的放在有限界面的美觀上。

2.想辦法網上下載以下別人的網站，在此基礎上修改是個不錯的偷懶辦法。修改的時候搭上自己覺得美觀的圖片，能讓網站讓人耳目一新。

3.同一個頁面上也不要有太複雜的邏輯，不要在樣式的變化上花很多時間。

4.嘗試學習一個幾個比較炫酷的JS的調用。具體的你可以搜索一下哪些能調用的，然後在你的網站上根據你的想法去用，那就很棒了。

盡心儘力地裝扮自己的QQ空間

我覺得我還是有資格回答這個問題的！雖然過程無法想像！結果還算滿意吧......

本人沒有任何網站建設的基礎；但是卻在一個月內完成自己滿意的網站！