很多人只聽說web前端很簡單很好學，卻不知道學出來能干什么，你知道嗎，web前端也是能干很多有意思的東西的，比如建一個自己的網站，比如建一個小程序，這次來說說前端人的標配，如何從零開始打造自己的個人網站！

一、基本能力

前端入門3大基礎：HTML、CSS、JS都需要熟練掌握，其中HTML是一個網站的框架，CSS能夠提供豐富的裝飾，JS則能帶來動態效果，除了這些，常用的框架，常用的后端語言也都需要有所涉獵，打造個人網站時都會用到。

二、網站規劃

1. 網站主題

一般建議從自己感興趣的事務出發，像是男生比較感興趣的運動資訊，女生比較感興趣的偶像藝人，都是比較好的切入點，當然你也可以當作個人博客使用，分享自己的學習體會。

2. 網站結構

打開一個網站，我們可以明顯看到一個導航欄，網站的幾個模塊，有多少頁面，不同頁面之間是如何連接的，前期有個比較明確的規劃，后期才不容易出錯。

3. 內容安排

多媒體主要有文字、音頻、視頻、圖片幾大部分，你的網站主要側重于哪個方面呢？此外你的內容從哪里來？是原創還是搬運？

三、網頁制作

1. 前端

前端通常是人們看到的頁面，不同的內容帶來的網站設計風格也會很不同，是更側重邏輯，還是更偏向簡約風？要不要考慮用戶體驗？

2. 后端

后端雖然普通用戶看不到，但是肩負著各種功能的實現，對技術的要求也比較高，需要用程序整合前后端。

四、服務器域名

域名可以理解為網址，服務器空間用來存放網站的內容和程序文件，好的域名通常簡單好記，但是那個成本比較高，現在BAT都有服務器域名的代理，對于學生更劃算。

五、發布維護

正式上線了才能體會到更多現實的問題，比如網絡帶寬太小，用戶訪問太慢，用戶太多網頁崩潰，網頁設計不合理等等，要愛惜自己的網站，不斷改進不斷完善用戶體驗才會更好。

六、另一個選擇

以上的步驟都需要比較高的動手能力，如果是想要有個人博客，其實可以用一些建站軟件，通常都提供了豐富的模版，相對簡單很多。看準自己的需求很重要！