網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)實(shí)驗(yàn)與特效

1、網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)實(shí)驗(yàn)指導(dǎo)書網(wǎng)頁制作實(shí)訓(xùn)安排一、實(shí)訓(xùn)目的網(wǎng)頁設(shè)計(jì)是操作性很強(qiáng)的一門課程。本學(xué)期學(xué)生主要學(xué)習(xí)了三個(gè)軟件Photoshop、Flash、Dreamweaver，學(xué)好這三個(gè)軟件，是制作網(wǎng)頁的關(guān)鍵，而學(xué)好的關(guān)鍵是多練。盡管平時(shí)上機(jī)有聯(lián)系，但將三個(gè)軟件聯(lián)系的整合度還不夠。通過對(duì)個(gè)人網(wǎng)站或班級(jí)網(wǎng)站的設(shè)計(jì)，使學(xué)生熟練應(yīng)用Dreamveaver MX和FrontPage MX網(wǎng)頁設(shè)計(jì)軟件，使學(xué)生對(duì)網(wǎng)頁制作所學(xué)的內(nèi)容有一個(gè)系統(tǒng)的理解和掌握。在制作過程中，主要掌握對(duì)網(wǎng)頁的布局、色彩的搭配、框架的應(yīng)用、層的運(yùn)用、行為的實(shí)現(xiàn)、表單的使用、模板和庫的應(yīng)用等，獨(dú)立完成自己的作品并上傳至Internet網(wǎng)上

2、。本次實(shí)訓(xùn)給學(xué)生提供了深入學(xué)習(xí)的資料和信息，緊緊圍繞網(wǎng)頁制作的流程：規(guī)劃、設(shè)計(jì)、開發(fā)、發(fā)布、維護(hù)來進(jìn)行網(wǎng)站的開發(fā)，制作出具有較高水準(zhǔn)的靜態(tài)網(wǎng)頁。以此作為學(xué)生學(xué)習(xí)這門課程的階段性總結(jié)，使學(xué)生復(fù)習(xí)、鞏固所學(xué)過的理論，并予以適當(dāng)?shù)纳罨M(jìn)一步訓(xùn)練學(xué)生的基本技能（如：搜集資料、整理數(shù)據(jù)、制表繪圖、發(fā)現(xiàn)與分析問題、尋求解決問題的方案等），訓(xùn)練學(xué)生掌握計(jì)算機(jī)操作技術(shù)，運(yùn)用計(jì)算機(jī)技術(shù)進(jìn)行數(shù)據(jù)處理分析。二、實(shí)訓(xùn)時(shí)間：周（天）三、實(shí)訓(xùn)地點(diǎn)：實(shí)驗(yàn)樓機(jī)房 四、實(shí)訓(xùn)設(shè)施1 相關(guān)基礎(chǔ)：學(xué)生應(yīng)熟練掌握Dreamweaver MX、Flash MX、FireWorks MX等軟件的應(yīng)用。2硬件環(huán)境：(1)主機(jī)上要求安裝有D

3、reamweaver MX、Flash MX、FireWorks MX等軟件。(2)主機(jī)能與互聯(lián)網(wǎng)相連、以便學(xué)生能夠?yàn)g覽優(yōu)秀網(wǎng)站，搜集相關(guān)材料等。(3)將主機(jī)配置成WEB服務(wù)器。五、實(shí)訓(xùn)組織形式及進(jìn)行方式：（）制作班級(jí)網(wǎng)頁具有一定的開放性和綜合性。因此采取小組協(xié)作學(xué)習(xí)的方式是非常必要的。小組成員的知識(shí)程度、學(xué)習(xí)能力和思維方式都有差異，可以通過討論、交流與合作，取長(zhǎng)補(bǔ)短、拓展思路。每個(gè)學(xué)習(xí)小組由6-8人組成，實(shí)際制作中采取合理分工的工作方法。希望同學(xué)們能夠結(jié)合所學(xué)知識(shí)，盡量獨(dú)立完成相關(guān)任務(wù)，對(duì)于較復(fù)雜的操作部分，相鄰?fù)瑢W(xué)間也可以團(tuán)結(jié)協(xié)作、共同完成。（）按照“時(shí)間與任務(wù)安排”及時(shí)完成當(dāng)天的網(wǎng)頁操作

4、任務(wù)，并用U盤保存網(wǎng)頁，（）網(wǎng)頁體裁、形式、風(fēng)格不限。（）“參考網(wǎng)頁”只是起到范例作用，希望同學(xué)們看到參考網(wǎng)頁上的效果，還能想起來那些效果是如何設(shè)計(jì)的。每組設(shè)立一個(gè)組長(zhǎng)，負(fù)責(zé)組織分配該組成員的具體工作。（）教師負(fù)責(zé)整個(gè)網(wǎng)頁制作過程的體裁和內(nèi)容的審核、系統(tǒng)指導(dǎo)和監(jiān)督工作。六、實(shí)訓(xùn)要求1. 確定目標(biāo) 通過網(wǎng)絡(luò)就某個(gè)專題搜索資料， 題材不限，要求有個(gè)人特色、新穎和有吸引力，并對(duì)網(wǎng)站作簡(jiǎn)單的介紹如主題是什么？分那幾個(gè)欄目，每個(gè)欄目的特色和主要內(nèi)容是什么？參考專題：對(duì)計(jì)算機(jī)基礎(chǔ)教育的看法，互動(dòng)式教學(xué)的方式，網(wǎng)上論壇，QQ聊天論述等。也可以是其它的有興趣的專題如：文學(xué)、歷史、科技、體育、旅游、生活、時(shí)尚等

5、。參考選題：班級(jí)主頁，動(dòng)漫，個(gè)人主頁，求職簡(jiǎn)歷，電子商務(wù)網(wǎng)站，花卉網(wǎng)站，學(xué)習(xí)網(wǎng)站2. 選擇目標(biāo)用戶 確定了站點(diǎn)實(shí)現(xiàn)的目標(biāo)之后，需要確定站點(diǎn)的瀏覽客戶。創(chuàng)建世界上每個(gè)人都能使用的 Web 站點(diǎn)是不可能的。人們的興趣、愛好不同，使用不同的瀏覽器，以不同的速度連接，這些因素都會(huì)影響站點(diǎn)的使用。因此需要確定目標(biāo)用戶，根據(jù)用戶的特點(diǎn)來設(shè)計(jì)站點(diǎn)風(fēng)格。 3. 組織站點(diǎn)結(jié)構(gòu) 如果沒有考慮文檔在文件夾層次結(jié)構(gòu)中的位置就開始創(chuàng)建文檔，最終可能會(huì)導(dǎo)致一個(gè)充滿了文件的臃腫混亂的文件夾，或?qū)е孪嚓P(guān)的文件散布在許多名稱類似的文件夾中。 設(shè)置站點(diǎn)的常規(guī)做法是在本地磁盤上創(chuàng)建一個(gè)包含站點(diǎn)所有文件的文件夾（稱作本地站點(diǎn)），然后

6、在該文件夾中創(chuàng)建和編輯文檔。當(dāng)準(zhǔn)備好發(fā)布站點(diǎn)并允許公眾查看時(shí)，再將這些文件拷貝到 Web 服務(wù)器上。 組織站點(diǎn)結(jié)構(gòu)時(shí)，應(yīng)注意以下三個(gè)問題： （1）將站點(diǎn)分類，把相關(guān)的頁面放在同一文件夾中。（2）將圖像和聲音文件等項(xiàng)目放在指定的文件夾中，以便于文件的查找定位。例如，將所有圖像放在Images 文件夾中，當(dāng)在頁面中插入圖像時(shí)，就可以方便的找到它。（3）本地站點(diǎn)和遠(yuǎn)程 Web 站點(diǎn)應(yīng)該具有完全相同的結(jié)構(gòu)。如果使用 Dreamweaver MX創(chuàng)建本地站點(diǎn)，然后將全部?jī)?nèi)容上傳到遠(yuǎn)程站點(diǎn)，則 Dreamweaver MX確保在遠(yuǎn)程站點(diǎn)中精確拷貝本地結(jié)構(gòu)。 4. 設(shè)計(jì)外觀 頁面布局和設(shè)計(jì)保持一致非常重要。

7、如果不考慮板塊設(shè)計(jì)，瀏覽者會(huì)覺得你的網(wǎng)站內(nèi)容雜亂、無條理，先要考慮好自己設(shè)計(jì)的板塊與鏈接結(jié)構(gòu)；根據(jù)所需的站點(diǎn)布局外觀，在實(shí)訓(xùn)報(bào)告本上畫一個(gè)站點(diǎn)草圖，以便以后建立站點(diǎn)時(shí)可以按照它來操作。如圖1所示，是一個(gè)站點(diǎn)首頁的設(shè)計(jì)布局圖。5. 設(shè)計(jì)導(dǎo)航方案 設(shè)計(jì)站點(diǎn)時(shí)，應(yīng)考慮如何使訪問者能夠方便的從一個(gè)區(qū)域移動(dòng)到另一個(gè)區(qū)域。具體考慮以下幾點(diǎn)：明確“當(dāng)前位置”；導(dǎo)航方便；提供與網(wǎng)站管理員的聯(lián)系方法。 6. 規(guī)劃和收集資料 完成了設(shè)計(jì)和布局后，就可以創(chuàng)建和收集需要的資源了。資源可以是圖像、文本或媒體等項(xiàng)目。在開始開發(fā)站點(diǎn)前，請(qǐng)確保收集了所有這些項(xiàng)目并做好了準(zhǔn)備。否則，可能為找不到一幅圖像而中斷設(shè)計(jì)、開發(fā)過程。

8、LogoBanner簡(jiǎn)單功能導(dǎo)航欄功能列表或局部導(dǎo)航主要內(nèi)容版權(quán)聲明七、實(shí)訓(xùn)計(jì)劃表時(shí)間安排內(nèi)容安排第一天上午明確網(wǎng)站主題，應(yīng)力求簡(jiǎn)潔，要點(diǎn)明確，要以簡(jiǎn)單的畫面和語言告訴瀏覽者，站點(diǎn)的主題。收集網(wǎng)頁素材，確定欄目，決定網(wǎng)站結(jié)構(gòu)，通過小組討論，畫出網(wǎng)頁草圖。下午確定內(nèi)容安排，將每個(gè)頁面的草圖設(shè)計(jì)完成。相關(guān)的文字工作錄入完畢，定義好本地站點(diǎn)，將資料保存。第二天上午用Photoshop將網(wǎng)頁草圖實(shí)現(xiàn)，決定網(wǎng)站的配色方案，可以借鑒其他網(wǎng)站。對(duì)各個(gè)網(wǎng)頁可以分工實(shí)現(xiàn)。下午制作網(wǎng)頁中所需要的Flash。將在PS中完成的圖片切片，保存。第三天上午主頁的設(shè)計(jì) 主要是對(duì)版面進(jìn)行合理布局，利用表格和層對(duì)版面進(jìn)行合理定

9、位。通過文字圖形的空 間結(jié)合，表達(dá)出和諧與美。利用DW，設(shè)計(jì)網(wǎng)頁的排版方式，把各個(gè)切片放入DW中的表格。下午將相應(yīng)的內(nèi)容，放入網(wǎng)頁的對(duì)應(yīng)位置。其它頁面的制作，注意與主頁的和諧統(tǒng)一，并對(duì)各頁內(nèi)容進(jìn)行充實(shí)；適當(dāng)搜集一些網(wǎng)頁特效，做出適合自己站點(diǎn)的特效。第四天上午修改并完善已經(jīng)做好的網(wǎng)頁，同時(shí)完成網(wǎng)頁之間超級(jí)鏈接的設(shè)置。多頁面之間的鏈接，特別是關(guān)系十分密切的有上下文關(guān)系的頁面，設(shè)計(jì)時(shí)一定要含有向前和向后的按鈕，便于瀏覽者的訪問下午完善并測(cè)試網(wǎng)頁，準(zhǔn)確無誤后，在網(wǎng)上申請(qǐng)免費(fèi)空間，將制作好的網(wǎng)站在網(wǎng)上發(fā)布。第五天上午對(duì)于已完成網(wǎng)站，進(jìn)一步進(jìn)行修改，可以加入一些動(dòng)態(tài)技術(shù)。（如留言板）小組每個(gè)成員寫好實(shí)驗(yàn)報(bào)

10、告。下午申請(qǐng)免費(fèi)或收費(fèi)的空間，將作品上傳調(diào)試。書寫實(shí)訓(xùn)報(bào)告。檢查每個(gè)小組的網(wǎng)頁，以及實(shí)驗(yàn)報(bào)告，并打分。附表：評(píng)分標(biāo)準(zhǔn)1、內(nèi)容充實(shí)度：60% 2、動(dòng)態(tài)技巧：20% 3、版面美工：10% 4、其他功能：10%八、考核辦法評(píng)價(jià)指標(biāo)(分值)具體指標(biāo)量化等級(jí)分值自評(píng)教師優(yōu)良中差網(wǎng)頁內(nèi)容(40)獲得的信息準(zhǔn)確且完整5432信息的收集方法效率高10864網(wǎng)頁文字沒有語法和拼寫錯(cuò)誤10864能找到合適的網(wǎng)頁素材并合理應(yīng)用10864引用他人作品，是否注明出處5432技術(shù)處理(35)網(wǎng)頁布局整齊、合理10864網(wǎng)頁色彩協(xié)調(diào)、風(fēng)格鮮明10864網(wǎng)頁鏈接正確、快捷10864具有較強(qiáng)的動(dòng)態(tài)交互功能5432自主學(xué)習(xí)能力(

11、10)能獨(dú)立查找操作指導(dǎo)并完成操作5432能獨(dú)立上傳和下載網(wǎng)頁作品5432合作能力(10)明確自己的分工職責(zé)，圓滿完成任務(wù)5432主動(dòng)與他人討論，尊重他人，幫助他人5432創(chuàng)新表現(xiàn)(5)網(wǎng)頁欄目設(shè)計(jì)及整體規(guī)劃有新意5432合計(jì)總得分實(shí)驗(yàn)步驟1網(wǎng)站策劃1） 畫出網(wǎng)站結(jié)構(gòu)草圖2）確定欄目確定網(wǎng)頁所需的欄目?？稍谙铝辛信e的欄目中選取。班級(jí)介紹、學(xué)習(xí)園地、通訊錄、作品展示、班級(jí)相冊(cè)、求職就業(yè)、班級(jí)新聞、好站分享、笑話心語、FLASH欣賞，音樂欣賞。（至少5個(gè)欄目）3）進(jìn)行版面設(shè)計(jì)分為首頁設(shè)計(jì)和二級(jí)頁面的設(shè)計(jì)，清楚在頁面上分別要放置哪些內(nèi)容4） 搜集素材。如相關(guān)文字錄入，圖片素材，班級(jí)相片等等。二、制作

12、網(wǎng)頁1、建立站點(diǎn)。命名為webfile,網(wǎng)站的結(jié)構(gòu)如下：2、進(jìn)行主頁的設(shè)計(jì)。要求主頁中包含一個(gè)自己完成的Flash。3、進(jìn)行其他頁面的設(shè)計(jì)。4、建立幾個(gè)頁面間的鏈接關(guān)系。三、測(cè)試網(wǎng)頁四、作業(yè)檢查網(wǎng)上教學(xué)資源【網(wǎng)頁素材】：網(wǎng)頁制作大寶庫 素材精品屋 黑馬網(wǎng)頁素材 遐思素材屋 http:/www.zzi.cc/sck/sck1.htm【網(wǎng)頁特效】：網(wǎng)頁特效集 網(wǎng)頁特效 網(wǎng)頁特效 七色風(fēng)網(wǎng)頁特效 【技術(shù)文章】：太平洋學(xué)院 藍(lán)色理想 天極網(wǎng)-網(wǎng)頁陶吧 網(wǎng)頁設(shè)計(jì)師聯(lián)盟 七色鳥設(shè)計(jì)空間 有風(fēng)的日子 中國(guó)站長(zhǎng)站 閃客帝國(guó) 宇風(fēng)多媒體 閃吧 網(wǎng)頁素材庫參考書籍網(wǎng)頁制作三劍客精彩實(shí)例詳解 作者：趙艷鐸 出版社：

13、上海科學(xué)普及出版 社 網(wǎng)頁制作三劍客經(jīng)典實(shí)例 作者：崔亞量 出版社：電子科技大學(xué)出版社 SQL Server 2000實(shí)用全書 專著(美)Ray Rankins等著；邱仲潘等譯 ASP網(wǎng)絡(luò)編程技術(shù)肖金秀主編/清華大學(xué)出版社出版 信息高速公路與大眾傳播 明安香 北京：華夏出版社 WWWDESIGN 丹涅爾，多累斯 中國(guó)輕工業(yè)出版社 Active Server Pages(ASP)3.0 網(wǎng)頁設(shè)計(jì)手冊(cè) 北京:清華大學(xué)出版社 1999 現(xiàn)代平面廣告設(shè)計(jì)-CIS企業(yè)戰(zhàn)略伍門西安交通大學(xué)出版社 巧學(xué)巧用Dreamweaver、Fireworks、Flash制作網(wǎng)頁 北京:人民郵電出版社 施書恩，李冬梅網(wǎng)

14、頁制作教程 丁愛萍 電子工業(yè)出版社 Dreamweaver MX中文版網(wǎng)頁制作實(shí)用教程 洪江龍、顧凌燕、徐軍玲 人民郵電出版社 網(wǎng)頁設(shè)計(jì)與制作 謝永超 中國(guó)電力出版社 精彩網(wǎng)頁制作三劍客 深源室 西安電子科技大學(xué)出版社 Adobe Photoshop 7.0C 標(biāo)準(zhǔn)培訓(xùn)教材 Adode 公司北京代表處 人民郵電出版社 Photoshop中文版金典案例教程 飛思科技產(chǎn)品研發(fā)中心 電子工業(yè)出版社 電腦平面設(shè)計(jì)大全 瀟湘工作室 機(jī)械工業(yè)出版社 Potoshop7.0圖像處理精彩實(shí)例創(chuàng)作通 朱仁成 西安電子科技大學(xué)出版社網(wǎng)頁設(shè)計(jì)與制作制作過程中的參考技術(shù)一、圖像處理圖像的外形、大小、數(shù)量以及與背景的關(guān)

15、系，都與內(nèi)容有著密切的聯(lián)系。 （1）圖像的外形處理圖像的外形能使頁面的氣氛發(fā)生變化，并直接影響瀏覽者的興趣。一般而言，方形的穩(wěn)定、嚴(yán)肅，三角形的銳利，圓形或曲線外形的柔軟親切，退底圖及一些不規(guī)則或不帶邊框的圖像活潑。 （2）圖像的面積圖像在網(wǎng)頁中占據(jù)的面積大小能直接顯示其重要程度。一般地，大圖像容易形成視覺焦點(diǎn)，感染力強(qiáng)，傳達(dá)的情感較為強(qiáng)烈；小圖像常用來穿插在字群中，顯得簡(jiǎn)潔而精致，有點(diǎn)綴和呼應(yīng)頁面主題的作用。在一個(gè)頁面中，如果只有大圖像而無小圖像或細(xì)密的文字，就會(huì)顯得空洞，但只有小圖像而無大圖像又使頁面缺乏視覺沖擊力。 圖像的大小不僅決定著主從關(guān)系，也控制著頁面的均衡與運(yùn)動(dòng)。大小對(duì)比強(qiáng)烈，給

16、人跳躍感，使主角更突出；大小對(duì)比減弱，則頁面穩(wěn)定、安靜。這是因?yàn)?，訪問者在瀏覽頁面時(shí)，首先會(huì)注意到大圖像，然后再看到較小的圖像，這種由大到小的引導(dǎo)，使瀏覽者的視線在頁面上流動(dòng)，便造成一種動(dòng)勢(shì)，使頁面活潑起來。因此，在網(wǎng)頁設(shè)計(jì)時(shí)，應(yīng)首先確定主要形象與次要形象，擴(kuò)大主要圖像的面積，使次要角色縮小到從屬地位。只有大小圖像主次得當(dāng)?shù)卮┎褰M合，才能構(gòu)成最佳的頁面視覺效果。（3）圖像的數(shù)量 圖像的數(shù)量是根據(jù)內(nèi)容決定的。只用一幅圖像，會(huì)使內(nèi)容突出、頁面安定。增加一幅圖像，頁面會(huì)因?yàn)橛辛藢?duì)比和呼應(yīng)而活躍起來。再增加一幅，則更加熱鬧、活潑。但是，限于目前網(wǎng)絡(luò)的傳輸速度，使用圖像時(shí)一定要謹(jǐn)慎，大的圖像會(huì)降低頁面顯

17、示速度，即使是小圖像，如果運(yùn)用數(shù)量過多，同樣會(huì)使頁面下載速度變慢。隨著網(wǎng)絡(luò)環(huán)境及技術(shù)條件的改善，這種情況已經(jīng)有了很大的改觀。 （4）與背景的關(guān)系網(wǎng)頁圖像與背景是對(duì)比和統(tǒng)一的關(guān)系。也就是說，圖像與背景在和諧統(tǒng)一的基礎(chǔ)上，應(yīng)存在一定的對(duì)比，以使主要圖像更加突出。如精密的相機(jī)鏡頭以粗糙的巖石為背景，明亮的文字以深邃的星空為背景，或者使用沒有背景及陪襯物的退底圖像，周圍留出大面積空白，都是利用對(duì)比對(duì)主體形象起到突出作用。 二、圖像在長(zhǎng)頁面中的應(yīng)用 網(wǎng)頁一般都是縱向的(也有特意設(shè)計(jì)成橫向滾屏的)，其長(zhǎng)度從一屏到三屏不等，有時(shí)甚至更多。訪問者在瀏覽頁面時(shí)，通過拖動(dòng)垂直滾動(dòng)條使網(wǎng)頁一屏一屏地顯示，但這并不意

18、味著我們可以將整個(gè)頁面分割開來，孤立地進(jìn)行每一屏的設(shè)計(jì)。頁面的整體感是建立在形象的啟承關(guān)系上，盡管頁面被分割成幾屏來顯示，但圖像或文字的延續(xù)性應(yīng)使瀏覽者得到完整、統(tǒng)一的視覺感受。設(shè)計(jì)者所要做的就是進(jìn)行通盤考慮，例如：尋找對(duì)比中的和諧、建立同一的視覺識(shí)別等，來處理好每一屏與整個(gè)頁面的關(guān)系。 三、版式的基本類型 網(wǎng)頁版式的基本類型主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對(duì)稱型、焦點(diǎn)型、三角型、自由型十種。 四、iframe的用法解釋成“瀏覽器中的瀏覽器“很是恰當(dāng) 用于設(shè)置文本或圖形的浮動(dòng)圖文框或容器。BORDER設(shè)定圍繞圖文框的邊緣寬度FRAMEBODER設(shè)置邊框是不否為3維（0=否

19、，1=是）HEIGHT,WIDTH設(shè)質(zhì)邊框的寬度和高度SCROLLING是否有滾動(dòng)條（YES,NO,AUTO)SRC指定IFRAME調(diào)用的文件或圖片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)五、改變滾動(dòng)條顏色。將以上代碼中的顏色代碼換成要改的顏色，放在前。六、滾動(dòng)字幕的制作方法。水平滾動(dòng)水平滾動(dòng)字幕內(nèi)容垂直滾動(dòng)垂直滾動(dòng)字內(nèi)容各參數(shù)詳解：a)scrollAmount。它表示速度，值越大速度越快。如果沒有它，默認(rèn)為6，建議設(shè)為13比較好。b)width和height，表示滾動(dòng)區(qū)域的大小，width是寬度，height是高度。特別是在做垂直滾動(dòng)的時(shí)候，一定要設(shè)height

20、的值。c)direction。表示滾動(dòng)的方向，默認(rèn)為從右向左：?？蛇x的值有right、down、up。滾動(dòng)方向分別為：right表示，up表示，down表示。d)scrollDelay，這也是用來控制速度的，默認(rèn)為90，值越大，速度越慢。通常scrollDelay是不需要設(shè)置的。e)behavior。用它來控制屬性，默認(rèn)為循環(huán)滾動(dòng)，可選的值有alternate(交替滾動(dòng))、slide(幻燈片效果，指的是滾動(dòng)一次，然后停止?jié)L動(dòng)) 七、圖片切換代碼。!-var imgUrl=new Array();var imgLink=new Array();var adNum=0;imgLink1=imgUr

21、l1=imgLink2=imgUrl2=imgLink3=imgUrl3=imgLink4=imgUrl4=imgLink5=imgUrl5=var imgPre=new Array();var j=0;for (i=1;i=5;i+) if( (imgUrli!=) & (imgLinki!=) ) j+; else break;var preloadedimages=new Array();for (i=1;i6;i+)preloadedimagesi=new Image();preloadedimagesi.src=imgUrli;function playTran()if (document.all)imgInit.filters.revealTrans.play();function setTransition()if (document.a