一。網(wǎng)頁設(shè)計常用工具
網(wǎng)頁設(shè)計常用工具
網(wǎng)頁美化工具(圖像):photoshop和fireWork等
網(wǎng)頁美化工具(動畫):flash和swish等
網(wǎng)頁排版工具:DreamWeaver和FrontPage等
Photoshop是由Adobe公司開發(fā)的圖形處理軟件,它是目前公認的PC機上最好的通用平面美術(shù)設(shè)計軟件,它功能完善、性能穩(wěn)定、使用方便,所以在幾乎所有的廣告、出版、軟件公司,Photoshop都是選的平面制作工具。
Fireworks是由Macromedia公司開發(fā)的圖形處理工具,是第一套專門為制作網(wǎng)頁圖形而設(shè)計的軟件,同時也是專業(yè)的網(wǎng)頁圖形設(shè)計及制作的解決方案。
作為一款為網(wǎng)絡(luò)設(shè)計而開發(fā)的圖像處理軟件,F(xiàn)ireworks還能夠自動切割圖像、生成光標動態(tài)感應的JavaScript程序等等,而且Fireworks具有強大的動畫功能和一個相當好的 網(wǎng)絡(luò)圖像生成器。用戶可以從http://www.ccxcn.com/站點下載該軟件。
Flash是美國Macromedia公司開發(fā)的矢量圖形編輯和動畫創(chuàng)作的專業(yè)軟件,它是一種交互式動畫設(shè)計工具,用它可以將音樂、聲效、動畫以及富有新意的界面融合在一起,以制作出高品質(zhì)的網(wǎng)頁動態(tài)效果。Flash廣泛應用于網(wǎng)頁動畫制作、教學動畫演示、網(wǎng)上購物、在線游戲等的制作中。
FrontPage是由Microsoft公司推出的新一代Web網(wǎng)頁制作工具。FrontPage使網(wǎng)頁制作者能夠更加方便、快捷地創(chuàng)建和發(fā)布網(wǎng)頁,具有直觀的網(wǎng)頁制作和管理方法,簡化了大量工作。 FrontPage界面與Word、PowerPoint等軟件的界面極為相似,為使用者帶來了極大的方便。
Swish軟件可以對指定的文字進行各種特效處理,控制文字的移動和位置,最后可以輸出swf格式的文件,并能導入到Flash動畫中加以編程。雖然目前Swish只提供了一些文字效果的制作,但據(jù)開發(fā)該軟件的公司說以后將有圖片、聲音、按鈕和矢量圖支持。
Dreamweaver是Macromedia公司推出的一款大眾化的網(wǎng)頁制作軟件,它具有可視化編輯界面,用戶不用編寫復雜的HTML源泉代碼就可以生成 跨平臺、跨瀏覽器的網(wǎng)頁,不僅適合于專業(yè)網(wǎng)頁編輯人員的需要,同時也容易被業(yè)余網(wǎng)頁制作人員所掌握。市面上有許多種網(wǎng)頁編輯軟件,有的重視效率,有的強調(diào)版面設(shè)計,而這些功能在Dreamweaver中都可以很方便地實現(xiàn)。另外,Dreamweaver的網(wǎng)頁動態(tài)效果與網(wǎng)頁排版功能都比一般的軟件好用,即使是初學者也能制作出相當于專業(yè)水準的網(wǎng)頁。所以,Dreamweaver是網(wǎng)頁設(shè)計者的選工具。
Dreamweaver支持動態(tài)HTML技術(shù),并采用了Roundtrip HTML技術(shù),從而奠定了在網(wǎng)頁高級設(shè)計功能方面的地位。在進行網(wǎng)頁設(shè)計過程中,動態(tài) HTML技術(shù)能夠讓用戶輕松設(shè)計復雜的交互式網(wǎng)頁,產(chǎn)生動態(tài)效果。而Rpundtrip HTML技術(shù)能夠讓用戶輕松編輯械,不會產(chǎn)生冗余代碼,使網(wǎng)頁渲染速度加快。因此,Dreamweaver是一種可以滿足多層次需求、功能強大的可視化專業(yè)級網(wǎng)頁設(shè)計與制作工具。
二、網(wǎng)頁設(shè)計基本步驟
網(wǎng)頁設(shè)計基本步驟
A 進行用戶調(diào)研,確定網(wǎng)頁的內(nèi)容(主體):確定網(wǎng)站的名稱什么,也就是說確定我們要做的究竟是一個什么網(wǎng)站;確定在這個名稱主題下,用戶要表現(xiàn)的主要內(nèi)容是什么,即用戶的意圖,用戶想從那個側(cè)面來表現(xiàn)他的主題。
B 設(shè)計網(wǎng)頁欄目及組織結(jié)構(gòu):網(wǎng)站結(jié)構(gòu)一般包括三種,即層狀結(jié)構(gòu)、線性結(jié)構(gòu)、Web結(jié)構(gòu)(網(wǎng)狀結(jié)構(gòu))。
層狀結(jié)構(gòu):層狀結(jié)構(gòu)類似于目錄系統(tǒng)的樹型結(jié)構(gòu),由網(wǎng)站文件的主頁開始,依次劃分為一級標題、二級標題等等,逐級細化,直至提供給瀏覽者具體信息;
線性結(jié)構(gòu):線性結(jié)構(gòu)類似于數(shù)據(jù)結(jié)構(gòu)中的線性表,用于組織本身的線性順序形式存在的信息,可以引導瀏覽者按部就班地瀏覽整個網(wǎng)站文件。這種結(jié)構(gòu)一般都用在意義是平行的頁面上。通常情況下,網(wǎng)站文件的結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合的。這樣可以充分利用兩種結(jié)構(gòu)各自的特點,使網(wǎng)站文件既具有條理性、規(guī)范性,又可同時滿足設(shè)計者和瀏覽者的要求;
Web結(jié)構(gòu):Web結(jié)構(gòu)類似于Internet的組成結(jié)構(gòu),各網(wǎng)頁之間形成網(wǎng)狀連接,允許用戶隨意瀏覽。
C 準備素材:收集與整理相關(guān)資料
D 界面設(shè)計:根據(jù)網(wǎng)站的訪問者對象、要提供的信息以及制作目標得出一個最適合的網(wǎng)頁架構(gòu)
E 網(wǎng)頁排版(頁面實現(xiàn)):根據(jù)所設(shè)計的界面進行網(wǎng)頁排版。
F 網(wǎng)頁測試與發(fā)布:網(wǎng)頁測試包括功能性測試和完整性測試兩個方面。所謂功能性測試就是要保證網(wǎng)頁的可用性,達到最初的內(nèi)容組織設(shè)計目標,實現(xiàn)所規(guī)定的功能,讀者可方便快速地尋找到所需的內(nèi)容。完整性測試就是保證頁面內(nèi)容顯示正確,鏈接準確,無差錯無遺漏。如果在測試過程中發(fā)現(xiàn)了錯誤,就要及時修改,在準確無誤后, 方可正式在Internet上發(fā)布。網(wǎng)頁設(shè)計好,必須把它發(fā)布到互連網(wǎng)上,否則網(wǎng)站形象仍然不能展現(xiàn)出去。發(fā)布的服務器可以是遠程,也可以是本地。
G 網(wǎng)頁推廣與維護:網(wǎng)站建成之后,隨后的工作就是進行推廣。網(wǎng)站如果不進行推廣,就容易成為信息的孤島,長期沒有多少人訪問,漸漸地失去了建站的意義。
分享題目:網(wǎng)頁設(shè)計常用工具與 網(wǎng)頁設(shè)計基本步驟
文章URL:http://www.rwnh.cn/news18/76668.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、全網(wǎng)營銷推廣、小程序開發(fā)、外貿(mào)建站、服務器托管、網(wǎng)站內(nèi)鏈
廣告
聲明:本網(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)