在中國互聯(lián)網(wǎng)開始的時代,網(wǎng)易首次將個人網(wǎng)站引入互聯(lián)生活。一時間,制作出色的個人網(wǎng)站成了網(wǎng)民上網(wǎng)的“終極目標”。當時,由于相關(guān)軟件功能比較簡單,中文資源不足,相關(guān)資料較少,很多人都“觸摸”了自己的第一個個人網(wǎng)站。筆者就是其中的一員……
在手工制作個人網(wǎng)站的時代,我們可以將
網(wǎng)站制作的步驟概括為:設(shè)計、裁剪、代碼生成和發(fā)布。而在此之前,應該規(guī)劃出網(wǎng)站的結(jié)構(gòu),包括頁面數(shù)、欄目設(shè)置等。
1.設(shè)計
進行頁面總體規(guī)劃,包括風格、布局等。
網(wǎng)站制作要有整體風格,各部分要保持協(xié)調(diào),整個頁面看起來才不顯得凌亂。然后用平面設(shè)計軟件制作整個頁面,常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設(shè)計的加拿大,筆者也用它來設(shè)計頁面。 從6.0版開始,對網(wǎng)頁制作的支持特別強化,變得方便了?,F(xiàn)在流行的Fireworks是Macromedia網(wǎng)頁制作三劍客的重劍手,由于它與Dreamweaver及Flash無縫集成,越來越受到網(wǎng)站制作人的歡迎。
2.切割
做完第1步,我們得到的只是一個圖片文件,還沒集成網(wǎng)頁上應該有的元素。接下來要將圖片按制作需求切割成小圖。切割功能前面提到的兩個設(shè)計軟件中已經(jīng)集成了(如Photoshop中提供的切片工具),不需要專門的軟件來處理。
3.代碼生成
這是整個制作過程中最重要的一環(huán)。我們要用HTML語言將切割下來的組件按整體設(shè)計“拼裝”回去。眾所周知,HTML語言是一種標記型語言,不需要編譯就可以直接在瀏覽器中執(zhí)行。所以理論上,我們可以用記事本等文本編輯工具來寫代碼。手寫代碼被認為是一種“酷”行為,但這需要時間,而且很難精確控制格式。這時,便該專門的HTML編輯軟件出場了。
HTML編輯軟件大體上可分為兩類:一類是代碼型,典型代表為Homesite、Hotdog等;一類是所見即所得型,典型代表為Frontpage。也有兩者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器,不同的是,它可以有專門的代碼提示功能,用起來比較方便。所見即所得是目前大家最推崇的方式,因為可視化的編輯基本丟棄了代碼,方便快捷。
說到Dreamweaver,筆者就不多介紹了,我相信大部分的
網(wǎng)站制作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設(shè)計模式(即所見即所得),并且首次將“層”概念引入網(wǎng)頁制作。Dreamweaver幾乎可以滿足所有人的需求,甚至還提供了ASP、PHP等腳本語言的代碼提示。
4.發(fā)布
將制作好的頁面放到服務器上,以便更多的人能瀏覽。發(fā)布通常采用FTP的方式,將文件上傳到服務器。目前,大多數(shù)網(wǎng)頁制作工具都有發(fā)布工具,可以用多種方式發(fā)布網(wǎng)頁,比如Dreamweaver中的“站點管理器”。用戶亦可使用FTP客戶端軟件進行這步操作。
標題名稱:個人建站及博客搭建的技巧
本文地址:http://jinyejixie.com/news/206850.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁設(shè)計公司、網(wǎng)站收錄、網(wǎng)站設(shè)計
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)