網(wǎng)站的設(shè)計(jì)與制作畢業(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è)計(jì)…………………………………………………………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>　　參考文獻(xiàn)……………………………………………………………………26</p><p><b>　　網(wǎng)站的設(shè)計(jì)與制作</b></p><p><b>　　【摘 要】</b></p><p>　　此次論文研究的問題是班級主頁的制作

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

8、頁中所遇到的問題；班級主頁制作的步驟。重點(diǎn)介紹了在制作網(wǎng)頁中常用軟件的特點(diǎn)和難點(diǎn)；網(wǎng)頁設(shè)計(jì)的理念和網(wǎng)頁設(shè)計(jì)的要點(diǎn)；網(wǎng)頁配色方案的介紹；位圖與矢量圖的區(qū)別；實(shí)現(xiàn)網(wǎng)頁的最新動(dòng)態(tài)；以及網(wǎng)站建成后的維護(hù)和更新。</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ā)展中的一個(gè)偉大的里程碑，它是未來信息高速公路的雛形，人類正由此進(jìn)入一個(gè)前所未有的信息化社會。人民用各種名稱來稱呼internet，入國際互聯(lián)網(wǎng)、因特網(wǎng)、網(wǎng)際網(wǎng)等等，它正在想全世界各大洲延伸和擴(kuò)散，不斷增添吸收新的網(wǎng)絡(luò)成癮，已經(jīng)成為世界上覆蓋面最廣、規(guī)模最大、信息資源最信息產(chǎn)業(yè)正在經(jīng)受著一個(gè)巨大的挑戰(zhàn)，同時(shí)也面臨著一個(gè)重大的機(jī)遇。就目前的科技發(fā)展水平而言，電子信息產(chǎn)業(yè)的發(fā)展已經(jīng)不能夠滿足社會化大生產(chǎn)

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

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

16、成為一股不可逆轉(zhuǎn)的潮流。在這潮流中，各校紛紛建起了學(xué)校網(wǎng)站，對推進(jìn)教育信息化充入了生機(jī)和活力。但在這其中，我們忽視了班級網(wǎng)絡(luò)平臺的建設(shè)和應(yīng)用，因?yàn)樵谕七M(jìn)教育信息化的工作中，其最終的目的是如何提高學(xué)生的教育教學(xué)質(zhì)量，而班級是管理學(xué)生的最小單位，直接面對學(xué)生的教育教學(xué)管理。因此我認(rèn)為做好班級網(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ā)生的事情很多，各個(gè)班級又有具體的情況，學(xué)校的網(wǎng)絡(luò)平臺上不可能反映到方方面面，即使能反映，但由于主頁面篇幅的限制，許多標(biāo)題不能直接反映

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

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

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

21、，由Adobe公司收購。網(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。后又被Adobe公司收購。Flash通常也指Macromedia Flash Player(

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

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

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

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

26、時(shí)交互制作軟件Director和Authorware的一個(gè)小型插件，后來才由Macromedia公司出品成單獨(dú)的軟件。曾與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公司收購并進(jìn)行后續(xù)開發(fā)。（Macromedia最后一個(gè)

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

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

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

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

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

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

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

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

35、　Flash是由macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)，由Adobe公司收購。網(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。后又被Ado

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

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

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

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

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

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

42、<p>　　特效制作在該軟件中主要由濾鏡、通道及工具綜合應(yīng)用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫、浮雕、石膏畫、素描等常用的傳統(tǒng)美術(shù)技巧都可藉由該軟件特效完成。而各種特效字的制作更是很多美術(shù)設(shè)計(jì)師熱衷于該軟件的研究的原因。</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有了比較深刻的認(rèn)識，并比較輕松的掌握了dreamwraver的操作。因此，軟件技術(shù)可以完成任務(wù)的要求。</p><p>　　Dreamweaver是一款簡體中文軟件，可以在Win2003/WinXP中安全運(yùn)行</p><p><b>　　第四章網(wǎng)站制作&

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

59、因?yàn)樗梢蕴峁┤聊坏?4bit的色彩范圍即真彩色顯示。 CMYK模式 CMYK代表印刷上用的四種顏色C代表青色M代表洋紅色Y代表黃色K代表黑色。因?yàn)樵趯?shí)際引用中青色、洋紅色和黃色很難疊加形成真正的黑色最多不過是褐色而已。因此才引入了K——黑色。黑色的作用是強(qiáng)化暗調(diào)加深暗部色彩。CMYK模式是最佳的打印模式RGB模式盡管色彩多但不能完全打印出來。 可以先用RGB模式進(jìn)行編輯工作再用CMYK模式進(jìn)行打印工作在打印前才進(jìn)行轉(zhuǎn)換然后加入必要的

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

76、t;　　由于一個(gè)網(wǎng)站不可能就是由一個(gè)網(wǎng)頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網(wǎng)頁名稱。這樣既會有助于你以后方便管理網(wǎng)頁，在向搜索引擎提交你的網(wǎng)頁時(shí)更容易被別人索引到。在給網(wǎng)頁命名時(shí)，最好使用自己常用的或符合頁面內(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è)計(jì)最重要的訣竅，恐怕就是你的網(wǎng)頁要易讀 。這就意味著必須花點(diǎn)心思來規(guī)劃文字與背景顏色的搭配方案。 注意不能使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來你的網(wǎng)頁來很費(fèi)勁。一般來說，淺色背景下的深色文字為佳 。這個(gè)要點(diǎn)要求你最好別

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

99、感謝。</p><p>　　設(shè)計(jì)的結(jié)束，真的也宣告了我們大學(xué)生涯的終結(jié)，心里雖然充滿了期待，但也有的點(diǎn)不舍，想想自己走過來的一步一步，一點(diǎn)一滴，心中感慨萬千，希望自己帶著那份對未來社會的憧憬和希望，順利走進(jìn)社會的大家庭，開始自己新的生活，在此，感謝長久以來老師和同學(xué)們的幫助，謝謝你們！</p><p><b>　　參考文獻(xiàn)</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è)計(jì)入門EB/OL.http://www.xue8.com/sale/view.aspArticle ID288 </p><p>　　4許凌云柳勇良.網(wǎng)頁設(shè)計(jì)全方位學(xué)習(xí)M.北京清華大學(xué)出版社

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

102、　8戴一波.Dreamweaver CS3網(wǎng)站制作炫例精講M.北京電子工業(yè)出版社 20081 </p><p>　　9何秀芳.網(wǎng)頁制作與網(wǎng)站建設(shè)課堂實(shí)錄M.北京人民郵電出版社. 20093 </p><p>　　10孫連三.新編網(wǎng)頁制作與網(wǎng)站建設(shè)入門與提高M(jìn).北京人民郵電出版社. 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è)計(jì)百煉成精M.電子科技出版社 20093 </p>

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

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