網站前端主要是面向訪客來看的，而網站前端搭建用到的軟件工具如 Dreamweaver CS5 等，在里面可以編輯相關的前端代碼，如程序代碼，標簽html代碼，樣式css代碼，腳本javascript代碼等。搭建前端代碼時，需要提前構思網站架構，有了策劃，才能一步一步把網站前端制作好。

我們先看一下，網站前端是如何搭建的？

首先，網站前端搭建先要制作網站頭部和底部html文件，因為頭部和底部文件是每個頁面都會調用到的，頭部文件一般有公司logo, 網站主菜單，搜索框等，而底部文件一般有版權，備案號，聯系電話等。當然在制作的過程中肯定會用到css樣式，也可能會用到javascript腳本，比如，主菜單彈出下拉菜單就會用到此腳本。

其次，制作網站首頁index.html文件。網站首頁是一個網站的門面，制作的好壞直接影響到公司的形象等。網站首頁一般包括哪些元素呢？一般網站首頁包括幻燈片效果，公司簡介，一部分產品展示和案例展示，還有新聞列表展示等。有的網站首頁甚至加一個在線客服，便于與方便進行交流。制作首頁肯定會用到css樣式，像幻燈片效果肯定會用到javascript腳本等。

最后，內頁html文件的制作。內頁主要有單頁和產品以及新聞頁面等。單頁包括關于我們，聯系我們等，單頁的內容部分可以空出來，到時候在后臺可以任意去編輯。產品展示一般分為二個文件，一個是列表頁面，一個是內頁，列表頁面一般是按照9宮圖排列的，內頁內容為空，到時候任意編輯。新聞動態跟產品展示一樣，也是分為兩個文件，而與產品列表不同的是新聞列表可以設計的圖文并茂效果，也可以設計成只有一行一行文字排列下來的效果。還有一個未提到的就是內頁左側菜單，為了便于訪客找到對應的欄目，內頁設計左側html文件，也是常見的制作需求之一。

另外我們再看一下，如何搭建網站前端動態程序。每一個類型的文件會對應一個動態的程序，方便網頁以動態的方式來顯示在瀏覽器上。同時也需要做inc和config文件夾，用來存放動態程序，便于控制前端網頁運行。當然，搭建前端動態程序，必須要懂動態語言，才能實現。

上一篇：如何認識建設企業網站的重要性

下一篇：企業網站設計中版面效果的把握