網頁的設計工具
壹、Amaya(單位:萬維網聯盟)用於編輯HTML、CSS、數學標記語言、可縮放矢量圖形的工具
二、Dreamweaver(單位:奧多比)用於編輯HTML、ASP、JSP、PHP的輔助工具
三、Frontpage(單位:微軟)跟Dreamweaver壹樣。
四、FLASH(單位:奧多比)網頁需要畫面流動(動畫)時的首選擇。
五、PhotoShop(單位:奧多比)圖象處理軟件,壹般網頁都需要有圖片的相搭配,PhotoShop是款很強大的工具。
六、FireWorks(單位:奧多比)跟PhotoShop壹樣都是圖象處理軟件,但FireWorks偏向與對網頁的處理。Fireworks主要用於制做動態圖片格式。
七、StylePix(單位:Hornil)跟PhotoShop壹樣都是圖象處理軟件,可以處理光柵及矢量圖形。 權威研究結果表明:人們在線的閱讀習慣和平時的閱讀習慣是完全不壹樣的。訪問者通常是在非常隨意的狀態下快速瀏覽妳的網頁的,他們急於獲取真實的、實用的,並且是有價值的信息。如果他們不能及時地獲取所需信息,那麽,他們將離開妳的網頁。
下面的3點方法將會給妳帶來幫助,它會讓妳為妳的訪問者提供所需信息,指出提升網頁可用性的方法。
壹、精簡的文本描述
妳所寫的文章必須圍繞壹個主題,這可以方便訪問者快速獲取主旨信息和中心思想。好好想想如何把文章改得精簡得體以便於訪問者閱讀。這裏告訴妳壹個可行的辦法,盡量把壹段文章在3-4行之內敘述完整,然後再另起壹行寫下面壹段。
二、便於快速瀏覽的文本
網絡用戶壹般不會在線精讀文本內容,他們通常是快速瀏覽。因此,應該盡量使用簡短、醒目的文本。舉個例子來說,可以通過超鏈接的形式將重要的信息從頁面中分離出來,這樣做會使得這段重要信息顯得非常醒目。將壹個段落以重點列表的形式表示也是壹種非常可行的方法。學會在妳的重點詞組前方加壹個起強調作用的圓點。還有壹點,學會在頁面中使用副標題 ,當妳瀏覽網頁時,將重點挑選出來,並將它們寫在標題標簽內,“標題2”和“標題3”的效果最好,但是“標題1”標簽的效果也會相當不錯,這樣做會可以給整個頁面的信息分出層次,以幫助閱讀者在簡單地瀏覽頁面之後快速地獲取所需信息。
三、必須要客觀公正
這裏要提到的“客觀公正”指的是:在妳的網頁上放上與妳網頁內容相關的鏈接,讓訪問者做出自由的選擇:是繼續留在妳的網頁上,還是去別的網頁上尋找信息。這對於妳——網頁的所有者來說,並不是壹件壞事。因為妳可以為訪問者指明確切的方向。好好按照上面說的把妳的網頁改進壹下。我相信,網頁的可用性壹定會大大提升;同時,妳的訪問者也會非常感激妳,並且會很願意與妳進行往來。 筆者曾經是壹個網頁設計的菜鳥,經過自己不斷的摸索和實踐。已經可以獨立制作壹個完整的靜態站點,並且給學校的N(N>5)個部門、院系和外面的公司做網站,雖然不是壹個完全意義上的Web Designer(網頁設計師),但是完成壹些要求不是很專業、不是十分完美的站點已經是小事兒了(嘿嘿,是不是有自吹自擂之嫌),自己心裏已經是小有成就感了,所以自封為準Web Designer!
自認為成長過程還算快,所以把本人的經歷向大家介紹壹下,給那些有誌於此的朋友們壹些參考意見。
循序漸進學知識
先學壹學HTML,找本自己能看懂的教材。瀏覽為主,不用記住所有的概念,只要記住使用原理就行了,這壹階段,估計三天就夠了;然後用兩天時間學CSS,方法同上;進而再花些時間了解壹下JavaScript。
然後就可以用記事本嘗試寫幾個網頁,記住這時千萬不要用那些可視化工具,比如Amaya、FrontPage、Dreamweaver(那些以後再學)。
有壹個提高自己“寫網頁”的捷徑,就是上各大網站,把網頁保存下來(什麽?妳說妳不會保存網頁?就是“文件→另存為”),然後打開保存下來的網頁,點擊右鍵→查看源文件,看看人家的網頁是怎麽寫的,然後模仿他們的寫法,不斷規範自己的代碼。嘿嘿,這個方法不錯吧。先好好模仿壹下吧。
接下來該學壹下Fireworks了。建議壹開始就到網上找些實例教程,這些實例教程壹般都介紹得很詳細,跟著它壹步壹步做下來,每學會壹個實例就掌握了幾項操作,而且也有了自己的作品,很有成就感的,長期積累下來對自己的提高很有幫助。學Fireworks主要是學圖片處理,比如加壹些效果,還有很重要的就是切圖,這對於初學者是很重要的。 壹、文本:文本是網頁上最重要的信息載體與交流工具,網頁中的主要信息壹般都以文本形式為主。
二、圖像:圖像元素在網頁中具有提供信息並展示直觀形象的作用。
靜態圖像。在頁面中可能是光柵圖形或矢量圖形。通常為GIF,JPEG或PNG;或矢量格式,如SVG或Flash。
要是想讓妳的網頁多壹些炫目的效果,建議妳學壹下Flash,難度並不大,而且要是前面的JavaScript基礎打得好的話,學到Flash中ActionScript時,妳會有壹種似曾相識的感覺,因為這兩種語法幾乎是壹模壹樣的。
到這時,相信妳就可以真正領會到“網頁三劍客”的威力了。
在實踐中不斷提高
要是每天能拿出兩個小時來學習,完成以上這些學習估計只要20天就差不多了。要是天賦高的話,那需要的時間就更少了。接下來該實習了,找個地方鍛煉壹下自己,比如可以去壹些公司幹幹兼職,或是給自己的單位設計壹下主頁等。
最好是能進入壹個正規的開發團隊,妳就會學會如何以團隊合作的方式開發網站。特別是怎樣和程序組合作,把頁面與後臺程序數據庫配合起來。可能妳會擔心自己是新手,人家會嫌棄妳,沒關系,只要努力去找,總會有機會的。
我特別感謝我們學校的學生在線網站給了我壹個機會。有壹天正趕上應聘,我拿著自己做的兩個Flash作品就去了,沒想到面試還通過了,於是我就這樣有了在專業開發團隊中實踐的機會,通過自己的不斷努力以及向高手的不斷提問,水平飛快提高,兩三個月後,就可以獨立完成壹些站點了,當然只是靜態的。在此,我想指出,千萬不要不好意思,不會就問,高手們是很樂意回答妳的,而且妳能向他請教,這本來就是對他的壹種肯定,他會很高興的,呵呵。
到此,妳就基本可以稱作是壹個“準Web Designer”了,不過要從根本上提高自己,最好去學學美術,這是當壹個網頁設計師的基本功。
筆者剛開始做網頁純粹是自娛自樂,但在這個過程中,我逐漸開始深深喜歡上了這項工作。這個學習過程是人生的壹筆寶貴財富,至少我是這麽認為的。