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

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

2、ernet 網(wǎng)上。本次實(shí)訓(xùn)給學(xué)生提供了深入學(xué)習(xí)的資料和信息， 緊緊圍繞網(wǎng)頁(yè)制作的流程： 規(guī)劃、設(shè)計(jì)、 開(kāi)發(fā)、發(fā)布、維護(hù)來(lái)進(jìn)行網(wǎng)站的開(kāi)發(fā)，制作出具有較高水準(zhǔn)的靜態(tài)網(wǎng)頁(yè)。以此作為學(xué)生學(xué)習(xí) 這門課程的階段性總結(jié)，使學(xué)生復(fù)習(xí)、鞏固所學(xué)過(guò)的理論，并予以適當(dāng)?shù)纳罨?，進(jìn)一步訓(xùn)練 學(xué)生的基本技能(如：搜集資料、整理數(shù)據(jù)、制表繪圖、發(fā)現(xiàn)與分析問(wèn)題、尋求解決問(wèn)題的 方案等)，訓(xùn)練學(xué)生掌握計(jì)算機(jī)操作技術(shù)，運(yùn)用計(jì)算機(jī)技術(shù)進(jìn)行數(shù)據(jù)處理分析。二、實(shí)訓(xùn)時(shí)間：1周(5天)三、實(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 等軟件的

3、應(yīng)用。2硬件環(huán)境：(1) 主機(jī)上要求安裝有 Dreamweaver 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)行方式：(1) 制作班級(jí)網(wǎng)頁(yè)具有一定的開(kāi)放性和綜合性。因此采取小組協(xié)作學(xué)習(xí)的方式是非常必要的。小組成員的知識(shí)程度、學(xué)習(xí)能力和思維方式都有差異，可以通過(guò)討論、交流與合作，取 長(zhǎng)補(bǔ)短、拓展思路。每個(gè)學(xué)習(xí)小組由 6-8 人組成，實(shí)際制作中采取合理分工的工作方法。希 望同學(xué)們能夠結(jié)合所學(xué)知識(shí)， 盡量獨(dú)立完成相關(guān)任務(wù)， 對(duì)于較復(fù)雜的操作部分， 相

4、鄰?fù)瑢W(xué)間 也可以團(tuán)結(jié)協(xié)作、共同完成。(2) 按照 時(shí)間與任務(wù)安排”及時(shí)完成當(dāng)天的網(wǎng)頁(yè)操作任務(wù)，并用U盤保存網(wǎng)頁(yè)，(3) 網(wǎng)頁(yè)體裁、形式、風(fēng)格不限。(4) 參考網(wǎng)頁(yè)”只是起到范例作用，希望同學(xué)們看到參考網(wǎng)頁(yè)上的效果，還能想起來(lái)那些 效果是如何設(shè)計(jì)的。每組設(shè)立一個(gè)組長(zhǎng)，負(fù)責(zé)組織分配該組成員的具體工作。(5) 教師負(fù)責(zé)整個(gè)網(wǎng)頁(yè)制作過(guò)程的體裁和內(nèi)容的審核、系統(tǒng)指導(dǎo)和監(jiān)督工作。六、實(shí)訓(xùn)要求1. 確定目標(biāo)通過(guò)網(wǎng)絡(luò)就某個(gè)專題搜索資料， 題材不限，要求有個(gè)人特色、新穎和有吸引力，并對(duì)網(wǎng)站作簡(jiǎn)單的介紹如主題是什么？分那幾個(gè)欄目，每個(gè)欄目的特色和主要內(nèi)容是什么？ 參考專題： 對(duì)計(jì)算機(jī)基礎(chǔ)教育的看法， 互動(dòng)式教學(xué)的

5、方式， 網(wǎng)上論壇， QQ 聊天論述等。也可以是其它的有興趣的專題如：文學(xué)、歷史、科技、體育、旅游、生活、時(shí)尚等。參考選題：班級(jí)主頁(yè)，動(dòng)漫，個(gè)人主頁(yè)，求職簡(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)是不可能的。人們的興趣、愛(ài)好不同，使用不同的瀏覽器，以不同的速度連接， 這些因素都會(huì)影響站點(diǎn)的使用。因此需要確定目標(biāo)用戶，根據(jù)用戶的特點(diǎn)來(lái)設(shè)計(jì)站點(diǎn)風(fēng)格。3. 組織站點(diǎn)結(jié)構(gòu)如果沒(méi)有考慮文檔在文件夾層次結(jié)構(gòu)中的位置就開(kāi)始創(chuàng)建文檔，最終可能會(huì)導(dǎo)致一個(gè)充滿了文件的臃腫混亂的文件夾，或?qū)е孪嚓P(guān)的文件散布在許

6、多名稱類似的文件夾中。設(shè)置站點(diǎn)的常規(guī)做法是在本地磁盤上創(chuàng)建一個(gè)包含站點(diǎn)所有文件的文件夾(稱作本地站點(diǎn))，然后在該文件夾中創(chuàng)建和編輯文檔。當(dāng)準(zhǔn)備好發(fā)布站點(diǎn)并允許公眾查看時(shí)，再將這些 文件拷貝到 Web 服務(wù)器上。組織站點(diǎn)結(jié)構(gòu)時(shí)，應(yīng)注意以下三個(gè)問(wèn)題：( 1)將站點(diǎn)分類，把相關(guān)的頁(yè)面放在同一文件夾中。( 2)將圖像和聲音文件等項(xiàng)目放在指定的文件夾中，以便于文件的查找定位。例如，將所有圖像放在 Images 文件夾中，當(dāng)在頁(yè)面中插入圖像時(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)，則Dr

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

8、開(kāi)始開(kāi)發(fā)站點(diǎn)前，請(qǐng)確保收集了所有這些項(xiàng)目并做好了準(zhǔn)備。否則，可能為找不 到一幅圖像而中斷設(shè)計(jì)、開(kāi)發(fā)過(guò)程。LogoBanner簡(jiǎn)單功能導(dǎo)航欄功能列表或局部導(dǎo)航主要內(nèi)容版權(quán)聲明16七、實(shí)訓(xùn)計(jì)劃表時(shí)間安排內(nèi)容安排第一天上午明確網(wǎng)站主題，應(yīng)力求簡(jiǎn)潔，要點(diǎn)明確，要 以簡(jiǎn)單的畫面和語(yǔ)言告訴瀏覽者，站點(diǎn)的主 題。收集網(wǎng)頁(yè)素材，確定欄目，決定網(wǎng)站結(jié) 構(gòu)，通過(guò)小組討論，畫出網(wǎng)頁(yè)草圖。下午確定內(nèi)容安排，將每個(gè)頁(yè)面的草圖設(shè)計(jì)完成。 相關(guān)的文字工作錄入完畢， 定義好本地站點(diǎn)， 將資料保存。第二天上午用Photoshop將網(wǎng)頁(yè)草圖實(shí)現(xiàn)，決定網(wǎng)站的配 色方案，可以借鑒其他網(wǎng)站。對(duì)各個(gè)網(wǎng)頁(yè)可 以分工實(shí)現(xiàn)。下午制作網(wǎng)頁(yè)中所需

9、要的Flash。將在PS中完成的圖片切片，保存。第三天上午主頁(yè)的設(shè)計(jì)主要是對(duì)版面進(jìn)行合理布局，利 用表格和層對(duì)版面進(jìn)行合理定位。通過(guò)文字 圖形的空 間結(jié)合，表達(dá)出和諧與美。利用 DW，設(shè)計(jì)網(wǎng)頁(yè)的排版方式，把各個(gè)切片放入 DW中的表格。下午將相應(yīng)的內(nèi)容，放入網(wǎng)頁(yè)的對(duì)應(yīng)位置。其它 頁(yè)面的制作，注意與主頁(yè)的和諧統(tǒng)一，并對(duì) 各頁(yè)內(nèi)容進(jìn)行充實(shí)；適當(dāng)搜集一些網(wǎng)頁(yè)特效， 做出適合自己站點(diǎn)的特效。第四天上午修改并完善已經(jīng)做好的網(wǎng)頁(yè)，同時(shí)完成網(wǎng)頁(yè) 之間超級(jí)鏈接的設(shè)置。多頁(yè)面之間的鏈接， 特別是關(guān)系十分密切的有上下文關(guān)系的頁(yè) 面，設(shè)計(jì)時(shí)一定要含有向前和向后的按鈕， 便于瀏覽者的訪問(wèn)下午完善并測(cè)試網(wǎng)頁(yè)，準(zhǔn)確無(wú)誤后，

10、在網(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)告。下午申請(qǐng)免費(fèi)或收費(fèi)的空間，將作品上傳調(diào)試。 書寫實(shí)訓(xùn)報(bào)告。檢查每個(gè)小組的網(wǎng)頁(yè)，以及 實(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)量化等級(jí)分值(分值)具體指標(biāo)優(yōu)良中差自評(píng)教師獲得的信息準(zhǔn)確且完整5432網(wǎng)頁(yè)內(nèi)信息的收集方法效率咼10864容網(wǎng)頁(yè)文字沒(méi)有語(yǔ)法和拼寫錯(cuò)誤10864(40)能找到合適的網(wǎng)頁(yè)素材并合理應(yīng) 用10864引用他人作品，是否注明出處5432

11、技術(shù)處網(wǎng)頁(yè)布局整齊、合理10864理網(wǎng)頁(yè)色彩協(xié)調(diào)、風(fēng)格鮮明10864網(wǎng)頁(yè)鏈接正確、快捷10864(35)具有較強(qiáng)的動(dòng)態(tài)交互功能5432自主學(xué)能獨(dú)立查找操作指導(dǎo)并完成操作5432習(xí)能力(10)能獨(dú)立上傳和下載網(wǎng)頁(yè)作品5432合作能明確自己的分工職責(zé)， 圓滿完成任 務(wù)5432力(10)主動(dòng)與他人討論，尊重他人，幫助 他人5432創(chuàng)新表現(xiàn)(5)網(wǎng)頁(yè)欄目設(shè)計(jì)及整體規(guī)劃有新意5432合計(jì)總得分實(shí)驗(yàn)步驟1網(wǎng)站策劃1）畫出網(wǎng)站結(jié)構(gòu)草圖2）確定欄目 確定網(wǎng)頁(yè)所需的欄目?？稍谙铝辛信e的欄目中選取。 班級(jí)介紹、學(xué)習(xí)園地、通訊錄、作品展示、班級(jí)相冊(cè)、求職就業(yè)、班級(jí)新聞、好站分享、笑 話心語(yǔ)、 FLASH 欣賞，音樂(lè)

12、欣賞。 （至少 5 個(gè)欄目）3）進(jìn)行版面設(shè)計(jì)分為首頁(yè)設(shè)計(jì)和二級(jí)頁(yè)面的設(shè)計(jì)，清楚在頁(yè)面上分別要放置哪些內(nèi)容4）搜集素材。如相關(guān)文字錄入，圖片素材，班級(jí)相片等等。二、制作網(wǎng)頁(yè)1、建立站點(diǎn)。命名為webfile,網(wǎng)站的結(jié)構(gòu)如下:c g仆少倉(cāng)匡-,；_j 站點(diǎn)-webfile webfile筒 subjectl由己J imagespags eowkIe白匸）subj ect2田 Q innaggs甲S0 匕aSL-iElBE!:.pagesQ soundsEubj eet3 subj ect4 subj ect5 index, him2、進(jìn)行主頁(yè)的設(shè)計(jì)。要求主頁(yè)中包含一個(gè)自己完成的Flash。3、進(jìn)行

13、其他頁(yè)面的設(shè)計(jì)。4、建立幾個(gè)頁(yè)面間的鏈接關(guān)系。三、測(cè)試網(wǎng)頁(yè)四、作業(yè)檢查網(wǎng)上教學(xué)資源【網(wǎng)頁(yè)素材】：網(wǎng)頁(yè)制作大寶庫(kù) 素材精品屋 http:/www.sucaiw.eom/index.asp黑馬網(wǎng)頁(yè)素材 遐思素材屋 http:/www.zzi.cc/sck/sck1.htm【網(wǎng)頁(yè)特效】：網(wǎng)頁(yè)特效集 網(wǎng)頁(yè)特效 網(wǎng)頁(yè)特效 七色風(fēng)網(wǎng)頁(yè)特效 http:/www.7wi nd.n et/wytx/wytx.htm【技術(shù)文章】：太平洋學(xué)院 藍(lán)色理想 天極網(wǎng)網(wǎng)頁(yè)陶吧 網(wǎng)頁(yè)設(shè)計(jì)師聯(lián)盟 七色鳥設(shè)計(jì)空間 有風(fēng)的日子 中國(guó)站長(zhǎng)站 閃客帝國(guó) 宇風(fēng)多媒體 閃吧 http:/www.flash8. net/網(wǎng)頁(yè)素材庫(kù) 參考書籍

14、網(wǎng)頁(yè)制作三劍客精彩實(shí)例詳解作者：趙艷鐸 出版社：上?？茖W(xué)普及出版 社網(wǎng)頁(yè)制作三劍客經(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)頁(yè)設(shè)計(jì)手冊(cè) 北京 :清華大學(xué)出版社 1999 現(xiàn)代平面廣告設(shè)計(jì) -CIS 企業(yè)戰(zhàn)略伍門西安交通大學(xué)出版社巧學(xué)巧用 Dreamweaver Fireworks、Fl

15、ash制作網(wǎng)頁(yè)北京:人民郵電出版社 施 書恩，李冬梅網(wǎng)頁(yè)制作教程 丁愛(ài)萍 電子工業(yè)出版社Dreamweaver MX 中文版網(wǎng)頁(yè)制作實(shí)用教程 洪江龍、顧凌燕、徐軍玲 人民 郵電出版社網(wǎng)頁(yè)設(shè)計(jì)與制作 謝永超 中國(guó)電力出版社精彩網(wǎng)頁(yè)制作三劍客 深源室 西安電子科技大學(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)頁(yè)設(shè)計(jì)與制作制作過(guò)程中的參考技術(shù) 、圖像

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

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

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

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

20、ORDER設(shè)定圍繞圖文框的邊緣寬度FRAMEBODER 設(shè)置邊框是不否為 3 維( 0=否， 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。它表示速度，值越大速度越快。如果沒(méi)有它，默認(rèn)為6，建議設(shè)為13比較好。b) width和hei

21、ght，表示滾動(dòng)區(qū)域的大小，width是寬度，height是高度。特別是在做垂直滾動(dòng)的時(shí)候，一定要設(shè)height的值。c) direction。表示滾動(dòng)的方向，默認(rèn)為從右向左：?？蛇x的值有 right、down、up。滾動(dòng)方向分別為：right表示m,up表示f, dow n表示J。d) scrollDelay ,這也是用來(lái)控制速度的，默認(rèn)為90,值越大，速度越慢。通常scrollDelay是不需要設(shè)置的。e) behavior。用它來(lái)控制屬性，默認(rèn)為循環(huán)滾動(dòng)，可選的值有alternate(交替滾動(dòng)卜slide(幻燈片效果，指的是滾動(dòng)一次，然后停止?jié)L動(dòng))七、圖片切換代碼。!-var imgUr

22、l=new Array();var imgL ink=new Array();var adNum=0;imgL in k1= in gga n/2005-11-22/19.html;imgUrl1=http:/www. mn nwen/5.jpg;imgL in k2=http:/www.m n88.eom/x in gga n/2005-11-22/20.html;imgUrl2=http:/www. mn nwen /4.jpg;imgL in k3=http:/www.m n88.eom/x in gga n/2005-11-22/15.html; imgUrl3=http:/www.

23、mn nwen/2.jpg;imgL in k4=http:/www.m n88.eom/x in gga n/2005-11-22/38.html; imgUrl4=http:/www. mn nwen/l.jpg;imgL in k5=http:/www.m n88.eom/x in gga n/2005-11-22/17.html; imgUrl5=http:/www. mn nwen/3.jpg;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 (docume