第一篇：Flash在網(wǎng)頁設(shè)計(jì)中的應(yīng)用論文
隨著網(wǎng)絡(luò)技術(shù)、電腦技術(shù)的快速發(fā)展與廣泛普及，網(wǎng)頁設(shè)計(jì)開啟了人類新的生活、新的實(shí)踐，網(wǎng)頁已經(jīng)成為網(wǎng)絡(luò)信息的表現(xiàn)和思想傳播的主要形式。而在網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)的過程中，F(xiàn)lash的應(yīng)用尤為重要。在網(wǎng)頁設(shè)計(jì)中適當(dāng)?shù)厥褂肍lash技術(shù)，能使網(wǎng)頁呈現(xiàn)出多媒體效果，從而更加具有吸引力，增加網(wǎng)頁與瀏覽者的互動(dòng)性。同時(shí)，F(xiàn)lash也逐漸依靠其諸多優(yōu)勢(shì)迅速占領(lǐng)了網(wǎng)頁設(shè)計(jì)領(lǐng)域，成為了網(wǎng)頁設(shè)計(jì)的重心。本文重在探討Flash動(dòng)畫在網(wǎng)頁設(shè)計(jì)中的應(yīng)用，以供同行參考。
1Flash動(dòng)畫技術(shù)概述
Flash是一類矢量式圖形編輯及動(dòng)畫制作應(yīng)用軟件。它通過利用符號(hào)、按鈕、場(chǎng)景等一系列元素組合，能夠使設(shè)計(jì)者集成圖形、動(dòng)畫，影像文件，音頻等各種多媒體制作素材，利用最基礎(chǔ)的元素制作出內(nèi)容豐富、形式簡(jiǎn)潔、交互性強(qiáng)、極富渲染力的動(dòng)畫效果。
2Flash在網(wǎng)頁設(shè)計(jì)中的應(yīng)用
近幾年，F(xiàn)lash作為一種新型的設(shè)計(jì)方式和娛樂方式，已被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)中，從簡(jiǎn)單的文字、圖片效果到復(fù)雜的Flash網(wǎng)站建設(shè)，可以說Flash所起的作用不再僅僅是增添一些漂亮的動(dòng)畫，而是已經(jīng)融入到了整個(gè)網(wǎng)站的建設(shè)之中。目前Flash技術(shù)已與電視、廣告、動(dòng)畫、MTV制作等緊密結(jié)合，并作為一種產(chǎn)業(yè)，逐步向音樂、電視、廣告、游戲、遠(yuǎn)程教育等各個(gè)領(lǐng)域滲透。
2.1將Flash引入網(wǎng)頁設(shè)計(jì)的必要性
由于受技術(shù)方面的限制，早期的網(wǎng)頁大多都為靜態(tài)頁面，即網(wǎng)頁上的所有內(nèi)容都是通過文字和圖片表示出來。在這種文字加圖片的靜態(tài)網(wǎng)頁中，網(wǎng)頁版面單調(diào)，內(nèi)容枯燥，要想吸引瀏覽者的注意力難度非常之大，同時(shí)也使得網(wǎng)站淪落成一個(gè)純粹的信息網(wǎng)站。而如果在網(wǎng)頁設(shè)計(jì)過程中，通過加入Flash，特別是其在色彩、聲音和動(dòng)態(tài)效果等方面的有效組合，可以使網(wǎng)頁風(fēng)格多姿多彩，很大程度地吸引瀏覽者的注意力，使瀏覽者對(duì)網(wǎng)站的印象更加深刻。
2.2Flash在網(wǎng)頁設(shè)計(jì)中的部分應(yīng)用
在網(wǎng)頁設(shè)計(jì)中，適當(dāng)使用Flash來展示那些需要突出展示的內(nèi)容，往往能起到畫龍點(diǎn)睛、突出主題、充分調(diào)動(dòng)瀏覽者興趣的效果，這是圖片等二維技術(shù)所不能比擬的優(yōu)勢(shì)。比如，一些網(wǎng)站為了提高美觀性，吸引瀏覽者的注意力，同時(shí)也為了獲取利益，往往會(huì)植入一些廣告，例如網(wǎng)絡(luò)廣告、企業(yè)宣傳動(dòng)畫、網(wǎng)站形象展示動(dòng)畫等內(nèi)容。此時(shí)如果將Flash技術(shù)廣告有機(jī)結(jié)合，就需要設(shè)計(jì)者必須考慮Flash的生動(dòng)性和活潑性，潛心研究網(wǎng)頁內(nèi)容的特點(diǎn)以及其與宣傳內(nèi)容的契合點(diǎn)，從而提出好的創(chuàng)意，以確保Flash能從不同角度和層次對(duì)廣告和頁面主題進(jìn)行展現(xiàn)，增加網(wǎng)頁與瀏覽者之間的互動(dòng)性。
2.3Flash在整站網(wǎng)頁設(shè)計(jì)中的應(yīng)用
除了上面所提到的采用Flash進(jìn)行網(wǎng)頁設(shè)計(jì)外，也有一些網(wǎng)站，為了體現(xiàn)自己的獨(dú)特之處，將Flash技術(shù)引入整個(gè)網(wǎng)站的設(shè)計(jì)中。此種純Flash網(wǎng)站設(shè)計(jì)方式一般適用于設(shè)計(jì)類的公司，比如廣告、傳媒、設(shè)計(jì)、網(wǎng)絡(luò)游戲等行業(yè)公司。一般來說，一個(gè)網(wǎng)站如果整個(gè)網(wǎng)站全部都要使用Flash來設(shè)計(jì)，就必須事先對(duì)網(wǎng)站進(jìn)行科學(xué)合理的設(shè)計(jì)。包括視聽元素、頁面布局、版面結(jié)構(gòu)以及網(wǎng)站結(jié)構(gòu)關(guān)系設(shè)計(jì)等內(nèi)容。設(shè)計(jì)完后就是要收集準(zhǔn)備素材，包括文字、音樂、圖片、視頻等，并確定動(dòng)畫的展現(xiàn)形式。在設(shè)計(jì)的時(shí)候，要保證網(wǎng)站趣味性，在給人以視覺和聽覺上的雙重享受之外，要能調(diào)動(dòng)瀏覽者的積極性，要能讓瀏覽者繼續(xù)停留在當(dāng)前網(wǎng)頁并且愿意仔細(xì)瀏覽網(wǎng)站上的信息和內(nèi)容。
2.4網(wǎng)頁設(shè)計(jì)中應(yīng)用Flash應(yīng)注意的問題
從目前的發(fā)展趨勢(shì)來看，F(xiàn)lash由于其自身的眾多優(yōu)勢(shì)成為了網(wǎng)頁制作的主要方式之一，給設(shè)計(jì)者提供了更便捷、完善的動(dòng)畫創(chuàng)作平臺(tái)，同時(shí)也受到了廣大用戶的認(rèn)可和歡迎。盡管如此，在應(yīng)用Flash進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)還應(yīng)注意一些問題。如，網(wǎng)頁中設(shè)計(jì)中不能過多使用Flash，如果過多使用，會(huì)不利于搜索引擎的識(shí)別，這勢(shì)必會(huì)影響到網(wǎng)站在搜索引擎中的排名，進(jìn)而對(duì)網(wǎng)站瀏覽量產(chǎn)生負(fù)面影響。Flash的使用也不應(yīng)過于花哨，否則，容易使瀏覽者眼花繚亂，找不到自己想要的信息，進(jìn)而產(chǎn)生感到煩躁感；在應(yīng)用Flash時(shí)，還應(yīng)注意Flash操作人機(jī)關(guān)系的影響。
3結(jié)語
作為網(wǎng)頁設(shè)計(jì)的一個(gè)重要的視覺元素，F(xiàn)lash有著體積小、成本低、效果好等優(yōu)點(diǎn)，在運(yùn)用Flash進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，設(shè)計(jì)者要在遵循傳統(tǒng)網(wǎng)頁制作思路和制作要點(diǎn)的基礎(chǔ)上，靈活、合理地應(yīng)用Flash，這樣才能使整個(gè)網(wǎng)站具有更加強(qiáng)大的交互感和親和力。另外，還需注意的是，要想讓制作出來網(wǎng)頁更加具有吸引力，除了對(duì)技術(shù)的硬性需求之外，設(shè)計(jì)者也需要具備一定的美學(xué)知識(shí)。因此，在不斷提高網(wǎng)頁制作技術(shù)的基礎(chǔ)上，設(shè)計(jì)者還要不斷提高自身的藝術(shù)水平。如今，隨著網(wǎng)絡(luò)信息技術(shù)的不斷發(fā)展，且Flash自身擁有的眾多優(yōu)點(diǎn)，F(xiàn)lash在人們生活中的應(yīng)用越來越普及，因此，設(shè)計(jì)者在應(yīng)用Flash進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，一定要有精益求精的信念，這樣才能為網(wǎng)頁設(shè)計(jì)創(chuàng)作開拓一個(gè)更為廣闊的未來，才能為更多商家和大眾所青睞。
第二篇：flash網(wǎng)頁設(shè)計(jì)畢業(yè)(論文)
遼寧警察學(xué)院畢業(yè)設(shè)計(jì)（論文）
Flash網(wǎng)頁設(shè)計(jì)
系： 高職計(jì)算機(jī)系 專業(yè)： 計(jì)算機(jī)應(yīng)用技術(shù) 學(xué)生： 陶帥帥 指導(dǎo)教師：楊 虹
完成日期：2017年4月3日
遼寧警察學(xué)院畢業(yè)設(shè)計(jì)（論文）
Flash網(wǎng)頁設(shè)計(jì)
總計(jì) 畢業(yè)設(shè)計(jì)（論文）表格 0表 插圖 24幅
頁
摘 要
本論文主要論述了本人所做畢業(yè)設(shè)計(jì)課題《Flash網(wǎng)頁設(shè)計(jì)》的技術(shù)背景、設(shè)計(jì)理念、概要設(shè)計(jì)、詳細(xì)設(shè)計(jì)以及最后效果展示等方面內(nèi)容，詳細(xì)的介紹了本人對(duì)于設(shè)計(jì)簡(jiǎn)單Flash網(wǎng)頁的一整套設(shè)計(jì)過程和相關(guān)技術(shù)難點(diǎn)的解決方法。
Flash設(shè)計(jì)網(wǎng)頁成為越來越多動(dòng)漫愛好者和非動(dòng)漫愛好者獲得信息和交流的平臺(tái)，它滿足了廣大用戶隨時(shí)隨地進(jìn)行交流和溝通的需要，為網(wǎng)上用戶提供交流場(chǎng)所，實(shí)現(xiàn)高效動(dòng)態(tài)信息交換，而網(wǎng)頁恰恰是由一個(gè)個(gè)小小的網(wǎng)頁集結(jié)而成，沒有網(wǎng)頁就沒有強(qiáng)大的網(wǎng)頁?，F(xiàn)在雖然有很多動(dòng)漫網(wǎng)頁，但版面千篇一律，缺乏個(gè)性化、前瞻性，頁面設(shè)計(jì)混亂，不利于用戶查看，網(wǎng)頁的交互性比較差，因此我針對(duì)以上問題為動(dòng)漫網(wǎng)頁設(shè)計(jì)一個(gè)個(gè)性化的動(dòng)漫網(wǎng)頁。關(guān)鍵詞：動(dòng)漫網(wǎng)頁，F(xiàn)lash
I
Abstract This paper mainly discusses the graduation design which I do the Anime Web Design Theme of technical background, design concept design, detailed design, summary and display effect etc, detailed introduces himself to design a simple Flash web design process and related technical difficulties in solving methods.Animation design website become more and more anime fans and the anime fans access to information and communication platform, it can meet the the needs of the masses of users communicate and communication anytime and anywhere, provide communication place for online users, efficient dynamic information exchange, and site is composed of little web pages gathering, no web, no powerful web site.Although there are a lot of DongManWang stand now, but the layout of the same, the lack of personalized, prospective, page design, unfavorable to the user to see, website interactivity is poorer, so I have to solve above problems as DongManWang station design a personalized anime web pages.Key words: Web Design；Flash；Flash web design
II
目錄
前 言..............................................................................................................................1 第1章 概述..................................................................................................................2
1.1 Flash軟件的介紹.........................................................................................2 1.1.1Flash的歷史.......................................................................................4 1.2 Flash軟件的特點(diǎn).........................................................................................4 1.2.1普通網(wǎng)頁設(shè)計(jì)的特點(diǎn).........................................................................4 1.2.2Flash網(wǎng)頁...........................................................................................5 第2章 網(wǎng)頁設(shè)計(jì)的開發(fā)工具與開發(fā)語言..................................................................7
2.1 網(wǎng)頁使用的開發(fā)工具.....................................................................................7 2.1.1Macromedia Flash 8.0 Pro..............................................................7 2.1.2Adobe Photoshop CS2........................................................................7 2.2 網(wǎng)頁開發(fā)語言.................................................................................................7 第3章 Flash網(wǎng)頁設(shè)計(jì)中的各種技術(shù)解析................................................................9
3.1 主頁界面設(shè)計(jì)解析.........................................................................................9 3.1.1Flash網(wǎng)頁加載時(shí)的進(jìn)度條設(shè)計(jì)..........................................................9 3.1.2網(wǎng)頁LOGO與站點(diǎn)設(shè)計(jì)...................................................................10 3.1.3網(wǎng)頁導(dǎo)航條的設(shè)計(jì).............................................................................10 3.1.4進(jìn)入主頁界面前動(dòng)態(tài)效果設(shè)計(jì).........................................................12 3.1.5進(jìn)入主頁時(shí)的音效設(shè)置.....................................................................13 3.2 “賞漫軟件”Flash子頁面設(shè)計(jì)......................................................................14 3.2.1“賞漫軟件”目錄的制作..................................................................14 3.2.2賞漫軟件的圖片文字介紹部分制作.................................................15 3.3 “精品動(dòng)漫”Flash子頁面設(shè)計(jì)......................................................................15 3.4 “酷站導(dǎo)航”Flash子頁面設(shè)計(jì)......................................................................17 3.5 “酷炫漫畫”Flash子頁面設(shè)計(jì)......................................................................18 3.6 “關(guān)于作品”Flash子頁面設(shè)計(jì)......................................................................19 結(jié)論..............................................................................................................................20 致謝..............................................................................................................................21 參考文獻(xiàn)......................................................................................................................22 III
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
前 言
世界因Internet的出現(xiàn)而在逐步改變，網(wǎng)絡(luò)經(jīng)濟(jì)雛形因此而形成，由于Internet具有信息容量大、方便迅速、形態(tài)多樣、覆蓋全球等特點(diǎn)，直至今日已發(fā)展成為信息傳播的主要載體，所以幾乎全球的各個(gè)企業(yè)、機(jī)構(gòu)紛紛建立自己的web站點(diǎn)。Internet信息資源龐大、圖文互動(dòng)、高速高效的特點(diǎn)給傳統(tǒng)設(shè)計(jì)媒體帶來了巨大的沖擊，再加上網(wǎng)絡(luò)經(jīng)濟(jì)對(duì)設(shè)計(jì)行業(yè)的影響，由此而產(chǎn)生了一個(gè)新的設(shè)計(jì)領(lǐng)域--網(wǎng)頁設(shè)計(jì)。
Flash產(chǎn)業(yè)作為我國發(fā)展中的產(chǎn)業(yè)，網(wǎng)頁設(shè)計(jì)技術(shù)的發(fā)展推動(dòng)了該產(chǎn)業(yè)的傳播，使得各類Flash網(wǎng)頁紛紛崛起，為廣大Flash愛好者帶來了諸多便利。
本課題設(shè)計(jì)的是一個(gè)以Flash設(shè)計(jì)為主題的網(wǎng)頁設(shè)計(jì)，以信息發(fā)布、分享為主要的。通過發(fā)布一些關(guān)于Flash的信息、圖片和Flash等為有同樣喜好的人們提供一個(gè)分享的空間。同時(shí)訪客用戶可以在網(wǎng)頁中的劇情交流上發(fā)表自己的看法以及可供共享的信息，使人們?cè)讷@取信息的同時(shí)，還可以發(fā)表自己的感受。在如今網(wǎng)絡(luò)高速發(fā)展的時(shí)代，發(fā)布信息與分享興趣已成為大多網(wǎng)頁設(shè)計(jì)的主要目的。
Flash網(wǎng)頁設(shè)計(jì)
第1章 概述
Flash網(wǎng)頁設(shè)計(jì)是指用用Flash軟件制作的網(wǎng)頁，網(wǎng)頁內(nèi)容多數(shù)甚至全部是Flash。全Flash網(wǎng)頁基本以圖形和Flash為主，所以比較適合做那些文字內(nèi)容不太多，以平面、Flash效果為主的應(yīng)用。如：企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個(gè)性網(wǎng)頁等。
在因特網(wǎng)飛速發(fā)展的今天，多姿多彩的網(wǎng)絡(luò)頁面總是讓我們目不暇接，創(chuàng)建富有個(gè)性的個(gè)人主頁更是每一個(gè)網(wǎng)絡(luò)愛好者的夢(mèng)想。作為一個(gè)優(yōu)秀的多媒體網(wǎng)頁設(shè)計(jì)平臺(tái)，F(xiàn)lash從眾多的網(wǎng)頁設(shè)計(jì)軟件中脫穎而出，成為大多數(shù)網(wǎng)絡(luò)愛好者設(shè)計(jì)網(wǎng)頁的首選工具。能夠?yàn)榇蠖鄶?shù)人所認(rèn)同的東西總有它的獨(dú)特之處，F(xiàn)lash正是以其獨(dú)特的魅力征服了網(wǎng)絡(luò)發(fā)燒友。
首先，F(xiàn)lash的一個(gè)很重要的特點(diǎn)是創(chuàng)建的文件體積很小，F(xiàn)lash是完全基于矢量的Flash處理技術(shù)，而矢量圖形就是用少量的向量數(shù)據(jù)來描述一個(gè)復(fù)雜的對(duì)象，存儲(chǔ)時(shí)只占很小的空間，而且圖像的質(zhì)量也很高。想必許多網(wǎng)友們也曾對(duì)自己掛在網(wǎng)上的一些Flash作品的體積擔(dān)心，那么，用Flash來創(chuàng)建網(wǎng)絡(luò)Flash作品也正是我們的首選。
其次，F(xiàn)lash使用的是插件的工作方式，用戶只要安裝一次插件，以后就可以快速啟動(dòng)并觀看Flash，而不必像Java那樣，每次都要花費(fèi)大量的時(shí)間啟動(dòng)虛擬機(jī)。
再次，F(xiàn)lash動(dòng)漫采用的是“流式”的Flash播放技術(shù)，用戶不必等到Flash下載完全再去欣賞，而是一邊下載一邊欣賞。
最后，F(xiàn)lash簡(jiǎn)單易學(xué)，盡管它不能像一門高級(jí)語言一樣進(jìn)行編程，但功能還是很廣泛的。使用內(nèi)置的ActionScript語句結(jié)合JavaScript，也可以制作出互動(dòng)性很強(qiáng)的主頁來
1.1 Flash軟件的介紹
Flash是美國Macromedia公司所設(shè)計(jì)的一種二維矢量動(dòng)畫軟件（現(xiàn)Adobe公司產(chǎn)品），用于設(shè)計(jì)和編輯Flash文檔，最新版本為：Animate CC 2015.5。Flash通常也指Macromedia Flash Player（現(xiàn)Adobe Flash Player），用于播放Flash文檔。
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
檔案格式:
圖1-1影片檔
“swf ”這是一個(gè)完整的影片檔，無法被編輯。有時(shí)會(huì)被念做“swiff”。Swf在發(fā)布時(shí)可以選擇保護(hù)功能，如果沒有選擇，很容易被別人輸入到他的原始檔中使用。然而保護(hù)功能依然阻擋不了為數(shù)眾多的破解軟件，有不少閃客專門以此來學(xué)習(xí)別人的程序代碼和設(shè)計(jì)方式。
圖1-2原始檔
“fla ”是Flash的原始檔，只能用Macromedia Flash打開編輯或Adobe Flash CS3及更高版本打開編輯
Actionscript是一種程序語言的簡(jiǎn)單文本文件.FLA檔案能夠直接包含Actionscript, 但是也可以把它存成AS檔做為外部連結(jié)檔案(如定義ActionScript類則必須在寫在as文件里,再通過import加入類)，以方便共同工作和更進(jìn)階的程序修改。
Flash 是一種創(chuàng)作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡(jiǎn)單的Flash、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用 Flash 創(chuàng)作的各個(gè)內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡(jiǎn)單的Flash。您也可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 Flash 應(yīng)用程序。
Flash 特別適用于創(chuàng)建通過 Internet 提供的內(nèi)容，因?yàn)樗奈募浅Ｐ?。Flash 是通過廣泛使用矢量圖形做到這一點(diǎn)的。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲(chǔ)空間小很多，因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來表示的。位圖圖形之所以更大，是因?yàn)閳D像中的每個(gè)像素都需要一組單獨(dú)的數(shù)據(jù)來表示。
Flash網(wǎng)頁設(shè)計(jì)
1.1.1Flash的歷史
Flash是由macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)，由Adobe公司收購。做Flash動(dòng)畫的人被稱之為閃客。網(wǎng)頁設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個(gè)商用的二維矢量動(dòng)畫軟件，用于設(shè)計(jì)和編輯Flash文檔。1996年11月，美國Macromedia公司收購了Future Wave，并將其改名為Flash。后又于2005年12月3日被Adobe公司收購。Flash通常也指Macromedia Flash Player（現(xiàn)Adobe Flash Player）。2012年8月15日，F(xiàn)lash退出Android平臺(tái)，正式告別移動(dòng)端。2015年12月1日，Adobe將動(dòng)畫制作軟件Flash professional CC2015升級(jí)并改名為Animate CC 2015.5。
Flash的過去無疑是異常輝煌的，然而它的現(xiàn)在和將來卻飽受非議。在移動(dòng)互聯(lián)網(wǎng)和Html5的強(qiáng)烈沖擊之下，F(xiàn)lash在網(wǎng)頁方面的應(yīng)用逐漸衰退，如今已經(jīng)很難再看到純正的Flash整站了。有人因此斷言Flash已經(jīng)成為一種“過時(shí)”的、“應(yīng)被拋棄”的技術(shù)，更有人提出“Flash將死”的預(yù)言。然而，換一種客觀的眼光來看現(xiàn)實(shí)情形，就會(huì)發(fā)現(xiàn)Flash并未完全衰退，在網(wǎng)頁游戲、互動(dòng)設(shè)計(jì)、媒體應(yīng)用、教育課件等領(lǐng)域，仍然能夠看到Flash異常活躍的身影。在動(dòng)畫效果的流暢性、互動(dòng)設(shè)計(jì)的便捷性、代碼開發(fā)的簡(jiǎn)易性、程序應(yīng)用的廣泛性等方面，目前還沒有任何一款軟件能夠與Flash相比擬。因此，也有許多開發(fā)者認(rèn)為Flash還“大有可為”。無論Flash的未來何去何從，在當(dāng)下，它仍然是一門值得所有人認(rèn)真學(xué)習(xí)的技術(shù)。特別是對(duì)于有志成為網(wǎng)頁設(shè)計(jì)師的學(xué)習(xí)者而言，F(xiàn)lash更是一門必修課。
1.2 Flash軟件的特點(diǎn)
1.2.1普通網(wǎng)頁設(shè)計(jì)的特點(diǎn)
網(wǎng)頁設(shè)計(jì)要注意的兩個(gè)要點(diǎn)：整體風(fēng)格和色彩搭配。
1、確定網(wǎng)頁的整體風(fēng)格
網(wǎng)頁的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。難就難在沒有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)頁。
風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語）、版面布局、瀏覽方式、4
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
交互性、文字、語氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)頁給人們留下的不同感受。
在這里，我提供給大家一些參考經(jīng)驗(yàn)：
(1)將你的標(biāo)志logo，盡可能的放在每個(gè)頁面上最突出的位置。(2)突出你的標(biāo)準(zhǔn)色彩。
(3)總結(jié)一句能反映貴站精髓的宣傳標(biāo)語！
(4)相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)頁中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！
2、網(wǎng)頁色彩的搭配
無論是平面設(shè)計(jì)，還是網(wǎng)頁設(shè)計(jì)，色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候，我們看到的不是優(yōu)美的版式或美麗的圖片，而是網(wǎng)頁的色彩。
關(guān)于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關(guān)設(shè)計(jì)書籍，有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁配色時(shí)的小技巧。
(1)用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。
(2)用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。
(3)用一個(gè)色系。簡(jiǎn)單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。
3、在網(wǎng)頁配色中，還要切記一些誤區(qū)：
(1)不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。
(2)背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。
1.2.2Flash網(wǎng)頁
Flash網(wǎng)頁具有設(shè)計(jì)精美，擁有更多聲效、Flash、流媒體剪輯、美術(shù)效果及兼顧互動(dòng)性等特征，非常適合公司作在線產(chǎn)品展示。Flash網(wǎng)頁基本以圖形和Flash為主，所以比較適合做那些文字內(nèi)容不太多，以平面、Flash效果為主的應(yīng)用。如：企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個(gè)性網(wǎng)頁等。
制作全Flash網(wǎng)頁和制作Html網(wǎng)頁類似，事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖，包括：網(wǎng)頁的主題、要用什么樣的元素、哪些元素需要重復(fù)使用、元素之間的聯(lián)系、元素如何運(yùn)動(dòng)、用什么風(fēng)格的音樂、整個(gè)網(wǎng)頁可以分成幾個(gè)邏輯塊、各個(gè)邏輯塊間的聯(lián)系如何、以及你是否打算用Flash建構(gòu)全站或是只用其做網(wǎng)頁的前期
Flash網(wǎng)頁設(shè)計(jì)
部分等等，都應(yīng)在考慮范圍之內(nèi)。
實(shí)現(xiàn)全Flash網(wǎng)頁效果多種多樣，但基本原理是相同的：將主場(chǎng)景作為一個(gè)“舞臺(tái)”，這個(gè)舞臺(tái)提供標(biāo)準(zhǔn)的長寬比例和整個(gè)的版面結(jié)構(gòu)，“演員”就是網(wǎng)頁子欄目的具體內(nèi)容，根據(jù)子欄目的內(nèi)容結(jié)構(gòu)可能會(huì)再派生出更多的子欄目。主場(chǎng)景作為“舞臺(tái)”基礎(chǔ)，基本保持自身的內(nèi)容不變，其它“演員”身份的子類、次子類內(nèi)容根據(jù)需要被導(dǎo)入到主場(chǎng)景內(nèi)。
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
第2章 網(wǎng)頁設(shè)計(jì)的開發(fā)工具與開發(fā)語言
2.1 網(wǎng)頁使用的開發(fā)工具
2.1.1Macromedia Flash 8.0 Pro Macromedia Flash 8.0 Pro相對(duì)于Macromedia Flash MX 2004增強(qiáng)了為移動(dòng)設(shè)備開發(fā)的功能,方便創(chuàng)建Flash Web增強(qiáng)的網(wǎng)絡(luò)視頻。雖然有更高的版本，但是Macromedia Flash 8.0 Pro仍是現(xiàn)在最主流的Flash制作軟件，配合其內(nèi)置的ActionScript 2.0能夠完美實(shí)現(xiàn)網(wǎng)站設(shè)計(jì)中所需要的各種動(dòng)態(tài)效果和交互效果，而我此次所做的Flash網(wǎng)站就是在Macromedia Flash 8.0 Pro的環(huán)境下制作。
新版本的Flash 8中引入了幾種高級(jí)技術(shù):實(shí)時(shí)渲染濾鏡、運(yùn)行時(shí)位圖緩沖、FlashType字體渲染引擎、自定義淡入淡出功能、改進(jìn)的視頻播放組件、增強(qiáng)的文本工具、增強(qiáng)的描邊屬性、高級(jí)漸變控制。其中一種非常棒的技術(shù)是，Macromedia減輕了Flash Player 8的渲染工作，在Flash文件中使用標(biāo)簽，F(xiàn)lash Player 8現(xiàn)在可以在用戶與Flash文件交互時(shí)實(shí)時(shí)渲染濾鏡。這意味著Macromedia已經(jīng)能夠合并內(nèi)建的濾鏡效果，象陰影、模糊、內(nèi)外發(fā)光、倒角、漸變倒角、顏色調(diào)整，以獲得更豐富的用戶體驗(yàn)。這些濾鏡或可視效果能夠被應(yīng)用到影片剪輯(MovieClips)和文本域，當(dāng)在網(wǎng)頁中運(yùn)行時(shí)，通過播放器渲染并顯現(xiàn)出來。2.1.2Adobe Photoshop CS2 作為Adobe公司出品的最出色的圖形圖像處理軟件，Photoshop以其強(qiáng)大的功能向我們證明著它的名至實(shí)歸。在falsh網(wǎng)頁設(shè)計(jì)時(shí)一些圖片素材如背景圖片、按鈕、LOGO等在載入Flash庫前有必要用Photoshop做適當(dāng)?shù)奶幚?2.2 網(wǎng)頁開發(fā)語言
Html（Hyper Text Markup Language）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，它是一種計(jì)算機(jī)程序語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要內(nèi)容。
Html文件是用ASCLL代碼編寫成的，可以保存為最簡(jiǎn)單的TXT文本文件，F(xiàn)lash網(wǎng)頁設(shè)計(jì)
這樣用任何一個(gè)文字處理軟件都可以進(jìn)行編寫，這也是他能夠迅速迅速普及，并十分受歡迎的一個(gè)原因。
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
第3章 Flash網(wǎng)頁設(shè)計(jì)中的各種技術(shù)解析
3.1 主頁界面設(shè)計(jì)解析
3.1.1Flash網(wǎng)頁加載時(shí)的進(jìn)度條設(shè)計(jì)
(1)新建Flash文檔index.fla，設(shè)置舞臺(tái)的大小為550*550像素，設(shè)置背景的顏色為#786e28。
(2)建立進(jìn)度條設(shè)計(jì)主要是幫助觀察Flash網(wǎng)頁載入的進(jìn)度，建立進(jìn)度條設(shè)計(jì)樣式如圖3-1，時(shí)間軸上各層設(shè)計(jì)如圖3-2。
圖3-1進(jìn)度條
圖3-2進(jìn)度條在時(shí)間軸上各層
Actions：幀1代碼： total = _root.getBytesTotal();loaded = _root.getBytesLoaded();baifenshu = int((loaded/total)*100);baifenbi = baifenshu+“%”;setProperty(“jindutiao”, _xscale, baifenshu);Actions：幀2代碼：
Flash網(wǎng)頁設(shè)計(jì)
if(baifenshu == 100){
gotoAndPlay(4);} else { gotoAndPlay(1);} 3.1.2網(wǎng)頁LOGO與站點(diǎn)設(shè)計(jì)
網(wǎng)頁LOGO設(shè)計(jì)：
(1)新建圖形元件“元件42”。
(2)利用矩形工具建立一個(gè)白色矩形，在矩形正中建立一稍小些的背景色矩形形成白色矩形框。
(3)利用任意變形工具將白色矩形框變形成為白色平行四邊形框。用線條工具進(jìn)行分割裁剪，旋轉(zhuǎn)變換得到要設(shè)計(jì)的網(wǎng)頁LOGO。（如圖3-3）
圖3-3 logo展示圖
3.1.3網(wǎng)頁導(dǎo)航條的設(shè)計(jì)
(1)新建圖形元件“元件22”（如圖3-4），作為導(dǎo)航條背景。
圖3-4導(dǎo)航條背景
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
(2)建立6個(gè)圖形元件分別在各元件中設(shè)計(jì)各導(dǎo)航按鈕文字，字體樣式雅黑，字號(hào)12，顏色黑色，分別載入各影片剪輯做出動(dòng)態(tài)效果，對(duì)應(yīng)每個(gè)影片剪輯做一個(gè)與影片剪輯等大的按鈕，按鈕與影片剪輯放于不同層疊加在一起均勻排列與導(dǎo)航條上（如圖3-5）。
圖3-5導(dǎo)航按鈕
(3)給每個(gè)按鈕附加動(dòng)作。（如圖3-6）
圖3-6按鈕b1動(dòng)作目錄
代碼如下： 圖層4：幀1： stop();元件11： on(rollOver){ } on(press){
} 元件11： on(rollOut){
gotoAndPlay(1);
tellTarget(“/”){
}
loadMovieNum(“index101.swf”, 100);
gotoAndPlay(2);11
Flash網(wǎng)頁設(shè)計(jì)
} on(press){
} 圖層4：幀9： Stop（）； 元件11： on(rollOut){ } on(press){
} 3.1.4進(jìn)入主頁界面前動(dòng)態(tài)效果設(shè)計(jì)
(1)新建圖形元件“元件29”，創(chuàng)建長條圖行，作為三個(gè)小窗口推薦酷站、本站作品、站內(nèi)更新的上框（如圖3-7）。建立三個(gè)圖形元件分別制作各個(gè)小窗口的名稱（如圖3-8）。
圖3-7小窗口的上框 圖3-8小窗口的名稱
tellTarget(“/”){
}
loadMovieNum(“index101.swf”, 100);
gotoAndPlay(1);
tellTarget(“/”){
}
loadMovieNum(“index101.swf”, 100);
(2)新建圖像元件，在其上創(chuàng)建與小窗口等大的白色和背景色的矩形色塊，在不同圖層中各小窗口的上框和窗體依次在時(shí)間軸上載入并做形狀補(bǔ)間Flash（如圖3-9）。
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
圖3-9小窗口動(dòng)態(tài)載入效果時(shí)間軸設(shè)置
(3)導(dǎo)航條、網(wǎng)頁頭尾的圖片條以相同方式在時(shí)間軸上依次載入并做形狀補(bǔ)間效果（如圖3-10），就可以完全載入主頁界面獲得完整的主頁框架界面。
圖3-10導(dǎo)航條、網(wǎng)頁頭尾的圖片動(dòng)態(tài)載入效果時(shí)間軸設(shè)置
3.1.5進(jìn)入主頁時(shí)的音效設(shè)置
(1)挑選合適的音效載入庫中。
(2)選擇適當(dāng)?shù)囊粜砑拥綍r(shí)間軸上的適當(dāng)位置（如圖3-11），使動(dòng)態(tài)效果更具表現(xiàn)力。
圖3-11在時(shí)間軸上添加聲音效果
主頁框架界面到現(xiàn)在已經(jīng)基本上設(shè)計(jì)完成了，主頁框架界面為一個(gè)獨(dú)立的Flash文檔，發(fā)布之后形成index.swf文件。此外，我們還要針對(duì)各個(gè)導(dǎo)航卡設(shè)計(jì)其對(duì)應(yīng)的swf文件，各swf文件之間通過as代碼連接形成一個(gè)整體，則構(gòu)成了本Flash網(wǎng)頁的主體結(jié)構(gòu)，再通過as代碼連接一些必要的網(wǎng)頁就構(gòu)成了一個(gè)完整
Flash網(wǎng)頁設(shè)計(jì)
Flash網(wǎng)頁。以下幾章我將對(duì)各個(gè)導(dǎo)航卡所對(duì)應(yīng)的.swf文件及它們所鏈接的網(wǎng)頁頁面的制作做進(jìn)一步的詳細(xì)說明。
3.2 “賞漫軟件”Flash子頁面設(shè)計(jì)
3.2.1“賞漫軟件”目錄的制作
“賞漫軟件”子頁面載入效果和“迷你游戲”子頁面相仿不再贅述。賞漫軟件目錄的制作大體上與游戲目錄相仿，所不同的是不需要轉(zhuǎn)換和滑動(dòng)，也就比游戲目錄要好做多，同時(shí)目錄中軟件按鈕的制作也和游戲目錄中按鈕一樣，再此不在贅述目錄和按鈕的制作方法。我們來看一下做好的目錄的大概形狀樣式（如圖3-12），用以上做目錄的經(jīng)驗(yàn)可以輕松做好。
按鈕附加動(dòng)作代碼： on(press){
} unloadMovieNum(3);loadMovieNum(“此處最好填所連接swf文件的相對(duì)位置”, 2);
圖3-12軟件目錄樣式
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
3.2.2賞漫軟件的圖片文字介紹部分制作
該部分是以一個(gè)小的swf文件單獨(dú)存在的，在點(diǎn)擊軟件按鈕時(shí)會(huì)載入相應(yīng)的swf文件在界面的適當(dāng)位置。
接下來我們來做一下這個(gè)小swf文件，就那ACDSee圖片瀏覽軟件所對(duì)應(yīng)的swf文件來說明吧。
（1）新建空白fla文件，命名.fla。將通過Photoshop設(shè)計(jì)好ACDSee軟件的圖片素材，載入到s2庫中。并生成影片剪輯。以影片剪輯動(dòng)態(tài)效果實(shí)現(xiàn)是通過逐幀F(xiàn)lash方式完成的（如圖3-13至3-14）
圖3-13本影片剪輯動(dòng)態(tài)效果的時(shí)間軸設(shè)置
圖3-14本影片剪輯動(dòng)態(tài)效果
3.3 “精品動(dòng)漫”Flash子頁面設(shè)計(jì)
“精品動(dòng)漫”Flash子頁面是一個(gè)與前幾個(gè)子頁面略有不同的子頁面，頁面的設(shè)計(jì)風(fēng)格與前幾個(gè)頁面有些許差異，不規(guī)則的背景使得頁面整體顯得翹起生動(dòng)。（如圖3-15）子頁面載入動(dòng)態(tài)效果及顯示出動(dòng)漫按鈕前的動(dòng)態(tài)效果在前面都有涉及不在贅述。
Flash網(wǎng)頁設(shè)計(jì)
圖3-15“精品動(dòng)漫”Flash子頁面
（1）新建空白fla文件，命名為index003。將通過Photoshop設(shè)計(jì)好Flash按鈕圖片素材，大小50*50像素，載入到index003庫中。
（2）新建圖形元件，將圖片載入圖形元件中并在圖片上面覆蓋一層多半透明的與圖片等大的色塊。（如圖3-16）
圖3-16圖像上覆蓋了透明色塊的圖形元件
（3）將圖像元件做成按鈕，按鈕元件第一幀是將該圖形元件透明度略調(diào)高一些（如圖3-17），在第二三幀恢復(fù)正常（如圖3-18）。
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
圖3-17按鈕第一幀
圖3-18按鈕第二三幀
（4）給每個(gè)按鈕附加動(dòng)作代碼以連接到要播放的swf文件。代碼如下： on(press){
} tellTarget(“/”){ } loadMovieNum(“xinFlash9.swf”, 2);3.4 “酷站導(dǎo)航”Flash子頁面設(shè)計(jì)
目錄的制作、按鈕的制作、子頁面載入動(dòng)態(tài)效果及顯示目錄時(shí)的動(dòng)態(tài)效果等在前面都有涉及不在贅述。這里僅提供該子網(wǎng)頁設(shè)計(jì)好后的最后效果。（如圖3-19）
Flash網(wǎng)頁設(shè)計(jì)
圖3-19“酷站導(dǎo)航”子網(wǎng)頁設(shè)計(jì)好后的效果
其中各個(gè)網(wǎng)頁按鈕附加動(dòng)作的代碼為： on(press){ } 其中對(duì)網(wǎng)頁的圖片展示和介紹部分同“賞漫軟件”子頁面中的小swf文件制作方法一致，可仿照其制作不再贅述。loadMovieNum(“需要讀取的swf文件的相對(duì)url地址”, 2);3.5 “酷炫漫畫”Flash子頁面設(shè)計(jì)
絕大部分和“賞漫軟件”子頁面中的設(shè)計(jì)保持一致，只是按鈕需要重新制作，右側(cè)的圖片展示部分也沒太多的改變，完全可以仿照其設(shè)計(jì)制作不再贅述。再次提供該子網(wǎng)頁設(shè)計(jì)好后的最后效果。（如圖3-20）
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
圖3-20“酷炫漫畫”子網(wǎng)頁設(shè)計(jì)好后的效果
3.6 “關(guān)于作品”Flash子頁面設(shè)計(jì)
本網(wǎng)頁就只有一個(gè)文字面板，文字面板的設(shè)計(jì)和其他頁面中目錄的設(shè)計(jì)比較相似，都是先在圖形元件中設(shè)計(jì)好其輪廓和背景，再在時(shí)間軸上通過形狀、亮度、透明度改變進(jìn)行形狀補(bǔ)間最終獲得文字面板（如圖3-21）。再次提供該子網(wǎng)頁設(shè)計(jì)好后的最后效果。（如圖3-22）
圖3-21文字面板設(shè)計(jì)在時(shí)間軸上的設(shè)置
圖3-22“關(guān)于作品”子網(wǎng)頁設(shè)計(jì)好后的效果
Flash網(wǎng)頁設(shè)計(jì)
結(jié)論
Flash網(wǎng)頁具有設(shè)計(jì)精美，擁有更多聲效、Flash、流媒體剪輯、美術(shù)效果及兼顧互動(dòng)性等特征，非常適合公司作在線產(chǎn)品展示。Flash網(wǎng)頁基本以圖形和Flash為主，所以比較適合做那些文字內(nèi)容不太多，以平面、Flash效果為主的應(yīng)用。如：企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個(gè)性網(wǎng)頁等。
制作全Flash網(wǎng)頁和制作Html網(wǎng)頁類似，事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖，包括：網(wǎng)頁的主題、要用什么樣的元素、哪些元素需要重復(fù)使用、元素之間的聯(lián)系、元素如何運(yùn)動(dòng)、用什么風(fēng)格的音樂、整個(gè)網(wǎng)頁可以分成幾個(gè)邏輯塊、各個(gè)邏輯塊間的聯(lián)系如何、以及你是否打算用Flash建構(gòu)全站或是只用其做網(wǎng)頁的前期部分等等，都應(yīng)在考慮范圍之內(nèi)。
因?yàn)楸救怂接邢?，雖然已從很多方面進(jìn)行闡述和講解，但終究是不能十全十美的，理論與實(shí)際永遠(yuǎn)是有距離的。希望能在今后的學(xué)習(xí)和工作中能不斷完善、進(jìn)步！
遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）
致謝
畢業(yè)設(shè)計(jì)完成之際，我由衷地感謝楊虹老師的大力幫助和支持，感謝我的同學(xué)和朋友，在我遇到各種各樣復(fù)雜問題的時(shí)候，給予我鼓勵(lì)和幫助，使我分析問題和解決問題能力有了很大提高
本論文是在楊虹老師的悉心指導(dǎo)下完成的。楊虹老師淵博的專業(yè)知識(shí)，誨人不倦的高尚師德，嚴(yán)以律己、寬以待人的崇高風(fēng)范，樸實(shí)無華、平易近人的人格魅力對(duì)我影響深遠(yuǎn)。不僅使我樹立了遠(yuǎn)大的學(xué)術(shù)目標(biāo)，還使我明白了許多待人接物與為人處世的道理。所有這一切都將成為我受益終生的寶貴財(cái)富!本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。在此，我向?qū)煴硎境绺叩木匆夂陀芍缘母兄x！我在研究思想方法上得到了啟發(fā)，并且在工作中采用他們的部分研究成果與資料。盡管與他們?yōu)槲腋冻龅囊磺邢啾龋械恼Z言都顯得蒼白無力，但我仍要真誠地說聲:謝謝!感謝三年來各位老師和同學(xué)對(duì)我學(xué)習(xí)、生活的關(guān)心和幫助。在論文即將完成之際，我的心情久久無法平靜，從開始進(jìn)入課題到論文的順利完成，有多少可敬的師長、同學(xué)、朋友給予了我無言的幫助，在這里請(qǐng)接受我誠摯的謝意！
最后感謝我的母?！|寧警察學(xué)院三年來對(duì)我的栽培。畢業(yè)設(shè)計(jì)完成之際，我由衷地感謝論文指導(dǎo)老師的大力幫助和支持，感謝熱心的同學(xué)與朋友，在我遇到種各樣復(fù)雜問題的時(shí)候，給予我鼓勵(lì)和幫助。
Flash網(wǎng)頁設(shè)計(jì)
參考文獻(xiàn)
[1]向玫玫,林強(qiáng)，馬杰，薛雅娟,王亞冰，范文南.Flash設(shè)計(jì)(21世紀(jì)全國普通高等院校美術(shù)藝術(shù)設(shè)計(jì)專業(yè)十二五精品課程規(guī)劃教材)，遼寧美術(shù)出版社，2014.04.[2]李錫澤，王喆.《Flash動(dòng)畫網(wǎng)頁設(shè)計(jì)》，武漢大學(xué)出版社,2015年.[3]劉歡.《Flash ActionScript 3.0交互設(shè)計(jì)200例》，人民郵電出版社，2015.05.[4]劉斌.基于Flash的課件制作與應(yīng)用[J]，科技廣場(chǎng)，2012(7).P102-P103.[5]莫仲心.淺談Flash動(dòng)畫在網(wǎng)頁設(shè)計(jì)中的應(yīng)用[J].信息通信.2012(1).P135-P136.22
第三篇：分層教學(xué)在《網(wǎng)頁設(shè)計(jì)》中的應(yīng)用
分層教學(xué)在《網(wǎng)頁設(shè)計(jì)》中的應(yīng)用
乳源中等職業(yè)技術(shù)學(xué)校 李新華
摘要: 《網(wǎng)頁設(shè)計(jì)》在中等職業(yè)技術(shù)學(xué)校課程中是一個(gè)操作性較強(qiáng)的模塊，學(xué)生通過對(duì)《網(wǎng)頁設(shè)計(jì)》這一模塊的學(xué)習(xí)，能夠熟悉網(wǎng)站、網(wǎng)頁的基礎(chǔ)知識(shí)，掌握建立網(wǎng)站和制作網(wǎng)頁的基本知識(shí)和技巧；能夠設(shè)計(jì)出精美的網(wǎng)頁，還可以培養(yǎng)一種能夠陶冶情操的特長愛好。
關(guān)鍵詞：分層 差異 分層教學(xué)
在實(shí)際教學(xué)中，我發(fā)現(xiàn)學(xué)生對(duì)《網(wǎng)頁設(shè)計(jì)》課程的學(xué)習(xí)興趣和學(xué)習(xí)能力反映不一樣。其中某些學(xué)生的學(xué)習(xí)能力較強(qiáng)，表現(xiàn)出對(duì)網(wǎng)頁設(shè)計(jì)有很強(qiáng)的學(xué)習(xí)興趣，同時(shí)學(xué)習(xí)效果也不錯(cuò)，經(jīng)常向老師表示希望能學(xué)到更多的關(guān)于網(wǎng)頁設(shè)計(jì)方面的知識(shí)；還有部分學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)課程也表現(xiàn)出一定的興趣，但學(xué)習(xí)能力不是很好，學(xué)習(xí)效果一般；還有一部分學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)課程的學(xué)習(xí)幾乎沒有什么熱情，也不用心學(xué)習(xí)或者學(xué)習(xí)能力差，基本喪失了學(xué)習(xí)興趣和信心。如何讓所有的學(xué)生都能學(xué)會(huì)并且學(xué)好《網(wǎng)頁設(shè)計(jì)》這個(gè)操作性那么強(qiáng)的模塊呢？本人在教學(xué)中發(fā)現(xiàn)“根據(jù)不同學(xué)生的具體情況和知識(shí)結(jié)構(gòu)進(jìn)行教學(xué)設(shè)計(jì)”的分層教學(xué)理論正符合目前學(xué)生的情況，因此決定在教學(xué)中采用“學(xué)生分層——教學(xué)目標(biāo)分層——教學(xué)評(píng)價(jià)分層”的教學(xué)模式。
由于網(wǎng)頁設(shè)計(jì)是一門實(shí)踐性較強(qiáng)的課程，學(xué)生的網(wǎng)頁設(shè)計(jì)水平會(huì)隨著學(xué)習(xí)態(tài)度的變化和實(shí)踐操作的熟練程度的變化而發(fā)生相應(yīng)的變化。所以在進(jìn)行實(shí)際教學(xué)中根據(jù)具體情況適時(shí)采用分層教學(xué)。
在講授到超級(jí)鏈接時(shí), 我采用了分層教學(xué)模式進(jìn)行教學(xué)。
一、學(xué)生分層
分層教學(xué)理論的一個(gè)基本的要求和目的就是根據(jù)不同學(xué)生的具體情況和知識(shí)結(jié)構(gòu)進(jìn)行教學(xué)設(shè)計(jì)。根據(jù)學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)的掌握程度,我將學(xué)生分為A、B、C三個(gè)層次。具體分層如下：
A層：學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)課程的學(xué)習(xí)表現(xiàn)出較強(qiáng)的興趣，同時(shí)也熟練應(yīng)用網(wǎng)頁設(shè)計(jì)相關(guān)軟件（如Dreamweaver、Flash、PhotoShop）的同學(xué)，并能較快地接受老師在多媒體課堂上講授的教學(xué)內(nèi)容和在計(jì)算機(jī)機(jī)房中能較好完成老師所布置的實(shí)驗(yàn)內(nèi)容。
B層：學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)課程的學(xué)習(xí)興趣表現(xiàn)一般，同時(shí)對(duì)網(wǎng)頁設(shè)計(jì)相關(guān)軟件有一定了解的同學(xué)，能理解老師在多媒體課堂上講授的教學(xué)內(nèi)容，但在計(jì)算機(jī)機(jī)房實(shí)踐時(shí)需要老師或其他同學(xué)的幫助才能順利地完成實(shí)驗(yàn)內(nèi)容。C層：學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)基本沒有學(xué)習(xí)興趣，同時(shí)學(xué)習(xí)能力較差或?qū)W習(xí)不夠認(rèn)真的同學(xué)，在課堂上表現(xiàn)很差（經(jīng)常違反課堂紀(jì)律，或者做些與課堂無關(guān)的事情）。
二、教學(xué)目標(biāo)分層
教學(xué)目標(biāo)的分層就在于給不同的學(xué)生設(shè)置不同的階段學(xué)習(xí)目標(biāo)，以使不同的學(xué)生能根據(jù)各自不同的情況進(jìn)行有針對(duì)性的學(xué)習(xí)。既能保持各層次學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的積極性,又能在各自的基礎(chǔ)上發(fā)揮特長,使基礎(chǔ)的鞏固與個(gè)性的發(fā)展達(dá)到和諧統(tǒng)一。
根據(jù)以上原則,關(guān)于超級(jí)鏈接的學(xué)習(xí)目標(biāo)也分三個(gè)層次。
C層：能理解超級(jí)鏈接的概念和掌握創(chuàng)建超級(jí)鏈接的基本方法；在上機(jī)實(shí)踐操作時(shí)能夠模仿范例創(chuàng)建幾種常用的超級(jí)鏈接：不同對(duì)象的鏈接（文字鏈接和圖像鏈接）、不同路徑的鏈接（絕對(duì)路徑鏈接和相對(duì)路徑鏈接）、不同形式的鏈接（電子郵件鏈接和虛擬鏈接）。
B層：除了能夠理解超級(jí)鏈接的概念和掌握創(chuàng)建超級(jí)鏈接的基本方法外，還要熟練創(chuàng)建超級(jí)鏈接的技巧；除了在上機(jī)實(shí)踐操作時(shí)能夠模仿范例創(chuàng)建幾種常用的超級(jí)鏈接外，還要在C層目標(biāo)的基礎(chǔ)上增加難度較大的超級(jí)鏈接，如圖像熱點(diǎn)鏈接和錨記鏈接；同時(shí)還要懂得在制作網(wǎng)頁時(shí)在不同的情況下使用不同類型的鏈接。
A層：在掌握B層目標(biāo)的基礎(chǔ)上還要求學(xué)生掌握超級(jí)鏈接的HTML語法，還要求利用CSS樣式來修飾鏈接文字以實(shí)現(xiàn)更佳鏈接效果，并且還能夠制作出實(shí)現(xiàn)超級(jí)鏈接的Flash動(dòng)畫效果；同時(shí)還鼓勵(lì)學(xué)生自己設(shè)計(jì)和制作更有創(chuàng)意的超級(jí)鏈接效果，使網(wǎng)頁更生動(dòng)和精美。
三、教學(xué)評(píng)價(jià)分層
在教學(xué)中，根據(jù)學(xué)生分層傳授知識(shí)，對(duì)學(xué)生進(jìn)行不同的評(píng)價(jià)。對(duì)學(xué)生進(jìn)行分層評(píng)價(jià)，以其在原有知識(shí)水平上的進(jìn)步和提高作為評(píng)價(jià)學(xué)生是否完成教學(xué)目標(biāo)的一個(gè)基準(zhǔn)，這是進(jìn)行分層教學(xué)的一個(gè)重要的方面，也是衡量分層教學(xué)法是否有效的一個(gè)重要手段。
在進(jìn)行超級(jí)鏈接的學(xué)習(xí)后，根據(jù)學(xué)生的多媒體課堂聽課情況和上機(jī)實(shí)踐操作情況，以及布置作業(yè)的完成情況和課后學(xué)生自行練習(xí)情況進(jìn)行總考核，得出綜合評(píng)價(jià)。
A層：大部分學(xué)生都能夠自覺地完成老師布置的任務(wù)，能夠創(chuàng)建出效果較好的超級(jí)鏈接； B層：部分學(xué)生也基本掌握了很多的創(chuàng)建超級(jí)鏈接的方法和技巧，但還有個(gè)別學(xué)生因努力程度不夠而沒有達(dá)到預(yù)期的教學(xué)目標(biāo)；
C層：某些學(xué)生基本掌握了超級(jí)鏈接的概念和創(chuàng)建常用超級(jí)鏈接的方法，甚至有部分學(xué)生在老師的指導(dǎo)和同學(xué)的幫助下能夠創(chuàng)建出難度更大的超級(jí)鏈接。
在進(jìn)行超級(jí)鏈接教學(xué)中采用分層教學(xué)實(shí)踐取得初步效果后，接著講授表格、層、行為和CSS樣式等內(nèi)容時(shí)繼續(xù)采用分層教學(xué)法。實(shí)踐證明，教學(xué)效果當(dāng)不錯(cuò)?！毒W(wǎng)頁設(shè)計(jì)》這一模塊課程結(jié)束時(shí)，大部分A層學(xué)生在這一模塊的綜合成績達(dá)到80分以上，B層學(xué)生的綜合成績達(dá)到70分以上，而C層學(xué)生的綜合成績也基本上在及格以上。甚至個(gè)別B層和C層學(xué)生的成績達(dá)到80分以上。
綜上所述，在《網(wǎng)頁設(shè)計(jì)》模塊教學(xué)中采用分層教學(xué)方法，將有效的克服教學(xué)內(nèi)容與學(xué)生興趣愛好之間的矛盾，克服學(xué)生掌握知識(shí)水平兩極分化的矛盾。真正做到了以學(xué)生為出發(fā)點(diǎn)，充分發(fā)揮學(xué)生的積極性和主動(dòng)性，適應(yīng)學(xué)生對(duì)不同內(nèi)容的學(xué)習(xí)需要，有效地解決了班級(jí)授課制的固有缺陷和因材施教之間的矛盾，《網(wǎng)頁設(shè)計(jì)》模塊教學(xué)注入了新的活力。但是，分層教學(xué)的設(shè)計(jì)、分組、教學(xué)內(nèi)容的分層、教學(xué)方法的分層等方面仍存在著不少的問題還有不少值得深入探索的地方。我將在以后的教學(xué)中不斷努力，使分層教學(xué)活動(dòng)的方法得以不斷的改進(jìn)和完善。
參考文獻(xiàn)：
1、鐘和軍 《基于信息技術(shù)環(huán)境下分層導(dǎo)學(xué)模式的構(gòu)建與實(shí)踐》
2、付裕東 《落實(shí)因材施教原則的最佳途徑——分層次教學(xué)》
3、王濤斌 《分層教學(xué)理論在信息技術(shù)教學(xué)中的運(yùn)用》
4、張春興 《教育心理學(xué)》
5、羅耀軍，戴小波，張培軍 《計(jì)算機(jī)網(wǎng)頁制作教程》
第四篇：在網(wǎng)頁中插入flash的標(biāo)準(zhǔn)代碼
使用可實(shí)現(xiàn)Flash動(dòng)畫的插入，但也可以用標(biāo)記插入Flash動(dòng)畫，但后者有些復(fù)雜，若要和前者一樣實(shí)現(xiàn)動(dòng)畫的插入，必須要加：才能實(shí)現(xiàn)flash動(dòng)畫的插入。我想問下，前者和后者的功能應(yīng)該差不多是吧，為什么后者那么麻煩，要加這么多的參數(shù)。還有就是object標(biāo)簽里面去掉data=“1.swf”，運(yùn)行后好像正常的。加不加都沒區(qū)別嗎？謝謝啦??！
兩個(gè)標(biāo)簽都可以實(shí)現(xiàn)在網(wǎng)頁中插入視頻或flash，object是微軟的ie瀏覽器支持的的，當(dāng)然微軟也認(rèn)嵌入標(biāo)簽embed．N的瀏覽器支持embed但忽略object。
據(jù)說object是發(fā)展方向．將來embed要淘汰?，F(xiàn)在一般object內(nèi)套embed,是為了在各種瀏覽器里都取得最佳瀏覽效果．如此而已,單用其一一般都可以。
我舉一段html插入flash動(dòng)畫的比較標(biāo)準(zhǔn)的代碼：
點(diǎn)擊咨詢 