個(gè)人網(wǎng)站制作的建站技巧


1.設(shè)計(jì)
 進(jìn)行頁(yè)面總體規(guī)劃，包括風(fēng)格、布局等。網(wǎng)站制作要有整體風(fēng)格，各部分要保持協(xié)調(diào)，整個(gè)頁(yè)面看起來才不顯得凌亂。然后用平面設(shè)計(jì)軟件制作整個(gè)頁(yè)面，常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設(shè)計(jì)的大拿，小編也一直用它做頁(yè)面設(shè)計(jì)，它從6.0版開始特別增強(qiáng)了對(duì)網(wǎng)頁(yè)制作的支持，顯得非常方便。現(xiàn)在流行的Fireworks是Macromedia網(wǎng)頁(yè)制作，由于它與Dreamweaver及Flash無縫集成，越來越受到網(wǎng)站制作人的歡迎。


2.切割
 做完第1步，我們得到的只是一個(gè)圖片文件，還沒集成網(wǎng)頁(yè)上應(yīng)該有的元素。接下來要將圖片按制作需求切割成小圖。切割功能前面提到的兩個(gè)設(shè)計(jì)軟件中已經(jīng)集成了（如Photoshop中提供的切片工具），不需要專門的軟件來處理。


3.代碼生成
 這是整個(gè)制作過程中最重要的一環(huán)。我們要用HTML語言將切割下來的組件按整體設(shè)計(jì)“拼裝”回去。眾所周知，HTML語言是一種標(biāo)記型語言，不須要編譯就可以直接在瀏覽器中執(zhí)行。所以理論上，我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很“酷”的行為，但是很耗時(shí)間，而且很難精確地控制格式。這時(shí)，便該專門的HTML編輯軟件出場(chǎng)了。


HTML編輯軟件大體上可分為兩類：一類是代碼型，典型代表為Homesite、Hotdog等；一類是所見即所得型，典型代表為Frontpage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代碼型實(shí)際上就是一個(gè)文本編輯器，不同的是，它可以有專門的代碼提示功能，用起來比較方便。所見即所得是目前大家最推崇的方式，因?yàn)榭梢暬�的編輯基本丟棄了代碼，方便快捷。


4.發(fā)布
 將制作好的頁(yè)面放到服務(wù)器上，以便更多的人能瀏覽。發(fā)布通常采用FTP的方式，將文件上傳到服務(wù)器。目前的網(wǎng)頁(yè)制作工具基本上都有發(fā)布工具，可以通過各種方式發(fā)布你的頁(yè)面，如Dreamweaver中的“站點(diǎn)管理器”。用戶亦可使用FTP客戶端軟件進(jìn)行這步操作。

如何讓瀏覽器判斷設(shè)備尺寸呢?

要注意的是由于網(wǎng)頁(yè)會(huì)根據(jù)屏幕寬度調(diào)整布局，所以不能使用絕對(duì)寬度的布局，也不能使用具有絕對(duì)寬度的元素。這一條非常重要，否則會(huì)出現(xiàn)橫向滾動(dòng)條。

參考代碼：


核心CSS文件，適用于任何程序http://lusongsong.com/zb_users/theme/LuSongSong/style/LuSongSong-Index.css


代碼文件，鼠標(biāo)右鍵查看本站源代碼(注意導(dǎo)航代碼的變化)，此代碼僅供zblog用戶參考。


圖省事的、試用WP系統(tǒng)的朋友可直接下載


使用asp版的朋友，可以直接把本站的CSS拿去用。