網(wǎng)站的設(shè)計與制作畢業(yè)論文

1、<p><b>　　畢業(yè)論文</b></p><p>　　學(xué) 　院 </p><p>　　專 　業(yè) </p><p>　　班 級 ____</p><p>　　

2、學(xué) 　號 </p><p>　　姓 　名 </p><p>　　指導(dǎo)教師 </p><p><b>　　目 錄</b></p><p>　　前言……………………………

3、……………………………………………2</p><p>　　第二章：班級網(wǎng)站建設(shè)的意義………………………………………………3</p><p>　　第三章：網(wǎng)頁制作常用軟件的介紹…………………………………………5</p><p>　　第四章 網(wǎng)站制作的過程……………………………………………………9</p><p>　　4．1做網(wǎng)頁的步驟…………

4、………………………………………………9</p><p>　　4. 2做網(wǎng)頁的要素…………………………………………………………13</p><p>　　4．3網(wǎng)頁形式與內(nèi)容相統(tǒng)一………………………………………………15</p><p>　　第五章 網(wǎng)站的設(shè)計…………………………………………………………15</p><p>　　5.1主頁的要求

5、……………………………………………………………15</p><p>　　5.2子頁的要求……………………………………………………………17</p><p>　　第六章 網(wǎng)頁制作中遇到的問題……………………………………………22</p><p>　　第七章 結(jié)束語………………………………………………………………23</p><p>　　謝詞……

6、……………………………………………………………………25</p><p>　　參考文獻……………………………………………………………………26</p><p><b>　　網(wǎng)站的設(shè)計與制作</b></p><p><b>　　【摘 要】</b></p><p>　　此次論文研究的問題是班級主頁的制作

7、與研究，在制作中主要運用dreamweaver采用分工完成的步驟，最后統(tǒng)一匯總，最終研究的成果將會是具有色彩以及風(fēng)采的作品</p><p>　　在大學(xué)校園里，擁有個人電腦的學(xué)生與日俱增。論壇、貼吧、短信幾乎成為大學(xué)校園文化的幾個組成部分。特別是大學(xué)班級網(wǎng)站這一特殊的虛擬社區(qū)，已經(jīng)融入了學(xué)生的日常生活，成為他們學(xué)習(xí)、生活中不可或缺的部分，本文介紹了網(wǎng)頁設(shè)計的介紹；班級主頁制作的意義；在制作網(wǎng)頁中所用到的軟件和制作網(wǎng)

8、頁中所遇到的問題；班級主頁制作的步驟。重點介紹了在制作網(wǎng)頁中常用軟件的特點和難點；網(wǎng)頁設(shè)計的理念和網(wǎng)頁設(shè)計的要點；網(wǎng)頁配色方案的介紹；位圖與矢量圖的區(qū)別；實現(xiàn)網(wǎng)頁的最新動態(tài)；以及網(wǎng)站建成后的維護和更新。</p><p>　　【關(guān)鍵詞】： 超鏈接 外觀 內(nèi)容</p><p>　　【Abstract】</p><p>　　This paper studies the

9、 problem is the homepage manufacture and research, in the production of mainly using Dreamweaver using division completed the steps, the final unification summary, the final results will be having a color and style of th

10、e works.</p><p>　　In the university campus, with personal computer students grow with each passing day. Forum, post bar, SMS has become almost university campus culture has the following components. Especial

11、ly the university class website this special virtual community, has been integrated into the daily lives of the students, learning, they become an indispensable part of life, this paper introduces the webpage design is i

12、ntroduced; homepage making meaning; in the making of webpage used by the software and the p</p><p>　　【Key word】Super link Appearance Content</p><p><b>　　第一章 前言</b></p><p

13、>　　Internet是人類歷史發(fā)展中的一個偉大的里程碑，它是未來信息高速公路的雛形，人類正由此進入一個前所未有的信息化社會。人民用各種名稱來稱呼internet，入國際互聯(lián)網(wǎng)、因特網(wǎng)、網(wǎng)際網(wǎng)等等，它正在想全世界各大洲延伸和擴散，不斷增添吸收新的網(wǎng)絡(luò)成癮，已經(jīng)成為世界上覆蓋面最廣、規(guī)模最大、信息資源最信息產(chǎn)業(yè)正在經(jīng)受著一個巨大的挑戰(zhàn)，同時也面臨著一個重大的機遇。就目前的科技發(fā)展水平而言，電子信息產(chǎn)業(yè)的發(fā)展已經(jīng)不能夠滿足社會化大生產(chǎn)

14、的要求，因此，各個國家集中人力、財力加大對信息技術(shù)產(chǎn)業(yè)的投入，以適應(yīng)目前需要?？上驳氖窃谶@幾十年的發(fā)展中我們有了互聯(lián)網(wǎng)?；ヂ?lián)網(wǎng)加大了我們了解世界的眼豐富的計算機信息網(wǎng)絡(luò)。隨著二十一世紀新興科技的飛速發(fā)展，如今的電子界，縮緊了人與人之間的距離，這就更容易的使我們走上信息化的道路。</p><p>　　HTML (Hyper Text Markup Language ,超文本標記語言) ,或稱為“多媒體文件語言”,是

15、用于創(chuàng)建Web 頁和Web 信息發(fā)布的第一個通用語言。H TML 以其簡單精練的語法、極易掌握的通用性與易學(xué)性,使Web 網(wǎng)頁可以親近于每一個普通人,網(wǎng)絡(luò)也才得以普及發(fā)展,以至今日的輝煌，隨著各種開發(fā)工具的雛形，網(wǎng)頁制作變得越來越容易，各種工具大致可分為兩類，一類是圖像制作，一類是網(wǎng)頁編輯。</p><p>　　第二章、班級網(wǎng)站建設(shè)的意義</p><p>　　隨著信息時代的到來，教育信息化

16、成為一股不可逆轉(zhuǎn)的潮流。在這潮流中，各校紛紛建起了學(xué)校網(wǎng)站，對推進教育信息化充入了生機和活力。但在這其中，我們忽視了班級網(wǎng)絡(luò)平臺的建設(shè)和應(yīng)用，因為在推進教育信息化的工作中，其最終的目的是如何提高學(xué)生的教育教學(xué)質(zhì)量，而班級是管理學(xué)生的最小單位，直接面對學(xué)生的教育教學(xué)管理。因此我認為做好班級網(wǎng)絡(luò)平臺的建設(shè)和應(yīng)用將有著非常重要的意義。一、班級網(wǎng)站的建設(shè)有利于家校的溝通      

17、    現(xiàn)代教育都提倡學(xué)校、家庭、社會的一體化教育，因此隨著互聯(lián)網(wǎng)的高速發(fā)展，網(wǎng)絡(luò)平臺已成為“三位一體”教育中不可缺少的角色，學(xué)校網(wǎng)站的建設(shè)也成為學(xué)校工作的重中之重。但作為學(xué)生，以及學(xué)生家長，除了關(guān)心學(xué)校的整體發(fā)展以外，更多的是關(guān)心自己孩子班級的情況。如果學(xué)校規(guī)模比較大，學(xué)校發(fā)生的事情很多，各個班級又有具體的情況，學(xué)校的網(wǎng)絡(luò)平臺上不可能反映到方方面面，即使能反映，但由于主頁面篇幅的限制，許多標題不能直接反映

18、出來，會導(dǎo)致家校信息溝通的缺陷。因此需要一個單獨的班級網(wǎng)站信息平臺，能直接明了地了反映孩子周圍發(fā)生的一切，就能夠迅速地使家校取得聯(lián)系，促進家校信息的及時溝通。   例如班主任可以</p><p>　　第三章：網(wǎng)頁制作常用軟件的介紹</p><p>　　DreamWeaver 自制動態(tài) HTML 動畫的網(wǎng)頁 DreamWeaver 是一個很酷的網(wǎng)頁設(shè)計軟件，

19、它包括可視化編輯、HTML 代碼編輯的軟件包，并支持 ActiveX、JavaScript、Java、Flash、ShockWave 等特性，而且它還能通過拖拽從頭到尾制作動態(tài)的 HTML 動畫，支持動態(tài) HTMLDynamic HTML的設(shè)計，使得頁面沒有 plug-in 也能夠在 Netscape 和 IE 4.0 瀏覽器中正確地顯示頁面的動畫。 同時它還提供了自動更新頁面信息的功能。 DreamWeaver 還采用了 Roundt

20、rip HTML 技術(shù)。這項技術(shù)使得網(wǎng)頁在 DreamWeaver 和 HTML代碼編輯器之間進行自由轉(zhuǎn)換，HTML 句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計者可以在不改變原有編輯習(xí)慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver 最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計，這項設(shè)計使任何人都可以輕易擴展它的功能。</p><p>　　Flash是由macromedia公司推出的交互式矢量圖和 Web 動畫的標準

21、，由Adobe公司收購。網(wǎng)頁設(shè)計者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個商用的二維矢量動畫軟件，用于設(shè)計和編輯Flash文檔。1996年11月，美國Macromedia公司收購了Future Wave，并將其改名為Flash。后又被Adobe公司收購。Flash通常也指Macromedia Flash Player(

22、現(xiàn)Adobe Flash Player)。2012年8月15日，F(xiàn)lash退出Android平臺，正式告別移動端</p><p>　　Flash，是一種動畫創(chuàng)作與應(yīng)用程序開發(fā)于一身的創(chuàng)作軟件，目前最新的零售版本為Adobe Flash Professional CS6(2012年發(fā)布)。Adobe Flash Professional CS6為創(chuàng)建數(shù)字動畫、交互式Web站點、桌面應(yīng)用程序以及手機應(yīng)用程序開發(fā)提供了

23、功能全面的創(chuàng)作和編輯環(huán)境。Flash廣泛用于創(chuàng)建吸引人的應(yīng)用程序，它們包含豐富的視頻、聲音、圖形和動畫?？梢栽贔lash中創(chuàng)建原始內(nèi)容或者從其它Adobe應(yīng)用程序（如Photoshop或Illustrator）導(dǎo)入它們，快速設(shè)計簡單的動畫，以及使用Adobe AcitonScript 3.0開發(fā)高級的交互式項目。設(shè)計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash可以包含簡單的動畫、視頻內(nèi)容、復(fù)雜演示文

24、稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用Flash創(chuàng)作的各個內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡單的動畫。您也可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的Flash應(yīng)用程序。 </p><p>　　Flash Player 是一款能夠播放小又快速的多媒體動畫，以及交互式的動畫、飛行標志和用macromedia flash做出的圖像。這個播放器非常小，只需花一點點時間下載，對于在體驗網(wǎng)

25、頁上的多媒體效果是個很好的開始。 </p><p>　　Flash也支持高品質(zhì)的mp3音頻流、文字輸入字段、交互式接口等等很多東西。這個最新版本可以觀看所有的flash格式。若你要觀看網(wǎng)頁上的多媒體內(nèi)容，flash player幾乎是網(wǎng)絡(luò)上的標準。為此播放器所制作的動畫或圖像十分常見。 </p><p>　　Flash的前身是FutureSplash Animator，在出現(xiàn)時它僅僅作為當(dāng)

26、時交互制作軟件Director和Authorware的一個小型插件，后來才由Macromedia公司出品成單獨的軟件。曾與Dreamweaver（網(wǎng)頁制作工具軟件）和Fireworks（圖像處理軟件）并成為“網(wǎng)頁三劍客”。Flash隨著互聯(lián)網(wǎng)的發(fā)展，在Flash4版本之后嵌入了ActionScript函數(shù)調(diào)用功能，使互聯(lián)網(wǎng)在交互應(yīng)用上更加便捷。該公司及旗下軟件于2007年被Adobe公司收購并進行后續(xù)開發(fā)。（Macromedia最后一個

27、版本為Flash8，Adobe收購后第一個發(fā)布的版本為Flash CS） </p><p>　　Flash特別適用于創(chuàng)建通過Internet提供的內(nèi)容，因為它的文件非常小。Flash是通過廣泛使用矢量圖形做到這一點的。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲空間小很多，因為它們是以數(shù)學(xué)公式而不是大型數(shù)據(jù)集來表示的。位圖圖形之所以更大，是因為圖像中的每個像素都需要一組單獨的數(shù)據(jù)來表示。 </p>&l

28、t;p>　　Flash是一個非常優(yōu)秀的矢量動畫制作軟件，它以流式控制技術(shù)和矢量技術(shù)為核心，制作的動畫具有短小精悍的特點，所以被廣泛應(yīng)用于網(wǎng)頁動畫的設(shè)計中，以成為當(dāng)前網(wǎng)頁動畫設(shè)計最為流行的軟件之一。 </p><p>　　在Flash中創(chuàng)作內(nèi)容時，需要在Flash文檔文件中工作。Flash文檔的文件擴展名為.fla（FLA）。Flash文檔有四個主要部分： </p><p>　?。?）

29、舞臺。舞臺是在回放過程中顯示圖形、視頻、按鈕等內(nèi)容的位置。在Flash基礎(chǔ)中將對舞臺做詳細介紹。 </p><p>　?。?）時間軸。時間軸用來通知Flash顯示圖形和其它項目元素的時間，也可以使用時間軸指定舞臺上各圖形的分層順序。位于 較高圖層中的圖形顯示在較低圖層中的圖形的上方。 </p><p>　?。?）庫面板。庫面板是Flash顯示Flash文檔中的媒體元素列表的位置。 <

30、/p><p>　　（4）ActionScript。ActionScript代碼可用來向文檔中的媒體元素添加交互式內(nèi)容。例如，可以添加代碼以便用戶在單擊某按鈕時顯示一幅新圖像，還可以使用ActionScript向應(yīng)用程序添加邏輯。邏輯使應(yīng)用程序能夠根據(jù)用戶的操作和其它情況采取不同的工作方式。Flash包括兩個版本的ActionScript，可滿足創(chuàng)作者的不同具體需要。有關(guān)編寫ActionScript的詳細信息，請參閱“

31、幫助”面板中的"學(xué)習(xí)Flash中的ActionScript3.0”。 </p><p>　　Flash包含了許多種功能，如預(yù)置的拖放用戶界面組件，可以輕松地將ActionScript添加到文檔的內(nèi)置行為，以及可以添加到媒體對象的特殊效果。這些功能使Flash不僅功能強大，而且易于使用。 </p><p>　　完成Flash文檔的創(chuàng)作后，可以使用“文件”——“發(fā)布”命令發(fā)布它。這會

32、創(chuàng)建文件的一個壓縮版本，其擴展名為.swf（SWF）。然后，就可以使用FlashPlayer在Web瀏覽器中播放SWF文件，或者將其作為獨立的應(yīng)用程序進行</p><p>　　Fireworks 第一款徹底為 Web 制作者們設(shè)計的軟件 Fireworks 的來頭實在不小，它的出現(xiàn)使 Web 作圖發(fā)生了革命性的變化。Fireworks 是專為網(wǎng)絡(luò)圖像設(shè)計而開發(fā)，內(nèi)建豐富的支持網(wǎng)絡(luò)出版功能，比如 Fireworks

33、 能夠自動切圖、生成鼠標動態(tài)感應(yīng)的 javascript。而且 Fireworks 具有十分強大的動畫功能和一個幾乎完美的網(wǎng)絡(luò)圖像生成器Export 功能。它增強了與 dreamweaver 的聯(lián)系，可以直接生成 dreamweaver 的Libaray 甚至能夠?qū)С鰹榕浜?CSS 式樣的網(wǎng)頁及圖片！</p><p>　　Flash 讓你的網(wǎng)頁動起來 Flash 是用在互聯(lián)網(wǎng)上動態(tài)的、可互動的 shockwave

34、。它的優(yōu)點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。6FLASH6可以用其生成動畫，還可在網(wǎng)頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH 雖然不可以像一門語言一樣進行編程，但用其內(nèi)置的語句并結(jié)合 JavaScripe，您也可做出互動性很強的主頁來。有人曾經(jīng)說過：下個世紀的網(wǎng)絡(luò)設(shè)計人不會用 FLASH，必將被淘汰出局！我相信這句話沒錯！flash</p><p>　

35、　Flash是由macromedia公司推出的交互式矢量圖和 Web 動畫的標準，由Adobe公司收購。網(wǎng)頁設(shè)計者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個商用的二維矢量動畫軟件，用于設(shè)計和編輯Flash文檔。1996年11月，美國Macromedia公司收購了Future Wave，并將其改名為Flash。后又被Ado

36、be公司收購。Flash通常也指Macromedia Flash Player(現(xiàn)Adobe Flash Player)。2012年8月15日，F(xiàn)lash退出Android平臺，正式告別移動端。    </p><p>　　HotDog Professional 制作要加入多種復(fù)雜技術(shù)的網(wǎng)頁 HotDog 是較早基于代碼的網(wǎng)頁設(shè)計工具，其最具特色的是提供了許多向?qū)Чぞ?，能幫助設(shè)計者制作頁面中的

37、復(fù)雜部分。HotDog 的高級 HTML 支持插入 marquee，并能在預(yù)覽模式中以正常速度觀看。這點非常難得，因為即使首創(chuàng)這種標簽的 Microsoft 在 FrontPage 中也未提供這樣的功能。HotDog 對 plug-in 的支持也遠遠超過其他產(chǎn)品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。 HotDog 是個功能強大的軟件，對于那些希望在網(wǎng)頁中加入 CSS、Java、RealV

38、ideo 等復(fù)雜技術(shù)的高級設(shè)計者，是個很好的選擇。</p><p>　　HomeSite 制作可完全控制頁面進程的網(wǎng)頁 Allaire 的 HomeSite 是一個小巧而全能的 HTML 代碼編輯器，有豐富的幫助功能，支持 CGI和 CSS 等等，并且可以直接編輯 perl 程序。HomeSite 工作界面繁簡由人，根據(jù)習(xí)慣，可以將其設(shè)置成像 Notepad 那樣簡單的編輯窗口，也可以在復(fù)雜的界面下工作。 Hom

39、eSite 更適合那些比較復(fù)雜和精彩頁面的設(shè)計。 如果你希望能完全控制你制作的頁面的進程，HomeSite 是你最佳選擇。不過對于生手過于復(fù)雜。</p><p>　　Adobe Photoshop，簡稱“PS”，是一個由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具，可以更有效的進行圖片編輯工作。</p><p&

40、gt;<b>　　功能特色</b></p><p>　　從功能上看，該軟件可分為圖像編輯、圖像合成、校色調(diào)色及特效制作部分等。 圖像編輯是圖像處理的基礎(chǔ)，可以對圖像做各種變換如放大、縮小、旋轉(zhuǎn)、傾斜、鏡像、透視等。也可進行復(fù)制、去除斑點、修補、修飾圖像的殘損等。這在婚紗攝影、人像處理制作中有非常大的用場，去除人像上不滿意的部分，進行美化加工，得到讓人非常滿意的效果。 </p>

41、<p>　　圖像合成則是將幾幅圖像通過圖層操作、工具應(yīng)用合成完整的、傳達明確意義的圖像，這是美術(shù)設(shè)計的必經(jīng)之路；該軟件提供的繪圖工具讓外來圖像與創(chuàng)意很好地融合，成為可能使圖像的合成天衣無縫。 </p><p>　　校色調(diào)色是該軟件中深具威力的功能之一，可方便快捷地對圖像的顏色進行明暗、色偏的調(diào)整和校正，也可在不同顏色進行切換以滿足圖像在不同領(lǐng)域如網(wǎng)頁設(shè)計、印刷、多媒體等方面應(yīng)用。 </p>

42、<p>　　特效制作在該軟件中主要由濾鏡、通道及工具綜合應(yīng)用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫、浮雕、石膏畫、素描等常用的傳統(tǒng)美術(shù)技巧都可藉由該軟件特效完成。而各種特效字的制作更是很多美術(shù)設(shè)計師熱衷于該軟件的研究的原因。</p><p>　　dreamwraver軟件由美國著名的網(wǎng)站應(yīng)用開發(fā)工具生產(chǎn)廠商Adobe Macromedia于2005年6月推出并正式投入市場以來，已經(jīng)發(fā)展得相當(dāng)成

43、熟。關(guān)于dreamwraver的技術(shù)介紹的相關(guān)書籍與網(wǎng)絡(luò)信息相當(dāng)豐富。通過大學(xué)中軟件開發(fā)環(huán)境課程的學(xué)習(xí)，對dreamwraver有了比較深刻的認識，并比較輕松的掌握了dreamwraver的操作。因此，軟件技術(shù)可以完成任務(wù)的要求。</p><p>　　Dreamweaver是一款簡體中文軟件，可以在Win2003/WinXP中安全運行</p><p><b>　　第四章網(wǎng)站制作&

44、lt;/b></p><p>　　4．1制作網(wǎng)頁的步驟</p><p>　　再做網(wǎng)頁之前，我確定了做網(wǎng)頁的五個步驟。</p><p>　　一、確定網(wǎng)站主題 ：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容一個網(wǎng)站必須要有一個明確的主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而

45、全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深</p><p>　　二、搜集材料 ：明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去

46、粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。</p><p>　　三、規(guī)劃網(wǎng)站 ：一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性

47、、有特色，具有吸引力。</p><p>　　四、選擇合適的制作工具 ：盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gi

48、f Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運用。</p><p>　　五、制作網(wǎng)頁 ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再

49、設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。</p><p>　　根據(jù)思想設(shè)計分析，從內(nèi)容對網(wǎng)站有這幾個劃分：</p><p>　　首頁：網(wǎng)頁制作的班級首頁，有導(dǎo)航分塊作用</p><p>　　班級風(fēng)采：通過班集體。校內(nèi)的趣事，宿舍的故事針線班集體從中大多數(shù)是以文字結(jié)婚的效果來展現(xiàn)</p><p&

50、gt;　　個人資料：主要由班級的每個成員的照片和本人的資料構(gòu)成</p><p>　　論壇：這個模塊中可以實行豬蹄，也可以通過注冊的用戶進行發(fā)表言論和文章，當(dāng)然也可以算作是留言板。</p><p>　　首先先在dreamweaver網(wǎng)頁目錄下建立一個文件夾，在文件夾里放入背景所需的音樂文件然后在dreamweaver操作界面下新</p><p>　　建一個頁面ASP/

51、HTML都可以.</p><p>　　單擊"插入"---"標簽"此時彈出"標簽選擇器"而后展開"標記語言標簽"---"HTML標簽"選項并選擇"頁元素"街面,然后在右側(cè)的列表框中選擇bgsoun標簽,如下圖</p><p>　　在"源"框里瀏覽站點中的

52、音樂文件,最后確定.</p><p>　　其他的而插入代碼源，和編寫代碼</p><p>　　換到DW的“拆分”視圖，講光標定位到</body>之前的位置，在光標的位置寫下下面這段代碼：<bgsound src＝med/01.mid>，如下圖所示。</p><p>　　按下F12鍵，在瀏覽器中查看效果，我們可以聽見背景音樂聲。如果希望循環(huán)播放

53、音樂，將剛才的源代碼修改為以下代碼即可： <bgsound src="med/01.mid" loop="true"></p><p>　　2、嵌入音樂嵌入音頻可以將聲音直接插入頁面中，但只有瀏覽者在瀏覽網(wǎng)頁時具有所選聲音文件的適當(dāng)插件后，聲音才可以播放。如果希望在頁面顯示瀏覽器的外觀，可以使用這種方法。打開02.html網(wǎng)頁，將光標放置于我們想要顯示播放器的位

54、置。單擊快捷欄上的“媒體”按鈕，從下拉列表中選擇“插件”?！斑x擇文件”對話框，在對話框中02.war音頻文件。</p><p>　　單擊確定按鈕后，插入的插件在文檔窗口中以下圖所示圖標來顯示。</p><p>　　選中該圖標，在屬性面板中可以對播放器的屬性進行設(shè)置：</p><p>　　要實現(xiàn)循環(huán)播放音樂的效果，單擊屬性面板中的“參數(shù)”按鈕，然后單擊“＋”按鈕，在“

55、參數(shù)”列中輸入loop，并在“值”列中輸入true后，單擊“確定”按鈕。</p><p>　　要實現(xiàn)自動播放，可以繼續(xù)編輯參數(shù)，在參數(shù)對話框的“參數(shù)”列中輸入autostart，并在值中輸入true，單擊“確定”按鈕。</p><p>　　按下F12鍵，打開瀏覽器預(yù)覽，這個實現(xiàn)了嵌入音樂的效果，在瀏覽器里顯示了播放插件。</p><p>　　4.2制作網(wǎng)頁的要素&l

56、t;/p><p>　?。?）網(wǎng)頁的整體布局設(shè)計 　 網(wǎng)頁設(shè)計作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計通過文字圖形的空間組合，表達出和諧與美。一個優(yōu)秀的網(wǎng)頁設(shè)計者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個網(wǎng)頁生輝。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們在利

57、用網(wǎng)頁效果體現(xiàn)在線營銷的意圖時，更要注意為了達到最佳的視覺表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號、價格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個流暢的視覺體驗，從而方便他對產(chǎn)品的了解，促成最后的購買。（2）網(wǎng)頁設(shè)計中色彩的運用 色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響，合理地加以運用，

58、按照色彩的記憶性原則，一般暖色較冷色的記憶性更強一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽；藍色象征大海、天空和水面等。所以如果我們在對一家出售冷食的商</p><p>　　色彩模式。 RGB模式 R代表紅色G代表綠色B代表藍色三種色彩疊加形成了其它的色彩。因為三種顏色都有256個亮度水平級所以三種色彩疊加就形成1670萬種顏色了通過它們足以再現(xiàn)絢麗的世界。就編輯圖象而言RGB色彩模式也是最佳的色彩模式

59、因為它可以提供全屏幕的24bit的色彩范圍即真彩色顯示。 CMYK模式 CMYK代表印刷上用的四種顏色C代表青色M代表洋紅色Y代表黃色K代表黑色。因為在實際引用中青色、洋紅色和黃色很難疊加形成真正的黑色最多不過是褐色而已。因此才引入了K——黑色。黑色的作用是強化暗調(diào)加深暗部色彩。CMYK模式是最佳的打印模式RGB模式盡管色彩多但不能完全打印出來。 可以先用RGB模式進行編輯工作再用CMYK模式進行打印工作在打印前才進行轉(zhuǎn)換然后加入必要的

60、色彩校正銳化和休整。 </p><p>　　色彩的心理表現(xiàn)。 色彩具有精神的價值人們常常能感受到色彩對自己心理的影響這些影響總是在不知不覺中發(fā)揮作用影響我們的情緒。色彩的心理效應(yīng)法是在不同層次中有些色彩對人有直接的刺激有些則需要通過間接的聯(lián)想更高層次的則涉及人的觀念與信仰。 </p><p>　　色彩的表達感覺。 不同的色彩給人不同的心理暗示。對色彩的不同感覺和認知對色彩搭配所產(chǎn)生的心理聯(lián)

61、想會導(dǎo)致不同的心理反應(yīng)。 空間感——色彩的空間感與色彩對比的知覺度有關(guān)對比度強和高純度的色彩具有前進感對比度弱和低純度色的色彩具有后退感。 色彩的空間感具體表現(xiàn)在利用色彩的明度對比層次、形與色的排列轉(zhuǎn)折、大小彎曲等秩序節(jié)奏從而有意識地形成凹凸深遠的空間感甚至利用人的錯覺形成假象空間色彩的前進、后退感形成的距離措視原理、在網(wǎng)頁中常被用來加強畫面的空間層次。 親切感——色彩的親切感是指人對色彩的對比變化所產(chǎn)生的親近的心理感覺。通常較為明快柔

62、和的色彩都能使人產(chǎn)生親切感色彩的純度對比和明度對比較弱時也會使整體色調(diào)變得柔和、輕快。產(chǎn)生親切感的網(wǎng)頁一般采用同類色、類似色和鄰近色。 使用具有親切感的色彩可以用來表現(xiàn)家具網(wǎng)站、兒童網(wǎng)站和女性網(wǎng)站、服裝網(wǎng)站及日用消費品網(wǎng)站等。 莊重感——通常明度較低、純度不高的色彩能給人以莊重感、常用的有黑、棕色、深藍和褐色等。在使用時要注意搭配搭配不當(dāng)則會產(chǎn)生沉悶、呆板的感覺。 神秘感——色彩的神秘感并不是色彩本身具有的而是人的聯(lián)想所產(chǎn)生的心理感覺。

63、一般能使人感到神秘的色彩多</p><p>　　網(wǎng)頁色彩的搭配 將色彩具體到網(wǎng)頁搭配中應(yīng)遵循一定的方法。 同色搭配該方法采用一種顏色的深淺搭配盡管網(wǎng)站設(shè)計要避免采用單一色彩以免產(chǎn)生單調(diào)的感覺但通過調(diào)整色彩的飽和度和透明度也可以產(chǎn)生變化使網(wǎng)站避免單調(diào)。鄰近色搭配使用在色帶上相鄰近的顏色如綠色和藍色、紅色和黃色。采用鄰近色彩設(shè)計網(wǎng)頁可以使網(wǎng)頁避免色彩雜亂易于達到頁面的和諧統(tǒng)一。對比色搭配該方法使用兩種完全不同的顏色搭

64、配。對比色可以突出重點產(chǎn)生強烈的視覺效果。通過合理使用對比色能夠使網(wǎng)站特色鮮明重點突出。在設(shè)計時一般以一種顏色為主色調(diào)對比色作為點綴起到畫龍點睛的作用。明度推移色彩搭配有兩種方法操作通過加入等量的白色使一種顏色漸亮或者通過加入等量的黑色使顏色變暗。這兩種方法都可以產(chǎn)生色彩明度漸變的效果</p><p>　　4.3網(wǎng)頁形式與內(nèi)容相統(tǒng)一</p><p>　　網(wǎng)站的品位除了頁面本身整體的視覺效果

65、外往往更突出在一些細節(jié)上只有把握住細節(jié)才能更好地提高瀏覽者的使用友好度給瀏覽者留下深刻的印象。 </p><p>　?。?） 顏色。 在初學(xué)網(wǎng)頁設(shè)計的時候在用色方面要非常注意如果對網(wǎng)頁用色沒有太大的把握那么就先選擇好網(wǎng)頁的基本色調(diào)然后針對這一種顏色去進行變化如需加其他顏色可以試著加些灰色因為灰色是中色調(diào)不會對頁面顏色造成太大的沖突。這樣做出的網(wǎng)頁整體顏色會非常協(xié)調(diào)統(tǒng)一。 </p><p>

66、　?。?）線條的運用。 很多朋友在制作網(wǎng)頁的時候在兩塊過渡的地方如banner和導(dǎo)航條之間會用一條細線區(qū)分開此時往往會畫上一條直直的線這樣給人感覺會很突兀。 </p><p>　?。?）圖標。 網(wǎng)站中在各個標題的前面適當(dāng)?shù)募有﹫D標點綴網(wǎng)頁可以使網(wǎng)頁效果更加出彩但是切忌網(wǎng)頁圖標使用過多圖標的色調(diào)也要一致避免雜亂　　要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運用

67、對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計中，它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素，要使用點、線、面的互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計中點、線、面的運用并不是孤立的，很多時候都需要將它們結(jié)合起來，表達完美

68、的設(shè)計意境。</p><p>　　第五章 網(wǎng)站的設(shè)計</p><p><b>　　5．1 主頁的要求</b></p><p>　　主頁分為4個模塊淺顯易懂</p><p>　　全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(jié)。 </p><p><b

69、>　　功能決定設(shè)計方向 </b></p><p>　　看網(wǎng)站的用途，決定設(shè)計思路.商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。 </p><p>　　編輯本段標題設(shè)計的原則</p><p>　　在設(shè)計網(wǎng)頁標題時，應(yīng)注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。這一原則在實際操作中可通過三個方面

70、來體現(xiàn)，這三個方面也可以被認為是網(wǎng)頁標題設(shè)計的一般規(guī)律： </p><p>　　網(wǎng)頁標題不宜過短或者過長 </p><p>　　一般來說6-10個漢字比較理想，最好不要超過30個漢字。網(wǎng)頁標題字數(shù)過少可能包含不了有效關(guān)鍵詞，字數(shù)過多不僅搜索引擎無法正確識別標題中的核心關(guān)鍵詞，而且也讓用戶難以對網(wǎng)頁標題（尤其是首頁標題，代表了網(wǎng)站名稱）形成深刻印象，也不便于其他網(wǎng)站鏈接。 </p>

71、;<p>　　網(wǎng)頁標題應(yīng)概括網(wǎng)頁的核心內(nèi)容 </p><p>　　當(dāng)用戶通過搜索引擎檢索時，在檢索結(jié)果頁面中的內(nèi)容一般是網(wǎng)頁標題（加鏈接）和網(wǎng)頁摘要信息，要引起用戶的關(guān)注，網(wǎng)頁標題發(fā)揮了很大的作用，如果網(wǎng)頁標題和頁面摘要信息有較大的相關(guān)性，摘要信息對網(wǎng)頁標題將發(fā)揮進一步的補充作用，從而引起用戶對該網(wǎng)頁信息點擊行為的發(fā)生（也就意味著搜索引擎推廣發(fā)揮了作用）。另外，當(dāng)網(wǎng)頁標題被其他網(wǎng)站或者本網(wǎng)站其他欄目

72、/網(wǎng)頁鏈接時，一個概括了網(wǎng)頁核心內(nèi)容的標題有助于用戶判斷是否點擊該網(wǎng)頁標題鏈接。 </p><p>　　網(wǎng)頁標題中應(yīng)含有豐富的關(guān)鍵詞 </p><p>　　考慮到搜索引擎營銷的特點，搜索引擎對網(wǎng)頁標題中所包含的關(guān)鍵詞具有較高的權(quán)重，盡量讓網(wǎng)頁標題中含有用戶檢索所使用的關(guān)鍵詞。以網(wǎng)站首頁設(shè)計為例，一般來說首頁標題就是網(wǎng)站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網(wǎng)站的核心業(yè)務(wù)

73、，也就是說沒有核心關(guān)鍵詞，這時通常采用“核心關(guān)鍵詞+公司名/品排名”的方式來作為網(wǎng)站首頁標題。本文開頭所列舉的某網(wǎng)絡(luò)營銷服務(wù)商網(wǎng)站首頁標題實例，其實也是采用這種方式來設(shè)計網(wǎng)頁標題，只不過由于羅列了太多的“核心關(guān)鍵詞”，反而沒有了核心。 </p><p>　　對比并非相同，而是非常不同的元素，使他們各自獨立, 使他們“略有不同” 以免混淆用戶，（使它們）看上去不存在任何聯(lián)系。 強烈的對比在頁面元素之間能很自然的讓用

74、戶的視線從一部分轉(zhuǎn)移到另一部分，這樣的網(wǎng)頁便不會創(chuàng)造煩人和一眼望去什么都相似的一片汪洋。 重復(fù)重復(fù)樣式在網(wǎng)頁中給人以一種言詞一致的感受——如果你使用相關(guān)元素以同樣方式在網(wǎng)頁的一個區(qū)域中, 那么繼續(xù)以那個方式用到其它區(qū)域以保持網(wǎng)頁的一致性。 整齊頁面上的所有內(nèi)容都應(yīng)該相互聯(lián)系, 沒有什么會是不合適或應(yīng)獨立于所有其他設(shè)計元素之外的。 接近(近似)利用接近度來建立(網(wǎng)頁元素)之間的關(guān)聯(lián)的意思是: 相關(guān)的元素應(yīng)該被編排在一起,

75、 但是分開的設(shè)計元素之間則應(yīng)該有足夠的空間來表現(xiàn)它們的不同。在這篇文章里我將帶大家進一步深入了解這每個詞的具體原則，并配以實例。不是C.R.A.P就是賭博(crap,英語中意為賭博，這里直譯作者原文），咱們走吧！ 對比良好的顏色對比能讓你的網(wǎng)站看上去活潑有序，而差勁的顏色對比側(cè)會讓你使用的RGB顏色混合在一塊，感覺混亂而又無序。使用對比的原則在于事先要考慮用戶在使用時，哪些頁面區(qū)域應(yīng)該相互聯(lián)系</p><p&g

76、t;　　由于一個網(wǎng)站不可能就是由一個網(wǎng)頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網(wǎng)頁名稱。這樣既會有助于你以后方便管理網(wǎng)頁，在向搜索引擎提交你的網(wǎng)頁時更容易被別人索引到。在給網(wǎng)頁命名時，最好使用自己常用的或符合頁面內(nèi)容的小寫英文字母，這直接關(guān)系到頁面上的連接</p><p><b>　　5．2子頁的要求</b></p&g

77、t;<p>　　dreamweaver8工作界面</p><p>　　這就是班級網(wǎng)站制作的成果與步驟</p><p>　　網(wǎng)站設(shè)計最重要的訣竅，恐怕就是你的網(wǎng)頁要易讀 。這就意味著必須花點心思來規(guī)劃文字與背景顏色的搭配方案。 注意不能使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來你的網(wǎng)頁來很費勁。一般來說，淺色背景下的深色文字為佳 。這個要點要求你最好別

78、把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標題一般應(yīng)該居中，因為這符合讀者的閱讀習(xí)慣</p><p>　　不要把一個網(wǎng)站的內(nèi)容象作報告似的一二三四地羅列出來，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來，使人一眼就能看出你的網(wǎng)站重點突出，結(jié)

79、構(gòu)分明。</p><p>　　給每個圖形加上文字的說明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。這樣一來，用戶在訪問你的站點時就有一種親切感覺，認為你心細，比較善解人意，時時刻刻為他人著想</p><p>　　一個簡單明了的網(wǎng)站介紹，不僅能讓別人對你的網(wǎng)站能夠提供些什么有個了解，引發(fā)共鳴或是表達你的誠意，常常最能打動讀者，而且還能使訪問者能快速找到想要的東西。但是，許

80、多設(shè)計者都沒有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息</p><p>　　當(dāng)然現(xiàn)在IE所占的市場份額越來越大，但是我們?nèi)匀恍枰紤]到Netscape以及Opera這些瀏覽器用戶。設(shè)計風(fēng)格的考慮，如色彩的搭配，圖形、線條的使用等等。要時刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測試網(wǎng)站，看看兼容性如何</p><p&

81、gt;　　應(yīng)當(dāng)避免強迫用戶使用工具欄中的向前和向后按鈕。你的設(shè)計應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點在每一頁同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分</p><p>　　網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網(wǎng)站留下一個“很專業(yè)”的印象。 </p><p

82、>　　所有的超鏈接應(yīng)清晰無誤地向讀者標識出來，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標識，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問的，藍色；點擊過的，紫色或栗色?？傊?，文本鏈接一定要和頁面的其他文字有所區(qū)分，給讀者清楚的導(dǎo)向。</p><p>　　下面就是網(wǎng)站制作效果</p><p>　　將事先準備好的Flash視頻

83、、電話、電子相冊、還有各個同學(xué)收集好的資料、通過表格布局、排版，運用軟件把資料有機的整合在一起，實現(xiàn)網(wǎng)頁初稿制作、</p><p><b>　　主頁</b></p><p><b>　　班級風(fēng)采主頁</b></p><p><b>　　班級活動子頁</b></p><p>　　

84、個人資料主頁 個人資料子頁</p><p><b>　　論壇 </b></p><p>　　網(wǎng)頁制作中遇到的問題</p><p>　　（1）在<body></body>之間添加<bgsound src="音樂的URL" loop="-1">是能播放音樂可是轉(zhuǎn)一個頁面就

85、沒有了，怎樣才能轉(zhuǎn)一個頁面一首歌還能繼續(xù)播放而這樣的解決辦法只有用用框架把頁面分為上下2框架上面一個框架只放音樂下面一個框架就放頁面現(xiàn)在的內(nèi)容</p><p>　?。?）dreamweaver8背景音樂不能用瀏覽器不能播放為什么</p><p>　　用其他瀏覽器試試、在控制面板中 internet選項 安全 自定義安全級別 啟用ActiveX控件和插件、更改控件的標簽的參數(shù)</p&g

86、t;<p>　?。?）矢量圖矢量圖又叫向量圖，是用一系列計算機指令來描述和記錄一幅圖，一幅圖可以解為一系列由點、線、面等到組成的子圖，它所記錄的是對象的幾何形狀、線條粗細和色彩等。生成的矢量圖文件存儲量很小，特別適用于文字設(shè)計、圖案設(shè)計、版式設(shè)計、標志設(shè)計、計算機輔助設(shè)計（CAD）、工藝美術(shù)設(shè)計、插圖等。矢量圖只能表示有規(guī)律的線條組成的圖形，如工程圖、三維造型或藝術(shù)字等； 常見的矢量圖處理軟件有CoreIDRAW、Auto

87、CAD、Illustrator和FreeHand等。 </p><p>　　（4）位圖位圖又叫點陣圖或像素圖，計算機屏幕上的圖你是由屏幕上的發(fā)光點（即像素）構(gòu)成的，每個點用二進制數(shù)據(jù)來描述其顏色與亮度等信息，這些點是離散的，類似于點陣。 位圖在放大到一定限度時會發(fā)現(xiàn)它是由一個個小方格組成的，這些小方格被稱為像素點，一個像素是圖像中最小的圖像元素。也就是我們俗稱的馬賽克。 </p><p>

88、　　（5）圖片文件jpg，gif，png，bmp的區(qū)別 </p><p>　　bmp：是未經(jīng)過壓縮的用點陣來表示的真彩圖片,占用磁盤空間較大 </p><p>　　gif：是經(jīng)過壓縮的,只能表示256種顏色,占用磁盤空間小,常用來演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續(xù)的動畫。 </p><p>　　png：是fireworks的圖片格式 </

89、p><p>　　jpg：也是有損壓縮格式但是它表示的顏色比較豐富,一般用來顯示真彩的照片或圖案。 </p><p>　?。?）名片的尺寸問題 </p><p>　　名片的標準尺寸：90mmX54mm。但是加上出血上下左右各2mm，所以在設(shè)計時 </p><p>　　制作尺寸必須設(shè)定為：94 x 58mm。 </p><p>

90、;　?。?）源文件的提供問題 </p><p>　　作為設(shè)計者和客戶（這里指各站長），如果事先沒有明文協(xié)議的話 </p><p>　　設(shè)計者有權(quán)不提供源文件。 </p><p>　?。?）什么是logo，ci，vi </p><p>　　VI是Visual Identity的縮寫，中文譯為“企業(yè)視覺識別”。VI是CI計劃的靜態(tài)識別符號，是企業(yè)

91、理念視覺化傳達的載體，因此它項目最多，效果最為直接。VI作為視覺識別，它是外在表現(xiàn)，固然需要具有美感，但VI必須是MI的體現(xiàn)，直接反映企業(yè)的理念。因此VI設(shè)計包含這樣一些原則：即充分傳達企業(yè)理念、人性原則、民族性原則、簡潔抽象及動態(tài)原則、員工參與原則、法律原則、藝術(shù)性原則和個性原則。 </p><p>　　CI是Corporate Identity的縮寫，中文譯為“企業(yè)形象”。CI計劃，是指企業(yè)有目的、有計劃、戰(zhàn)

92、略性地創(chuàng)造出所希望的自身形象，由此提高企業(yè)的社會知名度，最終得到自己最適合的經(jīng)營環(huán)境。 </p><p>　　而logo只是網(wǎng)站或企業(yè)一個標志。</p><p><b>　　第七章 結(jié)束語</b></p><p>　　網(wǎng)頁制作主要是利用圖形制作軟件和處理軟件進行網(wǎng)頁效果圖的制作。我們需要了解一個完整網(wǎng)站的制作過程并知道網(wǎng)頁制作在網(wǎng)站制作中的作

93、用。一方面結(jié)合具體的實例多加練習(xí)培養(yǎng)對于技術(shù)的敏感和快速適應(yīng)性注意到技術(shù)變化帶來的各種新的可能性消除技術(shù)所形成的障礙另一方面要多方面、多角度地感受與掌握電腦設(shè)計的時尚語言擴展對傳統(tǒng)設(shè)覺設(shè)計范疇的認識。</p><p>　　一般的來說，絕大多數(shù)普通受眾圖形，插件，applets和其它有關(guān)的高級Web瀏覽器特性。對我們來說，頁面的實用可能比漂亮更重要，對于用戶來說，沒有什么比頁面能夠快速下載更重要了，簡而言之，精簡你

94、的站點，這是一條最佳的捷徑。</p><p>　　做網(wǎng)站一定要細心，有耐心，稍有不認真就會出錯。事要一件一件的做，因此每一件小事都要做好，每一個小問題都要去認真解決，所有的大問題都是由一個又一個小問題積累而出現(xiàn)的，所以想要以后不出現(xiàn)大問題就得認真解決每一個小問題　　另外還要注意，不要依賴圖形。就站點設(shè)計而言，的確能夠通過成功的圖形設(shè)計招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片，某些人為了加快存取網(wǎng)絡(luò)的

95、速度已經(jīng)關(guān)閉了瀏覽器端的圖形。簡而言之，圖形并不能正確的在客戶端加載。然而，圖形經(jīng)常被用來作為導(dǎo)航按鈕?！　〉谌⒁?，僅僅在需要的時候使用幀(FRAME)。 使用幀可以把一個瀏覽器分成幾個不同的窗口，對于站點的結(jié)構(gòu)的把握是一個不錯的方法。但是，你還是必須知道，還是有人在使用不支持幀的瀏覽器。在你開始打算設(shè)計一個幀的時候，你該仔細的考慮考慮你是否的確真的需要。經(jīng)常，你這樣的需求可以通過表格來組織站點的結(jié)構(gòu)?！　【W(wǎng)頁設(shè)計涉及到對多種軟

96、件、多種知識的學(xué)習(xí)和應(yīng)用，以及個人的審美觀等等。所以要想制作出漂亮的網(wǎng)頁，需要一個逐步學(xué)習(xí)和經(jīng)驗積累的過程。網(wǎng)頁設(shè)計還有更多的技巧，有待于我們?nèi)ネ诰蚝脱芯?lt;/p><p>　　在制作的過程中，由于不熟悉，產(chǎn)生了很多的問題，通過與指導(dǎo)老師的探討與溝通，我漸漸地對系統(tǒng)有了一個大體的認識。雖然說在尋找資料與研究dreamweaver過程中花費了很多時間，但是我認為這是必要的也是必須的。通過畢業(yè)設(shè)計使我們隊網(wǎng)頁的制作有了

97、一些基本的了解，同時也對制作網(wǎng)頁的工具有了一定的了解。入photoshop。Dreamweaver。flash等。還配有我們?nèi)绾芜M行合理的設(shè)計與布局，是網(wǎng)頁達到統(tǒng)一性和協(xié)調(diào)性的有機結(jié)合，如何利用樣式表、模板等有效的提高網(wǎng)頁制作的效率，如何利用代碼對所做網(wǎng)頁進行優(yōu)化，以及如何把相關(guān)軟件結(jié)合起來，以提高自己網(wǎng)頁可視性與美化性的能力。最主要的是提高了我們的動手能力和自我分析，解決問題的能力，也為我們能更好的適應(yīng)時候奠定了一定的基礎(chǔ)。</

98、p><p><b>　　謝 辭</b></p><p>　　在整個畢業(yè)設(shè)計過程中，指導(dǎo)教師給了我極大的幫助，并給予我悉心的關(guān)懷與指導(dǎo)，在此表示衷心地感謝。老師認真負責(zé)的工作態(tài)度、嚴謹?shù)闹螌W(xué)風(fēng)格，使我深受啟發(fā)。開發(fā)的同時，和同組同學(xué)們之間的相互探討也使我獲益匪淺，在開發(fā)工具的選擇上，她給了我不少的指導(dǎo)，在此也表示衷心地感謝。在此同時也給了我不少的指導(dǎo)工作，在此也表示衷心地

99、感謝。</p><p>　　設(shè)計的結(jié)束，真的也宣告了我們大學(xué)生涯的終結(jié)，心里雖然充滿了期待，但也有的點不舍，想想自己走過來的一步一步，一點一滴，心中感慨萬千，希望自己帶著那份對未來社會的憧憬和希望，順利走進社會的大家庭，開始自己新的生活，在此，感謝長久以來老師和同學(xué)們的幫助，謝謝你們！</p><p><b>　　參考文獻</b></p><p&g

100、t;　　1鄧文淵.網(wǎng)頁制作高手M.北京人民郵電大學(xué)出版20076 </p><p>　　2李憲廣.網(wǎng)頁制作邊學(xué)邊用M.北京清華大學(xué)出版社 2009 </p><p>　　3網(wǎng)頁設(shè)計入門EB/OL.http://www.xue8.com/sale/view.aspArticle ID288 </p><p>　　4許凌云柳勇良.網(wǎng)頁設(shè)計全方位學(xué)習(xí)M.北京清華大學(xué)出版社

101、200811 </p><p>　　5陳琳.photoshop cs3 入門實戰(zhàn)與提高M.北京電子工業(yè)出版社200811 </p><p>　　6焦慧.網(wǎng)頁制作基礎(chǔ)與典型范例M.北京電子工業(yè)出版社20087 </p><p>　　7戎馬工作室.Dreamweaver 8與asp動態(tài)網(wǎng)站開發(fā)M.北京機械工業(yè)出版社20065 </p><p>　

102、　8戴一波.Dreamweaver CS3網(wǎng)站制作炫例精講M.北京電子工業(yè)出版社 20081 </p><p>　　9何秀芳.網(wǎng)頁制作與網(wǎng)站建設(shè)課堂實錄M.北京人民郵電出版社. 20093 </p><p>　　10孫連三.新編網(wǎng)頁制作與網(wǎng)站建設(shè)入門與提高M.北京人民郵電出版社. 20089 </p><p>　　11鄧文淵.網(wǎng)頁制作高手FLASH 8M.北京人民郵

103、電出版社 20076 </p><p>　　12胡崧.超夢幻勁爆網(wǎng)頁M.中國青年出版社.20087 </p><p>　　13Scot Johson etal.using Active Server PageJ.Que 2007 </p><p>　　14卓越科技.PHOTOSHOP CS3 美工廣告設(shè)計百煉成精M.電子科技出版社 20093 </p>

104、<p>　　15David Hunter etalBeginning XMLJ.Wrox Press Ltd2005 </p><p>　　16楊大勇李金江.ASP網(wǎng)絡(luò)開發(fā)自學(xué)導(dǎo)航M.北京機械工業(yè)出版社20076 </p><p>　　17卓越科技.SQL SERVER數(shù)據(jù)庫開發(fā)培訓(xùn)教程M.北京電子工業(yè)出版社 20094 </p><p>　　18李曦琳

105、.WEB導(dǎo)航設(shè)計M.北京電子工業(yè)出版社20093 </p><p>　　19力誠教育.ACCESS 2007完全自學(xué)手冊M.成都四川出版集團20093 </p><p>　　20叢書編委會.ASP動態(tài)網(wǎng)頁編輯M.北京清華大學(xué)出版社200610 21陳剛.商業(yè)網(wǎng)站開發(fā)從入門到精通M.科學(xué)出版社20082</p><p>　　〈1〉《信息技術(shù)》江蘇科學(xué)技術(shù)出版社 &l