窗體對象最主要的功能就是能夠直接訪問HTML文檔中的窗體，它封裝了相關(guān)的HTML代碼：

窗體對象的方法只有一個--submit()方法，該方法主要功用就是實(shí)現(xiàn)窗體信息的提交。如提交Mytest窗體，則使用下列格式：

document.mytest.submit()

第五章

色彩在網(wǎng)頁中的應(yīng)用

6.1.3 窗體對象的屬性

窗體對象中的屬性主要包括以下：elements name action target encoding method。除Elements外，其它幾個均反映了窗體中標(biāo)識中相應(yīng)屬性的狀態(tài)，這通常是單個窗體標(biāo)識；而elements常常是多個窗體元素值的數(shù)組，例：

elements[0].Mytable.elements[1] 6.1.4 訪問窗體對象

在JavaScript中訪問窗體對象可由兩種方法實(shí)現(xiàn)：（1）通過訪問窗體

在窗體對象的屬性中首先必須指定其窗體名，而后就可以通過下列標(biāo)識訪問窗體如：document.Mytable()。

（2）通過數(shù)組來訪問窗體

除了使用窗體名來訪問窗體外，還可以使用窗體對象數(shù)組來訪問窗體對象。但需要注意一點(diǎn)，因窗體對象是由瀏覽器環(huán)境的提供的，而瀏覽器環(huán)境所提供的數(shù)組下標(biāo)是由0到n。所以可通過下列格式實(shí)現(xiàn)窗體對象的訪問：

document.forms[0] document.forms[1] document.forms[2]...6.1.5 引用窗體的先決條件

在JavaScript中要對窗體引用的條件是：必須先在頁面中用標(biāo)識創(chuàng)建窗體，并將定義窗體部分放在引用之前。

6.2 窗體中的基本元素

窗體中的基本元素由按鈕、單選按鈕、復(fù)選按鈕、提交按鈕、重置按鈕、文本框等組成。

在JavaScript中要訪問這些基本元素，必須通過對應(yīng)特定的窗體元素的數(shù)組下標(biāo)或窗體元素名來實(shí)現(xiàn)。每一個元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下：

formName.elements[].methadName(窗體名.元素名或數(shù)組.方法)formName.elemaent[].propertyName(窗體名.元素名或數(shù)組.屬性)下面分別介紹：

（1）Text單行單列輸入元素

功能：對Text標(biāo)識中的元素實(shí)施有效的控制。基本屬性：

Name：設(shè)定提交信息時的信息名稱。對應(yīng)于HTML文檔中的Name。Value：用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。defaultvalue：包括Text元素的默認(rèn)值 基本方法：

blur()：將當(dāng)前焦點(diǎn)移到后臺。

第五章

色彩在網(wǎng)頁中的應(yīng)用

select()：加亮文字。主要事件：

onFocus：當(dāng)Text獲得焦點(diǎn)時，產(chǎn)生該事件。OnBlur：從元素失去焦點(diǎn)時，產(chǎn)生該事件。Onselect：當(dāng)文字被加亮顯示后，產(chǎn)生該文件。onchange：當(dāng)Text元素值改變時，產(chǎn)生該文件。例：

功能：實(shí)施對Textarea中的元素進(jìn)行控制?；緦傩?/p>

name：設(shè)定提交信息時的信息名稱，對應(yīng)HTML文檔Textarea的Name。Value：用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。Default value：元素的默認(rèn)值。方法：

blur()：將輸入焦點(diǎn)失去 select()：將文字加亮后 事件：

onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件 onFocus:當(dāng)輸入獲得焦點(diǎn)后，產(chǎn)生該文件 Onchange:當(dāng)文字值改變時，產(chǎn)生該事件 Onselect:當(dāng)文字加亮后，產(chǎn)生該文件（3）Select選擇元素

功能：實(shí)施對滾動選擇元素的控制。屬性：

name:設(shè)定提交信息時的信息名稱，對應(yīng)文檔select中的name。Length:對應(yīng)文檔select中的length options:組成多個選項(xiàng)的數(shù)組 selectIndex;該下標(biāo)指明一個選項(xiàng)

select在中每一選項(xiàng)都含有以下屬性： Text:選項(xiàng)對應(yīng)的文字

selected:指明當(dāng)前選項(xiàng)是否被選中 Index:指明當(dāng)前選項(xiàng)的位置 defaultselected:默認(rèn)選項(xiàng) 事件：

第五章

色彩在網(wǎng)頁中的應(yīng)用

OnBlur：當(dāng)select選項(xiàng)失去焦點(diǎn)時，產(chǎn)生該文件。onFocas:當(dāng)select獲得焦點(diǎn)時，產(chǎn)生該文件。Onchange:選項(xiàng)狀態(tài)改變后，產(chǎn)生該事件。（4）Button按鈕

功能：實(shí)施對Button按鈕的控制。屬性：

Name:設(shè)定提交信息時的信息名稱，對應(yīng)文檔中button的Name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。方法：

click()該方法類似于一個按下的按鈕。事件：

onclick當(dāng)單擊button按鈕時，產(chǎn)生該事件。例 ：

功能：實(shí)施對一個具有復(fù)選框中元素的控制。屬性：

name:設(shè)定提交信息時的信息名稱。

Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。Checked:該屬性指明框的狀態(tài)true/false.defauitchecked:默認(rèn)狀態(tài) 方法：

click()該方法使得框的某一個項(xiàng)被選中。事件：

Onclick：當(dāng)框的選被選中時，產(chǎn)生該事件。（6）radio無線按鈕

功能：實(shí)施對一個具單選功能的無線按鈕控制。屬性：

Name：設(shè)定提交信息時的信息名稱，對應(yīng)HTML文檔中的radio的name相同 Value：用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔中的radio的name。

length：單選按鈕中的按鈕數(shù)目。defalechecked:默認(rèn)按鈕。

checked:指明選中還是沒有選中。

第五章

色彩在網(wǎng)頁中的應(yīng)用

index:選中的按鈕的位置。方法：

chick():選定一個按鈕。事件：

onclick:單擊按鈕時，產(chǎn)生該事件。（7）hidden:隱藏

功能：實(shí)施對一個具有不顯示文字并能輸入字符的區(qū)域元素的控制。屬性：

name:設(shè)定提交信息時的信息名稱，對應(yīng)HTML文檔的hidden中的Name。

Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔hidden中的value。

defaleitvalue:默認(rèn)值（8）Password口令

功能：實(shí)施對具有口令輸入的元素的控制。屬性：

Name:設(shè)定提交信息時的信息名稱，對應(yīng)HTML文檔中password中的name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔中password中的Value。

defaultvalu:默認(rèn)值 方法：

select():加亮輸入口令域。

blur():使這丟失passward輸入焦點(diǎn)。focus():獲得password輸入焦點(diǎn)。（9）submit提交元素

功能：實(shí)施對一個具有提交功能按鈕的控制。屬性：

name:設(shè)定提交信息時的信息名稱，對應(yīng)HTML文檔中submit。

Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔中value。

方法

click()相當(dāng)于按下submit按鈕。事件：

onclick()當(dāng)按下該按鈕時，產(chǎn)生該事件。

6.3窗體對象實(shí)例

下面我們演示通過點(diǎn)擊一個按鈕（red）來改變窗口顏色，點(diǎn)擊“調(diào)用動態(tài)按鈕文檔”調(diào)用一個動態(tài)按鈕文檔。

test8_1.htm 調(diào)用動態(tài)按鈕文檔

第五篇：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ì)的介紹了本人對于設(shè)計(jì)簡單Flash網(wǎng)頁的一整套設(shè)計(jì)過程和相關(guān)技術(shù)難點(diǎn)的解決方法。

Flash設(shè)計(jì)網(wǎng)頁成為越來越多動漫愛好者和非動漫愛好者獲得信息和交流的平臺，它滿足了廣大用戶隨時隨地進(jìn)行交流和溝通的需要，為網(wǎng)上用戶提供交流場所，實(shí)現(xiàn)高效動態(tài)信息交換，而網(wǎng)頁恰恰是由一個個小小的網(wǎng)頁集結(jié)而成，沒有網(wǎng)頁就沒有強(qiáng)大的網(wǎng)頁?，F(xiàn)在雖然有很多動漫網(wǎng)頁，但版面千篇一律，缺乏個性化、前瞻性，頁面設(shè)計(jì)混亂，不利于用戶查看，網(wǎng)頁的交互性比較差，因此我針對以上問題為動漫網(wǎng)頁設(shè)計(jì)一個個性化的動漫網(wǎng)頁。關(guān)鍵詞：動漫網(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)頁加載時的進(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)入主頁界面前動態(tài)效果設(shè)計(jì).........................................................12 3.1.5進(jìn)入主頁時的音效設(shè)置.....................................................................13 3.2 “賞漫軟件”Flash子頁面設(shè)計(jì)......................................................................14 3.2.1“賞漫軟件”目錄的制作..................................................................14 3.2.2賞漫軟件的圖片文字介紹部分制作.................................................15 3.3 “精品動漫”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ā)展成為信息傳播的主要載體，所以幾乎全球的各個企業(yè)、機(jī)構(gòu)紛紛建立自己的web站點(diǎn)。Internet信息資源龐大、圖文互動、高速高效的特點(diǎn)給傳統(tǒng)設(shè)計(jì)媒體帶來了巨大的沖擊，再加上網(wǎng)絡(luò)經(jīng)濟(jì)對設(shè)計(jì)行業(yè)的影響，由此而產(chǎn)生了一個新的設(shè)計(jì)領(lǐng)域--網(wǎng)頁設(shè)計(jì)。

Flash產(chǎn)業(yè)作為我國發(fā)展中的產(chǎn)業(yè)，網(wǎng)頁設(shè)計(jì)技術(shù)的發(fā)展推動了該產(chǎn)業(yè)的傳播，使得各類Flash網(wǎng)頁紛紛崛起，為廣大Flash愛好者帶來了諸多便利。

本課題設(shè)計(jì)的是一個以Flash設(shè)計(jì)為主題的網(wǎng)頁設(shè)計(jì)，以信息發(fā)布、分享為主要的。通過發(fā)布一些關(guān)于Flash的信息、圖片和Flash等為有同樣喜好的人們提供一個分享的空間。同時訪客用戶可以在網(wǎng)頁中的劇情交流上發(fā)表自己的看法以及可供共享的信息，使人們在獲取信息的同時，還可以發(fā)表自己的感受。在如今網(wǎng)絡(luò)高速發(fā)展的時代，發(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ò)游戲、個性網(wǎng)頁等。

在因特網(wǎng)飛速發(fā)展的今天，多姿多彩的網(wǎng)絡(luò)頁面總是讓我們目不暇接，創(chuàng)建富有個性的個人主頁更是每一個網(wǎng)絡(luò)愛好者的夢想。作為一個優(yōu)秀的多媒體網(wǎng)頁設(shè)計(jì)平臺，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的一個很重要的特點(diǎn)是創(chuàng)建的文件體積很小，F(xiàn)lash是完全基于矢量的Flash處理技術(shù)，而矢量圖形就是用少量的向量數(shù)據(jù)來描述一個復(fù)雜的對象，存儲時只占很小的空間，而且圖像的質(zhì)量也很高。想必許多網(wǎng)友們也曾對自己掛在網(wǎng)上的一些Flash作品的體積擔(dān)心，那么，用Flash來創(chuàng)建網(wǎng)絡(luò)Flash作品也正是我們的首選。

其次，F(xiàn)lash使用的是插件的工作方式，用戶只要安裝一次插件，以后就可以快速啟動并觀看Flash，而不必像Java那樣，每次都要花費(fèi)大量的時間啟動虛擬機(jī)。

再次，F(xiàn)lash動漫采用的是“流式”的Flash播放技術(shù)，用戶不必等到Flash下載完全再去欣賞，而是一邊下載一邊欣賞。

最后，F(xiàn)lash簡單易學(xué)，盡管它不能像一門高級語言一樣進(jìn)行編程，但功能還是很廣泛的。使用內(nèi)置的ActionScript語句結(jié)合JavaScript，也可以制作出互動性很強(qiáng)的主頁來

1.1 Flash軟件的介紹

Flash是美國Macromedia公司所設(shè)計(jì)的一種二維矢量動畫軟件（現(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 ”這是一個完整的影片檔，無法被編輯。有時會被念做“swiff”。Swf在發(fā)布時可以選擇保護(hù)功能，如果沒有選擇，很容易被別人輸入到他的原始檔中使用。然而保護(hù)功能依然阻擋不了為數(shù)眾多的破解軟件，有不少閃客專門以此來學(xué)習(xí)別人的程序代碼和設(shè)計(jì)方式。

圖1-2原始檔

“fla ”是Flash的原始檔，只能用Macromedia Flash打開編輯或Adobe Flash CS3及更高版本打開編輯

Actionscript是一種程序語言的簡單文本文件.FLA檔案能夠直接包含Actionscript, 但是也可以把它存成AS檔做為外部連結(jié)檔案(如定義ActionScript類則必須在寫在as文件里,再通過import加入類)，以方便共同工作和更進(jìn)階的程序修改。

Flash 是一種創(chuàng)作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡單的Flash、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用 Flash 創(chuàng)作的各個內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡單的Flash。您也可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 Flash 應(yīng)用程序。

Flash 特別適用于創(chuàng)建通過 Internet 提供的內(nèi)容，因?yàn)樗奈募浅Ｐ　lash 是通過廣泛使用矢量圖形做到這一點(diǎn)的。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲空間小很多，因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來表示的。位圖圖形之所以更大，是因?yàn)閳D像中的每個像素都需要一組單獨(dú)的數(shù)據(jù)來表示。

Flash網(wǎng)頁設(shè)計(jì)

1.1.1Flash的歷史

Flash是由macromedia公司推出的交互式矢量圖和 Web 動畫的標(biāo)準(zhǔn)，由Adobe公司收購。做Flash動畫的人被稱之為閃客。網(wǎng)頁設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個商用的二維矢量動畫軟件，用于設(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平臺，正式告別移動端。2015年12月1日，Adobe將動畫制作軟件Flash professional CC2015升級并改名為Animate CC 2015.5。

Flash的過去無疑是異常輝煌的，然而它的現(xiàn)在和將來卻飽受非議。在移動互聯(lián)網(wǎng)和Html5的強(qiáng)烈沖擊之下，F(xiàn)lash在網(wǎng)頁方面的應(yīng)用逐漸衰退，如今已經(jīng)很難再看到純正的Flash整站了。有人因此斷言Flash已經(jīng)成為一種“過時”的、“應(yīng)被拋棄”的技術(shù)，更有人提出“Flash將死”的預(yù)言。然而，換一種客觀的眼光來看現(xiàn)實(shí)情形，就會發(fā)現(xiàn)Flash并未完全衰退，在網(wǎng)頁游戲、互動設(shè)計(jì)、媒體應(yīng)用、教育課件等領(lǐng)域，仍然能夠看到Flash異?；钴S的身影。在動畫效果的流暢性、互動設(shè)計(jì)的便捷性、代碼開發(fā)的簡易性、程序應(yīng)用的廣泛性等方面，目前還沒有任何一款軟件能夠與Flash相比擬。因此，也有許多開發(fā)者認(rèn)為Flash還“大有可為”。無論Flash的未來何去何從，在當(dāng)下，它仍然是一門值得所有人認(rèn)真學(xué)習(xí)的技術(shù)。特別是對于有志成為網(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ì)要注意的兩個要點(diǎn)：整體風(fēng)格和色彩搭配。

1、確定網(wǎng)頁的整體風(fēng)格

網(wǎng)頁的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)頁。

風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語）、版面布局、瀏覽方式、4

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

交互性、文字、語氣、內(nèi)容價值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個例子：我們覺得網(wǎng)易是平易近人的，迪斯尼是生動活潑的，IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)頁給人們留下的不同感受。

在這里，我提供給大家一些參考經(jīng)驗(yàn)：

(1)將你的標(biāo)志logo，盡可能的放在每個頁面上最突出的位置。(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)的時候，我們看到的不是優(yōu)美的版式或美麗的圖片，而是網(wǎng)頁的色彩。

關(guān)于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關(guān)設(shè)計(jì)書籍，有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁配色時的小技巧。

(1)用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。

(2)用兩種色彩。先選定一種色彩，然后選擇它的對比色。

(3)用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。

3、在網(wǎng)頁配色中，還要切記一些誤區(qū)：

(1)不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。

(2)背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。

1.2.2Flash網(wǎng)頁

Flash網(wǎng)頁具有設(shè)計(jì)精美，擁有更多聲效、Flash、流媒體剪輯、美術(shù)效果及兼顧互動性等特征，非常適合公司作在線產(chǎn)品展示。Flash網(wǎng)頁基本以圖形和Flash為主，所以比較適合做那些文字內(nèi)容不太多，以平面、Flash效果為主的應(yīng)用。如：企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個性網(wǎng)頁等。

制作全Flash網(wǎng)頁和制作Html網(wǎng)頁類似，事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖，包括：網(wǎng)頁的主題、要用什么樣的元素、哪些元素需要重復(fù)使用、元素之間的聯(lián)系、元素如何運(yùn)動、用什么風(fēng)格的音樂、整個網(wǎng)頁可以分成幾個邏輯塊、各個邏輯塊間的聯(lián)系如何、以及你是否打算用Flash建構(gòu)全站或是只用其做網(wǎng)頁的前期

Flash網(wǎng)頁設(shè)計(jì)

部分等等，都應(yīng)在考慮范圍之內(nèi)。

實(shí)現(xiàn)全Flash網(wǎng)頁效果多種多樣，但基本原理是相同的：將主場景作為一個“舞臺”，這個舞臺提供標(biāo)準(zhǔn)的長寬比例和整個的版面結(jié)構(gòu)，“演員”就是網(wǎng)頁子欄目的具體內(nèi)容，根據(jù)子欄目的內(nèi)容結(jié)構(gòu)可能會再派生出更多的子欄目。主場景作為“舞臺”基礎(chǔ)，基本保持自身的內(nèi)容不變，其它“演員”身份的子類、次子類內(nèi)容根據(jù)需要被導(dǎo)入到主場景內(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相對于Macromedia Flash MX 2004增強(qiá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ì)中所需要的各種動態(tài)效果和交互效果，而我此次所做的Flash網(wǎng)站就是在Macromedia Flash 8.0 Pro的環(huán)境下制作。

新版本的Flash 8中引入了幾種高級技術(shù):實(shí)時渲染濾鏡、運(yùn)行時位圖緩沖、FlashType字體渲染引擎、自定義淡入淡出功能、改進(jìn)的視頻播放組件、增強(qiáng)的文本工具、增強(qiáng)的描邊屬性、高級漸變控制。其中一種非常棒的技術(shù)是，Macromedia減輕了Flash Player 8的渲染工作，在Flash文件中使用標(biāo)簽，F(xiàn)lash Player 8現(xiàn)在可以在用戶與Flash文件交互時實(shí)時渲染濾鏡。這意味著Macromedia已經(jīng)能夠合并內(nèi)建的濾鏡效果，象陰影、模糊、內(nèi)外發(fā)光、倒角、漸變倒角、顏色調(diào)整，以獲得更豐富的用戶體驗(yàn)。這些濾鏡或可視效果能夠被應(yīng)用到影片剪輯(MovieClips)和文本域，當(dāng)在網(wǎng)頁中運(yùn)行時，通過播放器渲染并顯現(xiàn)出來。2.1.2Adobe Photoshop CS2 作為Adobe公司出品的最出色的圖形圖像處理軟件，Photoshop以其強(qiáng)大的功能向我們證明著它的名至實(shí)歸。在falsh網(wǎng)頁設(shè)計(jì)時一些圖片素材如背景圖片、按鈕、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代碼編寫成的，可以保存為最簡單的TXT文本文件，F(xiàn)lash網(wǎng)頁設(shè)計(jì)

這樣用任何一個文字處理軟件都可以進(jìn)行編寫，這也是他能夠迅速迅速普及，并十分受歡迎的一個原因。

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

第3章 Flash網(wǎng)頁設(shè)計(jì)中的各種技術(shù)解析

3.1 主頁界面設(shè)計(jì)解析

3.1.1Flash網(wǎng)頁加載時的進(jìn)度條設(shè)計(jì)

(1)新建Flash文檔index.fla，設(shè)置舞臺的大小為550*550像素，設(shè)置背景的顏色為#786e28。

(2)建立進(jìn)度條設(shè)計(jì)主要是幫助觀察Flash網(wǎng)頁載入的進(jìn)度，建立進(jìn)度條設(shè)計(jì)樣式如圖3-1，時間軸上各層設(shè)計(jì)如圖3-2。

圖3-1進(jìn)度條

圖3-2進(jìn)度條在時間軸上各層

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)利用矩形工具建立一個白色矩形，在矩形正中建立一稍小些的背景色矩形形成白色矩形框。

(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個圖形元件分別在各元件中設(shè)計(jì)各導(dǎo)航按鈕文字，字體樣式雅黑，字號12，顏色黑色，分別載入各影片剪輯做出動態(tài)效果，對應(yīng)每個影片剪輯做一個與影片剪輯等大的按鈕，按鈕與影片剪輯放于不同層疊加在一起均勻排列與導(dǎo)航條上（如圖3-5）。

圖3-5導(dǎo)航按鈕

(3)給每個按鈕附加動作。（如圖3-6）

圖3-6按鈕b1動作目錄

代碼如下： 圖層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)入主頁界面前動態(tài)效果設(shè)計(jì)

(1)新建圖形元件“元件29”，創(chuàng)建長條圖行，作為三個小窗口推薦酷站、本站作品、站內(nèi)更新的上框（如圖3-7）。建立三個圖形元件分別制作各個小窗口的名稱（如圖3-8）。

圖3-7小窗口的上框 圖3-8小窗口的名稱

tellTarget(“/”){

}

loadMovieNum(“index101.swf”, 100);

gotoAndPlay(1);

tellTarget(“/”){

}

loadMovieNum(“index101.swf”, 100);

(2)新建圖像元件，在其上創(chuàng)建與小窗口等大的白色和背景色的矩形色塊，在不同圖層中各小窗口的上框和窗體依次在時間軸上載入并做形狀補(bǔ)間Flash（如圖3-9）。

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

圖3-9小窗口動態(tài)載入效果時間軸設(shè)置

(3)導(dǎo)航條、網(wǎng)頁頭尾的圖片條以相同方式在時間軸上依次載入并做形狀補(bǔ)間效果（如圖3-10），就可以完全載入主頁界面獲得完整的主頁框架界面。

圖3-10導(dǎo)航條、網(wǎng)頁頭尾的圖片動態(tài)載入效果時間軸設(shè)置

3.1.5進(jìn)入主頁時的音效設(shè)置

(1)挑選合適的音效載入庫中。

(2)選擇適當(dāng)?shù)囊粜砑拥綍r間軸上的適當(dāng)位置（如圖3-11），使動態(tài)效果更具表現(xiàn)力。

圖3-11在時間軸上添加聲音效果

主頁框架界面到現(xiàn)在已經(jīng)基本上設(shè)計(jì)完成了，主頁框架界面為一個獨(dú)立的Flash文檔，發(fā)布之后形成index.swf文件。此外，我們還要針對各個導(dǎo)航卡設(shè)計(jì)其對應(yīng)的swf文件，各swf文件之間通過as代碼連接形成一個整體，則構(gòu)成了本Flash網(wǎng)頁的主體結(jié)構(gòu)，再通過as代碼連接一些必要的網(wǎng)頁就構(gòu)成了一個完整

Flash網(wǎng)頁設(shè)計(jì)

Flash網(wǎng)頁。以下幾章我將對各個導(dǎo)航卡所對應(yīng)的.swf文件及它們所鏈接的網(wǎng)頁頁面的制作做進(jìn)一步的詳細(xì)說明。

3.2 “賞漫軟件”Flash子頁面設(shè)計(jì)

3.2.1“賞漫軟件”目錄的制作

“賞漫軟件”子頁面載入效果和“迷你游戲”子頁面相仿不再贅述。賞漫軟件目錄的制作大體上與游戲目錄相仿，所不同的是不需要轉(zhuǎn)換和滑動，也就比游戲目錄要好做多，同時目錄中軟件按鈕的制作也和游戲目錄中按鈕一樣，再此不在贅述目錄和按鈕的制作方法。我們來看一下做好的目錄的大概形狀樣式（如圖3-12），用以上做目錄的經(jīng)驗(yàn)可以輕松做好。

按鈕附加動作代碼： on(press){

} unloadMovieNum(3);loadMovieNum(“此處最好填所連接swf文件的相對位置”, 2);

圖3-12軟件目錄樣式

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

3.2.2賞漫軟件的圖片文字介紹部分制作

該部分是以一個小的swf文件單獨(dú)存在的，在點(diǎn)擊軟件按鈕時會載入相應(yīng)的swf文件在界面的適當(dāng)位置。

接下來我們來做一下這個小swf文件，就那ACDSee圖片瀏覽軟件所對應(yīng)的swf文件來說明吧。

（1）新建空白fla文件，命名.fla。將通過Photoshop設(shè)計(jì)好ACDSee軟件的圖片素材，載入到s2庫中。并生成影片剪輯。以影片剪輯動態(tài)效果實(shí)現(xiàn)是通過逐幀F(xiàn)lash方式完成的（如圖3-13至3-14）

圖3-13本影片剪輯動態(tài)效果的時間軸設(shè)置

圖3-14本影片剪輯動態(tài)效果

3.3 “精品動漫”Flash子頁面設(shè)計(jì)

“精品動漫”Flash子頁面是一個與前幾個子頁面略有不同的子頁面，頁面的設(shè)計(jì)風(fēng)格與前幾個頁面有些許差異，不規(guī)則的背景使得頁面整體顯得翹起生動。（如圖3-15）子頁面載入動態(tài)效果及顯示出動漫按鈕前的動態(tài)效果在前面都有涉及不在贅述。

Flash網(wǎng)頁設(shè)計(jì)

圖3-15“精品動漫”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）給每個按鈕附加動作代碼以連接到要播放的swf文件。代碼如下： on(press){

} tellTarget(“/”){ } loadMovieNum(“xinFlash9.swf”, 2);3.4 “酷站導(dǎo)航”Flash子頁面設(shè)計(jì)

目錄的制作、按鈕的制作、子頁面載入動態(tài)效果及顯示目錄時的動態(tài)效果等在前面都有涉及不在贅述。這里僅提供該子網(wǎng)頁設(shè)計(jì)好后的最后效果。（如圖3-19）

Flash網(wǎng)頁設(shè)計(jì)

圖3-19“酷站導(dǎo)航”子網(wǎng)頁設(shè)計(jì)好后的效果

其中各個網(wǎng)頁按鈕附加動作的代碼為： on(press){ } 其中對網(wǎng)頁的圖片展示和介紹部分同“賞漫軟件”子頁面中的小swf文件制作方法一致，可仿照其制作不再贅述。loadMovieNum(“需要讀取的swf文件的相對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)頁就只有一個文字面板，文字面板的設(shè)計(jì)和其他頁面中目錄的設(shè)計(jì)比較相似，都是先在圖形元件中設(shè)計(jì)好其輪廓和背景，再在時間軸上通過形狀、亮度、透明度改變進(jìn)行形狀補(bǔ)間最終獲得文字面板（如圖3-21）。再次提供該子網(wǎng)頁設(shè)計(jì)好后的最后效果。（如圖3-22）

圖3-21文字面板設(shè)計(jì)在時間軸上的設(shè)置

圖3-22“關(guān)于作品”子網(wǎng)頁設(shè)計(jì)好后的效果

Flash網(wǎng)頁設(shè)計(jì)

結(jié)論

Flash網(wǎng)頁具有設(shè)計(jì)精美，擁有更多聲效、Flash、流媒體剪輯、美術(shù)效果及兼顧互動性等特征，非常適合公司作在線產(chǎn)品展示。Flash網(wǎng)頁基本以圖形和Flash為主，所以比較適合做那些文字內(nèi)容不太多，以平面、Flash效果為主的應(yīng)用。如：企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個性網(wǎng)頁等。

制作全Flash網(wǎng)頁和制作Html網(wǎng)頁類似，事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖，包括：網(wǎng)頁的主題、要用什么樣的元素、哪些元素需要重復(fù)使用、元素之間的聯(lián)系、元素如何運(yùn)動、用什么風(fēng)格的音樂、整個網(wǎng)頁可以分成幾個邏輯塊、各個邏輯塊間的聯(lián)系如何、以及你是否打算用Flash建構(gòu)全站或是只用其做網(wǎng)頁的前期部分等等，都應(yīng)在考慮范圍之內(nèi)。

因?yàn)楸救怂接邢蓿m然已從很多方面進(jìn)行闡述和講解，但終究是不能十全十美的，理論與實(shí)際永遠(yuǎn)是有距離的。希望能在今后的學(xué)習(xí)和工作中能不斷完善、進(jìn)步！

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

致謝

畢業(yè)設(shè)計(jì)完成之際，我由衷地感謝楊虹老師的大力幫助和支持，感謝我的同學(xué)和朋友，在我遇到各種各樣復(fù)雜問題的時候，給予我鼓勵和幫助，使我分析問題和解決問題能力有了很大提高

本論文是在楊虹老師的悉心指導(dǎo)下完成的。楊虹老師淵博的專業(yè)知識，誨人不倦的高尚師德，嚴(yán)以律己、寬以待人的崇高風(fēng)范，樸實(shí)無華、平易近人的人格魅力對我影響深遠(yuǎn)。不僅使我樹立了遠(yuǎn)大的學(xué)術(shù)目標(biāo)，還使我明白了許多待人接物與為人處世的道理。所有這一切都將成為我受益終生的寶貴財(cái)富!本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。在此，我向?qū)煴硎境绺叩木匆夂陀芍缘母兄x！我在研究思想方法上得到了啟發(fā)，并且在工作中采用他們的部分研究成果與資料。盡管與他們?yōu)槲腋冻龅囊磺邢啾龋械恼Z言都顯得蒼白無力，但我仍要真誠地說聲:謝謝!感謝三年來各位老師和同學(xué)對我學(xué)習(xí)、生活的關(guān)心和幫助。在論文即將完成之際，我的心情久久無法平靜，從開始進(jìn)入課題到論文的順利完成，有多少可敬的師長、同學(xué)、朋友給予了我無言的幫助，在這里請接受我誠摯的謝意！

最后感謝我的母?！|寧警察學(xué)院三年來對我的栽培。畢業(yè)設(shè)計(jì)完成之際，我由衷地感謝論文指導(dǎo)老師的大力幫助和支持，感謝熱心的同學(xué)與朋友，在我遇到種各樣復(fù)雜問題的時候，給予我鼓勵和幫助。

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動畫網(wǎng)頁設(shè)計(jì)》，武漢大學(xué)出版社,2015年.[3]劉歡.《Flash ActionScript 3.0交互設(shè)計(jì)200例》，人民郵電出版社，2015.05.[4]劉斌.基于Flash的課件制作與應(yīng)用[J]，科技廣場，2012(7).P102-P103.[5]莫仲心.淺談Flash動畫在網(wǎng)頁設(shè)計(jì)中的應(yīng)用[J].信息通信.2012(1).P135-P136.22