【正文】 感謝此次答辯的老師幫助，同時感謝我的所有專業(yè)老師的幫助。（3）頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。在制作網(wǎng)頁的過程中,我有一些體會:（1）整體性好: 一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。我們將什么樣的信息傳達給瀏覽者，要講述什么要的事情，網(wǎng)頁在這里起著重用的作用。在人類社會進入信息時代的時候，在網(wǎng)絡(luò)成為通信的主要手段的時候，在計算機網(wǎng)絡(luò)普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻。我們又是通過什么來獲取這些消息的呢——對就是網(wǎng)頁。不論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的各種 IT 動態(tài)，包括等候就業(yè)人才的個人簡歷，我們都是可以通過網(wǎng)絡(luò)來獲得。其中計算機的發(fā)展可謂快中之快，而在計算機的發(fā)展中計算機網(wǎng)絡(luò)的發(fā)展又是首當(dāng)其沖的。在畢業(yè)設(shè)計中搜集計算機各種技能知識和照片的時候,我花了很多時間和精力,為我看了很多計算機的知識和很多網(wǎng)頁布局,覺得網(wǎng)頁設(shè)計不是一個簡單的事。典型的方法是反復(fù)練習(xí)，并嘗試用不同的方法完成練習(xí)，并對所涉及的知識點進一步探索，以求理解更多的功能、參數(shù)、選項和方法；其二，要有清醒的頭腦和明確的學(xué)習(xí)方向。檢查完畢后，可讓用戶查看不同類型的鏈接情況，還可以保存鏈接檢查結(jié)果。在“站點”面板中選擇“ 站點”菜單下的“檢查站點范圍的鏈接”命令。②單擊“站點”面板的展開/折疊按鈕，Dreamweaver 會顯示出站點的結(jié)構(gòu)圖。（1）查看站點地圖站點地圖用查看鏈接關(guān)系和導(dǎo)航關(guān)系，在小型站點和整齊有序的站點中一般不起太多的作用。）網(wǎng)頁過渡效果的應(yīng)用主要應(yīng)用于整個網(wǎng)頁，代碼如下：meta equiv=”PageExit” content=”revealTrans(Duration=3,Transition=19)”（其中：“Duration=3”表示網(wǎng)頁動態(tài)過濾的時間為 3 秒， “Transition=19”表示網(wǎng)頁過渡的方式值為 19，即為從左上角向右下角展開。如果想讓 FLASH 的背景透明，還有設(shè)置 FLASH 的參數(shù)那么設(shè)置這個參數(shù)之后 FLASH 的背景就是透明的了。圖 510新聞圖片切換效果：自動有序、有時間段的進行圖片切換，也可以點擊下面的圖片序列進行切換。網(wǎng)頁特效的運用在整個網(wǎng)站中并不是最重要的，但也是不可取少的，它在一定程度上起到了畫龍點睛的作用！也許你會說，有沒有特效無所謂，只要網(wǎng)頁構(gòu)思好，網(wǎng)頁頁面設(shè)計的得好就可以了！這種想法是不對的，過多的網(wǎng)頁特效會使得頁面顯得雜亂而且不整潔，但是適度的網(wǎng)頁特效卻能使網(wǎng)頁更具有靈動性，更能吸引人的眼球！在我們的網(wǎng)站的不同頁面中分別運用了一些網(wǎng)頁特效，是從網(wǎng)上下載的網(wǎng)頁特效的代碼，具體如下：走馬燈燈效果效果：該特效的效果和幻燈片播放效果類似，多個圖片循環(huán)出現(xiàn)，不?；Q。（如下圖）圖 59③按 F12 預(yù)覽網(wǎng)頁。①在網(wǎng)頁中選中要做超級鏈接的文字或者圖片。在屬性面板鏈接域中直接輸入要鏈接的文件名稱 。? 按原錨的對象類型分類：文本鏈接、非文本鏈接（1）使用屬性面板創(chuàng)建。? 按目標(biāo)端點的類型分類：內(nèi)部鏈接、外部鏈接、錨點鏈接、Email 鏈接。為了建立起網(wǎng)頁之間的聯(lián)系我們必須使用超級鏈接。同時輸出的還有影片大小報告。（4）影片導(dǎo)出時增加了保護功能，增加了影片的安全性，防止他人盜用修改影片。（2）FLASH 動畫設(shè)計風(fēng)格為簡潔、動感、時尚。只有當(dāng)進度達到 100％時，動畫開始按鈕才出現(xiàn)，瀏覽者單擊按鈕，動畫隨即開始。下面是我這個FLASH 制作過程的簡單介紹：（1）雖然 FLASH 采用了流控制技術(shù)，但考慮到基帶網(wǎng)的速度和本身 FLASH 的文件大小，我還是采用目前流行的先下載后觀看的方式，以保證音效和動畫的流暢性。圖 58 FLASH一個吸引人的網(wǎng)站一定有一個華麗的 FLAH 過場動畫，這樣不僅給瀏覽者深刻的印象，同時突出了網(wǎng)站的特點與風(fēng)格。（2）插入圖片點擊要插入圖片的地方，然后點擊插入圖像，然后就彈出“選擇圖像源文件”框（如：圖 58） 。這是目前網(wǎng)絡(luò)較為流行的圖片格式，文件小，傳輸速度快，圖片清晰。? Firework 在處理 Banner 的時候采用橫幅與網(wǎng)站圖標(biāo)一體的方式處理，將二者整體化，不僅方便排版，也方便瀏覽者瀏覽。即原始狀態(tài)和懸停狀態(tài)。（2） 完成后點擊“確定”即可將所選擇的 CSS 樣式表附加到當(dāng)前文擋，（3） 在 CSS 樣式面板中顯示該 CSS 樣式表 。圖 56圖 56（3）在“鏈接外部樣式表”對話框上的“文件/URL”域中輸入所需要的文件。 CSS樣式表（1）打開 CSS 樣式面板。（3）在“選擇器類型”域中選擇樣式的種類。? 以前一些必須通過圖片轉(zhuǎn)換實現(xiàn)的功能，現(xiàn)在只要用 CSS 就可以輕松實現(xiàn)，從而更快地下載頁面。而 div 你可以 div ul li 也可以 ol li 還可以 ul li......? Table 表格布局中，垃圾代碼會很多，一些修飾的樣式及布局的代碼混合一起，很不利于直觀。用只包含結(jié)構(gòu)化內(nèi)容的 HTML 代替嵌套的標(biāo)簽，主次分明，搜索引擎將更有效地搜索到你的內(nèi)容，并可能給你一個較高的評價(ranking)。? 表現(xiàn)和內(nèi)容相分離，干凈利落，將設(shè)計部分剝離出來放在一個獨立樣式文件中，而網(wǎng)頁主要來放置您的內(nèi)容，你可以減少未來網(wǎng)頁無效的可能。? 更靈活控制頁面布局，通常頁面的下載是按照代碼的排列順序，而表格布局代碼的排列代表從上向下，從左到右，無法改變。? 更好的擴展性。? 強大的字體控制和排版能力，CSS 控制字體的能力比糟糕的 FONT 標(biāo)簽好多了，CSS 不再需要用 FONT標(biāo)簽或者透明的 1px 圖片來控制標(biāo)題、改變字體顏色、字體樣式等等。? 兼容性更好，符合 web 標(biāo)準(zhǔn)規(guī)范的發(fā)展趨勢，可以在幾乎所有的瀏覽器上都可以使用，不會出現(xiàn)在不同的瀏覽器中效果差距很大的情況。? 結(jié)構(gòu)清晰，對搜索引擎更加友好。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者所有頁數(shù)的網(wǎng)頁的外觀和格式。本站主要使用 div+css 布局。? 最后首頁基本就形成了（如：圖 52）圖 52 其它頁面的制作其他頁面是在此主頁面設(shè)計好的框架上加以修改，訂好的 css 樣式，添加一些內(nèi)容和各頁面該有的內(nèi)容。首頁設(shè)計大致如下：? 整個網(wǎng)站版面布局都是用 div+css 布局的，有較好的靈活性；? 色彩的搭配主要統(tǒng)一用了“青綠”色調(diào)給人以清爽的感覺；? div 布局的主要架構(gòu)：htmlheadmeta equiv=ContentType content=text/html。是不是能夠促使瀏覽者繼續(xù)點擊進入，是否能夠吸引瀏覽者留在站點上，全憑首頁的設(shè)計。在網(wǎng)站設(shè)計上也是如此，首頁的設(shè)計是一個網(wǎng)站成功與否的關(guān)鍵。 創(chuàng)建主頁頁面 在全面考慮好網(wǎng)站的欄目，鏈接結(jié)構(gòu)和整體風(fēng)格之后，就可以正式動手制作首頁了。（7）右鍵單擊“站點” 面板中的根目錄，在彈出菜單中選擇“新建文件”命令，把新建文件的名稱改為“”。（5）然后在下面的“本地根目錄文件夾”和“默認(rèn)圖像文件夾”文本框中輸入本地網(wǎng)站預(yù)保存的路徑，單擊“確認(rèn)”按鈕。圖 51（4）在文本框中，輸入一個名稱以設(shè)計課題名稱英文縮寫“CEH_Site ”。如圖 51：（3）如果對話框顯示的是“基本”選項卡，則單擊“高級” 。 執(zhí)行以下操作：（1）啟動 Dreamweaver ：（2）選擇“站點”“新建站點” （即，從“站點”菜單選擇“管理站點” ） 。為了達到最佳效果，在創(chuàng)建任何 Web 站點頁面之前，應(yīng)對站點的結(jié)構(gòu)進行設(shè)計和規(guī)劃。 是一個站點創(chuàng)建和管理工具，因此使用它不僅可以創(chuàng)建單獨的文檔，還可以創(chuàng)建完整的 Web 站點。當(dāng)有新的瀏覽器上市時，只要從 Dreamweaver 的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報告。對于 CSS 的動態(tài) HTML 支援和鼠標(biāo)換圖效果，聲音和動畫的 DHTML 效果資料庫可在 Netscape 和 Microsoft 瀏覽器上執(zhí)行。它包含Home Site 和 BBEdit 等主流文字編輯器。使用支援文字、HTML 碼、HTML 屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。（2）網(wǎng)站管理使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計、更新和重組網(wǎng)頁。Dreamweaver 能與您喜愛的設(shè)計工具，如 Flash 等搭配，不需離開 Dreamweaver 便可完成，整體運用流程自然順暢。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁色調(diào)。復(fù)雜的說：Dreamweaver 是美國 Macromedia 公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver 在多媒體方面頗有建樹的 Macromedia 公司推出的可視化網(wǎng)頁制作工具，它與 Flash、Fireworks 合在一起被稱為網(wǎng)頁制作三劍客，這三個軟件相輔相承，是制作網(wǎng)頁的最佳選擇。針對不同的主題來布置色彩，如健康類的網(wǎng)頁就不能采用較為刺激的大紅和黃，以及象征死亡和神秘的黑色和紫色，這樣會造成一種緊張和某種程度的恐慌，所以我們所選的顏色是——統(tǒng)一“青綠”色，給網(wǎng)民們清爽舒服地感覺。有些屬直接的刺激，有些要通過間接的聯(lián)想，更高層次則涉及到人的觀念，信仰，對于藝術(shù)家和設(shè)計者來說，無論哪一層次的作用都是不可忽視的。人們常常感受到色彩對自己心理的影響，這些影響總是在不知不覺中發(fā)揮作用，左右我們的情緒?？煞殖伤膫€主題。在最下面我們還制作了一些友情連接的圖片，可以讓網(wǎng)站不單調(diào)，使得網(wǎng)站更具實用性。不會讓用戶感到本網(wǎng)站的單調(diào)。網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)社團的勃勃生氣。? 資源共享：協(xié)會成員收集的好資料，資源共享，以便大家一起學(xué)習(xí)。? 活動風(fēng)采：直觀的展現(xiàn)協(xié)會豐富多彩的活動相關(guān)效果圖。? 技術(shù)園地：聚集各種計算機相關(guān)的技術(shù)知識，以便計算機愛好者學(xué)習(xí)。? 機構(gòu)設(shè)置：主要介紹協(xié)會各部門的職能和技術(shù)交流方向。}三、網(wǎng)站總體分析與設(shè)計根據(jù)前面的設(shè)計思想進行分析，按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進行分解，從內(nèi)容上可對網(wǎng)站作如下劃分：? 協(xié)會簡介：主要介紹協(xié)會簡述、協(xié)會章程、管理制度、指導(dǎo)老師相關(guān)內(nèi)容。 }.zi1{color: FF0000。}.zi{ fontsize: