開發一個網站，首先是前端開發，就是有個總體的網站頁面的樣子；若是就是後臺開發，包括按鈕、連接、增刪查提，這些都須要後臺編碼；前端有了，後臺也有了，那數據放哪裏呢？因此就須要數據庫了，姑且就叫作搭建數據庫吧；這些都搞定後，在本地主機能夠看網站了，但怎麼讓其餘人也能看到呢？這就須要找到服務器發佈了，就稱之爲網站發佈吧；可是，網站發佈出去後，想讓別人統一用一個域名訪問到網站怎麼辦呢？這就須要綁定域名了，這就叫域名綁定吧。這些工做都作完後，一個網站就成功搭建起來了。css
整個步驟包括：前端開發->後臺開發->搭建數據庫->網站發佈->域名綁定html
本文講解一下搭建網站中的第一個步驟，前端開發：前端網頁的製做。這個須要作的有網站需求分析、原型設計、效果圖、切圖、美工，涉及知識有三劍客（HTML+CSS+JS）、jQuery、bootstrap等。在寫網頁時，但願你們對這些知識都有必定的基礎。前端
具體步驟：jquery
一、需求分析：設計好微官網的交互流程，肯定好須要多少網頁，須要什麼功能。數據庫
二、原型設計：設計網頁佈局，特效，功能，交互方式。bootstrap
三、建立好目錄：HTML、CSS、JS、images四個主要目錄。服務器
四、切圖：用PS或firework進行切圖：圖片、圖標、logo等，把切好的圖片素材放到images目錄中wordpress
五、建立好html文件、css文件、js文件，分別放在對應的目錄中，而後作好鏈接。css和js通常採用外聯方式，便於維護佈局
<link href="../css/css文件地址" rel="stylesheet"> <script src="../js/js文件地址"></script>
六、根據以前設計好的方案寫代碼。學習
注意：若是不想本身作前端開發，網上有不少開源的網站模板，好比博客網站wordpress、17素材網（只作介紹，並不是打廣告）上面也有不少模板下載。
另外，提一下移動端前端開發：因爲微官網是在手機上面顯示的，這裏須要解決自適應問題，我在這裏列出了我遇到的問題和解決方法。
一、對自適應問題不太瞭解。
之前寫的都是pc端網頁，因此自適應問題還沒接觸過，而後就百度移動端自適應問題，在第一條博客文章中有着詳細的說明，上面提到了四種解決方法，其中還詳細介紹了網易和淘寶的方法。隨後，我自認爲百分比應該不是很難，然而，用百分比+媒體查詢的方法使個人開發速度大大下降。緣由是元素寬度是參考設備寬度而設置的，這個沒問題，但高度沒有參照啊，我要設置多少百分比呢？而後我就繼續百度，找到了一個經過padding設置高度的方法，由於padding是參考寬度來設置的，因此有參照物，能夠設置肯定值。使用後確實解決了個人一些問題，網頁也最終寫出來了，可是元素沒有設置高度，我總以爲會有問題，因此仍是不推薦你們使用百分比的方法，我仍是去好好學習一下網易和淘寶的方法，而後再去寫其餘網頁。
二、移動端和pc端輪播廣告的區別
輪播廣告在移動端和pc端顯示的效果差很少，移動端的效果相對簡單，種類比較少；而pc端效果能夠有不少。可是移動端跟pc端最大區別是手機是經過焦點交互，而電腦是經過鼠標，這兩種不一樣的操做方式，就使兩個有很大的差異。因此移動端要解決的問題是，如何實現左右切換幻燈片。我百度了一下，找到了一個素材jquery支持手機觸屏的圖片輪播效果，大概瞭解了一下，而後稍微修改了一下，應用到了本身的網頁中，親測了一下，徹底能夠用。（本身不懂怎麼開發，能夠上網找模塊，而後稍微修改就能使用了，這樣能夠加快開發速度，可是對後期維護可能會有影響，因此建議套用後，要研究一下是如何實現的）。