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