張家港中等專業學校
設為首頁 | 加入收藏 | 網站地圖
 學校首頁 | 學校介紹 | 新聞中心 | 教學管理 | 黨建工作 | 師生園地 | 教學部門 | 招生就業 | 專題網站 | 對外交流 
師生園地
 名師風采 
 課堂内外 
 班級網站 
 心理健康 
 優秀學子 
當前位置: 學校首頁>>師生園地>>課堂内外>>計算機世界>>正文
網頁多幅圖片顯示妙法-Dreamweaver技巧
2004-02-19 10:24佚名   (閱讀次數:)
有些主頁包含大量展示性的圖片,并且要顯示在特定位置上。在設計主頁時,如果将每張圖片放在新開窗口中,浏覽者就經常需要關閉新打開的窗口,這樣很不方便;也可以将所有圖片都放在同一窗口中的不同層中隐藏起來,需要誰就顯示誰,但這種做法又會使打開該網頁的時間猛增(即使是隐藏的圖片也要打開時一并讀入)。筆者曾設計一個有20幅圖片的網頁,采用此法,在28.8KB/s的連接速率下,顯示打開時間竟然有208秒。後來,筆者無意中發現,設置分層文本可以解決這個問題。利用“行為”面闆,可以動态設置某層中的文本或替換層中的内容,新設置的内容可以是任意類型的HTML,因此,利用該“動作”可動态地顯示各種信息,當然包括圖片。最為關鍵的是,利用這一技巧,可以做到需要顯示哪幅圖片,就可将其調出裝入特定的層中,即用即讀,避免一次裝入,占用大量時間。筆者上面提到的208秒網頁,經過這樣處理後,打開隻需18秒。具體做法如下:   1.新建層,命名為:ImgeLayer,此層将作為圖片的展示窗口;   2.将要顯示的圖片分别制作縮略圖,并擺放在頁面上,以便點擊此略圖,并相應在ImgeLayer中顯示源圖。假設略圖為:SImge1、SImge2、SImge3……,分别對應源圖:Imge1、Imge2、Imge3……   3.選中SImge1,打開“行為”面闆,确保Events For下拉按鈕顯示為IE 4.0(或IE 5.0),點擊“+”按鈕,在彈出的“動作”選單中,選“設置文字”項下的“設置圖層文字”,打開設置圖層文字對話框,在圖層下拉列表中選ImgeLayer,在新的HTML輸入框中輸入:〈img src="imge1.jpg" width="300" height="200"〉(讀者可根據實際情況,調整文件路徑及圖形尺寸)。   4.其他圖片的設置方法同上。   需要注意的是,上面提到的設計方法需要IE 4.0以上浏覽器支持。
關閉窗口

江蘇省張家港中等專業學校  地址:江蘇省張家港市沙洲西路109号
ICP備案号:蘇ICP備10015337号