如何讓網頁的大圖片更快更好的顯示?

  dreamweaver是macromedia公司出品的一款"所見即所得"的網頁編輯工具。
  與 frontpage不同,deamweaver採用的是mac機浮動面板的設計風格,當你習慣了其操作方式後,就會發現dreamweaver的直觀性與高效性是frontpage所無法比擬的。
  dreamweaver對於dhtml(動態網頁)的支持特別好,可以輕而易舉地做出很多眩目的互動頁面特效,外掛程式式的程式設計使得其功能可以無限的擴展。
  dreamweaver與flash、fireworks 並稱為 macromedia的網頁製作三劍客,由於是同一公司的產品,因而在功能上有著一個非常緊密的結合。
  因此,說dreamweaver是高級網頁製作的首選並不為過。 

  和所有windows(視窗)系列軟體一樣,軟體從上到下:①標題欄,②選單欄,③插入欄,④文檔欄,⑤標準欄,⑥工作區域,以及其它各類面板。其中“標題欄”和“選單欄”是永遠不會消失的,“插入欄”可以通過選單“視窗”—“插入”(ctrl+f2)打開,“文檔欄”和“標準欄”用選單命令“查看”—“工具”進行選擇,“工作區域”也就是一個網頁的內容,其它各類面板均可通過選單“視窗”打開。對於整個軟體的進一步設定,可以通過選單“編輯”—“參數選擇”(ctrl+u)查看其中的每項。

  dreamweaver是用來做網頁的,更確切來說是用來做網站的,所以在使用dreamweaver之前我們將熟悉一下網站的架構思想。一定要考慮好以下幾方面:

一,定位你的網站主題和名稱
  設計一個站點,首先遇到的問題就是定位網站主題。所謂主題也就是你的網站的題材。網路上的網站題材千奇百怪,琳琅滿目。只要你想的到,就可以把它製作出來。下面是美國《個人電腦》雜誌(pc magazine)評出的2002年度排名前100位的全美知名網站的十類題材,對我們有一些參考價值。
第1類:網上求職
第2類:網上聊天/ 即時信息/ icq
第3類:網上社區/ 討論 / 郵件列表
第4類:計算機技術
第5類:網頁/ 網站開發 
第6類:娛樂網站 
第7類:旅行 
第8類:參考 / 資訊
第9類:家庭/ 教育 
第10類:生活/ 時尚 
每個大類都可以繼續細分,比如娛樂類再分為體育 /電影/ 音樂大類,音樂又可以按格式分為mp3,vqf,ra,按表現形式分古典,現代,搖滾等。以上都只是最常見的題材,還有許多專業的,另類的,獨特的題材可以選擇,比如中醫,熱帶魚,天氣預報等等。同時,各個題材相聯繫和交叉結合可以產生新得題材,例如旅遊論壇(旅遊+討論),經典進球播放(足球+影視)按這樣分下去,題材可以有成千上萬個,你不會再為題材重複,難以選擇而煩惱。
對於題材的選擇,建議如下:
1.主題要小而精。
 
定位要小,內容要精。如果你想製作一個包羅萬象的站點,把所有您認為精彩的東西都放在上面,那么往往會事與願違,給人的感覺是沒有主題,沒有特色,樣樣有卻樣樣都很膚淺,因為您不可能有那么多的精力去維護它。網路的最大特點就是新和快,目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調查結果也顯示,網路上的“主題站”比“萬全站”更受人們喜愛,就好比專賣店和百貨商店,如果我需要買某方面的東西,肯定會選擇專買店。再舉個例子,一位網友希望製作文學方面的題材,但是文學也包括許多許多內容,有小說,詩歌,散文;有科幻,武俠,推理;經仔細了解他的擅長和想要提供的主要內容,最後將題材定位在網路文學上,刪除了原有的一些無關的文學作品,集中擴大和整理網路文學作品。網站推出後,很快受到大家的喜愛。
2.題材最好是你自己擅長或者喜愛的內容。
 
比如:您對擅長編程,就可以建立一個編程愛好者網站;對足球感興趣,可以報導最新的戰況,球星動態等。這樣在製作時,才不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有熱情,很難設計製作出傑出的作品。
3.題材不要太濫或者目標太高。
 
“太濫”是指到處可見,人人都有的題材;比如軟體下載,免費信息。“目標太高”是指在這一題材上已經有非常優秀,知名度很高的站點,你要超過它是很困難的。除非你下決心和有實力競爭並超過它,記住,在網際網路上只有第一,人們往往只記得最好的網站,第二、第三名的印象則會淺得多。


ok,如果你已經有一個絕妙的主意了,那我們開始為網站起名字。您可能認為起名字與網站設計無關。其實網站名稱也是網站設計的一部分,而且是很關鍵的一個要素。你來看,“電腦學習室”和“電腦之家”顯然是後者簡練;“迷笛樂園”和“midi樂園”顯然是後者明晰;“兒童天地”和“中國幼稚園”顯然是後者大氣。我們都知道piiicup的中文名稱“奔騰”,如果改為“奔跑”,可能就沒有今天這么“火”了。和現實生活中一樣,網站名稱是否正氣,響亮,易記,對網站的形象和宣傳推廣也有很大影響。一般的建議是:
1. 名稱要正。
 
這個“正”其實就是要合法,和理,和情。不能用反動的,色情的,迷信的,危害社會安全的名詞語句。
2. 名稱要易記。
 
根據中文網站瀏覽者的特點,除非特定需要,網站名稱最好用中文名稱,不要使用英文或者中英文混合型名稱。例如:beyond studio和超越工作室,後者更親切好記。另外,網站名稱的字數應該控制在六個字(最好四個字)以內,比如“xx閣”“xx設計室”,四個字的可以用成語,如“一網打進”。字數少還有個好處,一般友情連結的小logo尺寸是88x31,而六個字的寬度是78左右,適合於其他站點的連結排版。
3. 名稱要有特色。
 
名稱平實就可以接受,如果能體現一定的內涵,給瀏覽者更多的視覺衝擊和空間想像力,則為上品。這裡舉幾個阿捷認為很好的名稱:音樂前衛,網頁陶吧,天籟絕音。在體現出網站主題的同時,能點出特色之處。
總之,定位題材和名稱是設計一個網站的第一步,也是很重要的一部分。如果能找到一個滿意的名稱,花一天時間翻字典也是值得的。

初學者最容易犯的錯誤就是:確定題材後立刻開始製作。當你一頁一頁製作完畢後才發現:網站結構不清晰,目錄龐雜,內容東一塊西一塊。結果不但瀏覽者看得糊塗,自己擴充和維護網站也相當困難,您的網站或許就此半途而廢,更糟糕的是:你因此失去了製作主頁的信心和興趣!

二,確定欄目和版塊
欄目的實質是一個網站的大綱索引,索引應該將網站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。一般的網站欄目安排要注意以下幾方面:
1.一定記住要緊扣你的主題!一般的做法是:將你的主題按一定的方法分類並將它們作為網站的主欄目。例如一個動畫類站點,可以將欄目分為動物動畫,標誌動畫,三維動畫,卡通動畫等,在首頁上標明最近更新的動畫。記住:主題欄目個數在總欄目中要占絕對優勢,這樣的網站才顯得專業,主題突出,容易給人留下深刻印象。
2.設一個最近更新或網站指南欄目!如果你的首頁沒有安排版面放置最近更新內容信息,就有必要設立一個“最近更新”的欄目。這樣做是為了照顧常來的訪客,讓你的主頁更有人性化。如果你的主頁內容龐大(超過15mb),層次較多,而又沒有站內的搜尋引擎,建議您設定“本站指南”欄目。可以幫助初訪者快速找到他們想要的內容。
3.設定一個可以雙向交流的欄目!不需要很多,但一定要有。比如論壇,留言本,郵件列表等,可以讓瀏覽者留下他們的信息。有調查表明,提供雙向交流的站點比簡單的留一個"email me"的站點更具有親和力。
4.設一個下載或常見問題回答欄目!網路的特點是信息共享。如果你看到一個站點有大量的優秀的有價值的資料,你肯定希望能一次性下載,而不是一頁一頁瀏覽存檔。“將心比心”在你自己的主頁上設定一個資料下載欄目,會得到大家的喜歡。有些站點為了廣告顯示量,一篇文章還要分幾頁顯示,我覺得遲早會因訪問量下降而淘汰。另外,如果您的站點經常收到網友關於某方面的問題來信,你最好設立一個常見問題回答的欄目,既方便了網友,也可以節約自己更多時間用以學習。
至於其他的輔助內容,如關於本站,版權資訊等可以不放在主欄目里,以免沖淡主題。總結以上幾點,我們得出劃分欄目需要注意的是:
●儘可能刪除與主題無關的欄目
●儘可能將網站最有價值的內容列在欄目上
●儘可能方便訪問者的瀏覽和查詢
  上面說的是欄目,我們再看看版塊設定。版塊比欄目的概念要大一些,每個版塊都有自己的欄目。舉個例子:網易的站點分新聞,體育,財經,娛樂,教育等版塊,每個版塊下面有各有自己的主欄目。一般的個人站點內容少,只有主欄目(主選單)就夠了,不需要設定版塊。如果你覺得的確有必要設定版塊的,應該注意:1.各版塊要有相對獨立性。2.各版塊要有相互關聯。3.版塊的內容要圍繞站點主題。關於版塊方面,主要是門戶站點等較大icp需要考慮的問題,在此不再作展開討論。

以上兩點都是空談~!紙上談兵,掌握了原理就應該實踐套用。就套用而言還是有其規範的。

三,網站開發規範
1.網站目錄設定規範
目錄建立的原則:以最少的層次提供最清晰簡便的訪問結構。 
a.根目錄:指dns域名伺服器指向的索引檔案的存放目錄。伺服器的ftp上傳目錄默認為html
b.根目錄檔案:根目錄只允許存放和main.html檔案,以及其他必須的系統檔案。
c.每個語言版本存放於獨立的目錄。已有版本語言設定為:
簡體中文 \gb
繁體中文 \big5
英 語 \en
日 語 \jp 
d.每個主要功能(主選單)建立一個相應的獨立目錄。
根目錄下的images為存放公用圖片目錄,每個目錄下私有圖片存放於各自獨立images目錄.例如:\menu1\images
\menu2\images
e.所有的js檔案存放在根目錄下統一目錄\script ;所有的css檔案存放在根目錄下的style目錄;所有的bbs程式存放在根目錄並列目錄\bbs目錄.
2,網站檔案命名規範
檔案命名的原則:以最少的字母達到最容易理解的意義。
索引檔案統一使用檔案名稱(小寫)
檔案可統一作為"橋頁",不製作具體內容,僅僅作為跳轉頁和meta標籤頁。主內容頁為main.html
按選單名的英語翻譯取單一單詞為名稱。例如:
關於我們 \aboutus
信息反饋 \feedback 
產 品 \product
所有單英文單詞檔案名稱都必須為小寫,所有組合英文單詞檔案名稱第二個起第一個字母大寫;
所有檔案名稱字母間連線都為下劃線
圖片命名原則以圖片英語字母為名。大小原則寫同上。
例如:網站標誌的圖片為logo.gif
滑鼠感應效果圖片命名規範為"圖片名+_+on/off"。
例如:menu1_on.gif/menu1_off.gif
其它檔案命名規範:
js的命名原則以功能的英語單詞為名。例如:廣告條的js檔案名稱為:ad.js
所有的asp檔案後綴為asp,所有asp程式的配置檔案為config.asp
3,網站建設尺寸規範
頁面標準按800*600解析度製作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏 
每個標準頁面為a4幅面大小,即8.5x11英寸 
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖示的標準尺寸 
每個非首頁靜態頁面含圖片位元組不超過60k,全尺寸banner不超過14k

那有了上面很正規的一套思想以後,是不是有建立一個個人站點的欲望呢?step by step. follow me.