DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Windows 桌面風格頁面制作點滴 想法
Windows 桌面風格頁面制作點滴 想法
編輯:Fireworks基礎     
大約在一年半前,那時海娃剛學網頁制作不久,整天為辛苦做的網頁沒有人看而發愁時,正好開始使用一個抓圖的軟件,於是在床上想:為什麼不做一個桌面似的網頁呢?那晚由於這個新想法,我真的興奮了許久!這的確是一個很好的想法,很多網友在看到我的桌面網頁時說,他們也有這種想法,只是由於各種原因沒有做出來。

  桌面網頁的特色
  
桌面風格的網頁做首頁或者導航欄比較好,因為它簡潔、直觀,當浏覽者進入桌面就看到網頁有哪幾個部分內容。根據內容和欄目的多少,來確定桌面圖標的圖像與多少,同樣,在菜單和任務欄區,都可做新聞、信息鏈接。

  網頁的實現
  
當時有這個想法時,我還沒有接觸過CSS,Javascript,只是用FrontPage來做簡單的的網頁,懂很簡單的Html。由於當時這種桌面風格的網頁是由一個抓圖軟件而想起的,所以,開始就用抓來的圖片加上熱點鏈接來實現,也沒有右鍵菜單。而下面的任務欄則是用框架網頁來實現。嚴格的說,那不叫做桌面風格的網頁,只能說是圖片。

  對於有一定Html、CSS、Javascript基礎的網頁愛好者,實現這種桌面風格的網頁是不難的。桌面中的元素:圖標、菜單、對話框主要是用層的定位、顯示隱藏、拖動等來實現的。可以說,樣式表在實現桌面風格的起關鍵性作用!

  由於桌面網頁比一般的網頁工作量大很多,為了使制作者更好的改進,浏覽者更容易看懂源文件,應將網頁各個部分進行拆分。從系統桌面來看,大體上有以下幾個部分:桌面圖標、開始菜單、任務欄、右鍵菜單和對話框窗口。同樣網頁也分為這幾部分,我們可以先把各個部分完成後,再把它們組合在一起。
  主要制作工具:網頁制作FrontPage2000、抓圖HyperSnap-DX 4、圖像處理工具、源文件編輯工具Notepad。(這只是我比較習慣的工具,大家可以根據自己的喜好選擇工具)
  制作環境:Windows2000專業版、IE5.0。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved