【正文】 /導航欄 div id=mid //網(wǎng)頁中心部分（核心和內(nèi)容）div id=work div id=work_left //新聞動態(tài)和協(xié)會概要及機構具體內(nèi)容 div id=news_gy div id=pho_gy div id=photo_News/div //新聞幻燈圖片 div id=overview/div //協(xié)會概要及機構具體內(nèi)容 /div div id=news_gg //新聞動態(tài) div id=news/div div id=newsfla/div /div /div /div div id=work_right //公告和資源共享 div class=right_boxdiv id=pro_newsdiv id=pro/div //公告版div id=pro/div //資源共享/div /div /div/divdiv id=tec //技術園地、娛樂和 IT 信息板塊 div id=tecleft div id=teclefttext/divdiv id=teclefttext/div /divdiv id=tecright div id=tecrighttext/div div id=tecrighttext/div/div/divdiv id=photo /div //流動圖片/divdiv id=link/div //友情鏈接div id=footer /div //頁腳內(nèi)容/div/body/html? 然后根據(jù)上文中 CSS 層疊樣式表的定義格式，結合 div 布局架構經(jīng)行合理的編寫 CSS 樣式表? 頁面中的相關特效可以結合下文經(jīng)行對位填充，字體和邊框都在 CSS 經(jīng)行了詳細的編制。分頁導航頁（如：圖 53，IT 動態(tài)頁面）圖 53具體內(nèi)容頁（如：圖 54）圖 54這樣計算機協(xié)會的網(wǎng)頁就制作完成。 DIV 本身就是容器性質(zhì)的,你不但可以內(nèi)嵌 table 還可以內(nèi)嵌文本和其它的 HTML 代碼；CSS 是 Cascading style Sheets 的簡稱，中文譯作“層疊樣式表單”，在主頁制作時采用 CSS 技術，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。Div+CSS 標準具有以下優(yōu)點:? 因為采用 CSS 布局，不像表格布局充滿各種各樣的屬性和數(shù)字，而且很多 CSS 文件通常是共用的，從而大大縮減頁面代碼，提高頁面瀏覽速度。更容易被搜索引擎收錄，具備搜索引擎 SEO 的先天條件，配合優(yōu)秀的內(nèi)容和一些 SEO 處理，可以獲得更好的網(wǎng)站排名。? 縮短改版時間，因為網(wǎng)站的布局都是通過外部的 CSS 文件來控制，只要簡單的修改幾個 CSS 文件就可以將許多網(wǎng)頁的風格格式同時更新，不用再一頁一頁地更新了。? 提高易用性，使用 CSS 可以結構化 HTML，例如：p 標簽只用來控制段落，h1h6 標簽只用來控制標題，table 標簽只用來表現(xiàn)格式化的數(shù)據(jù)等等。你的設計不僅僅用于 web 瀏覽器，也可以發(fā)布在其他設備上，比如 PowerPoint 等。而通過 CSS 控制，您可以任意改變代碼的排列順序，比如將重要的右邊內(nèi)容先加載出來。? 更方便搜索引擎收錄，并獲得更高的評價。? Table 表格布局靈活性不大，你只能遵循 table tr td 的格式。而Div 更能體現(xiàn)樣式和結構相分離，結構的重構性強。 CSS樣式 CSS樣式（1） 在 CSS 樣式面板中單擊底部的“新建 CSS 樣式”功能按鈕，或者右鍵單擊面板，在彈出的快捷菜單中選擇“新建 CSS 樣式”命令，打開“新建 CSS 樣式”對話框，如： 圖 55圖 55（2）在“名稱”文本框中輸入樣式名稱。（4）設置完成后單擊“確定”按鈕。（2）點擊 CSS 樣式面板底部的“附加樣式表”打開“鏈接外部樣式表”。（1） 在“添加為”域中選擇“鏈接”或“導入”指定和創(chuàng)建用于將外部 CSS 樣式附加到文擋的標簽。圖 57圖 57（1）圖片處理Firework 在網(wǎng)站中，除了配合 Flash 處理動畫里的影片以外，主要是制作導航按鈕和 Banner，因為導航按鈕采用的是懸停方式，所以每個按鈕要同時做出兩個版本。? Firework 在圖片處理上使用了高光和陰影的效果，以突出按鈕的立體感、變化感、和懸停感。? Firework 在圖片輸出的時候采用 JPEG（ISO 國際標準圖像壓縮）格式。輸出品質(zhì)為 80，無平滑。在圖片文件夾中選擇要插入的圖片就可以了。但 FLASH 相對 DW 制作較復雜，設計到幀、時間軸、剪輯、按鈕等方面。并且加裝了一個進度條，隨時檢測下載速度和時間，讓瀏覽者做到心中有數(shù)。整個下載部分的動畫放在一個剪輯中，不僅節(jié)省內(nèi)存，而且方便庫的管理。（3）FLASH 影片所有素材、按鈕、剪輯、聲音全部導入庫中，時間軸上只有各個剪輯的層，從而節(jié)約了內(nèi)存，方便管理。矢量圖的品質(zhì)為100，保證了影片圖像的質(zhì)量，并且聲音的輸出格式為 mp3 采樣標準為 128Kbps 雙聲道立體聲，該標準接近 CD 標準，這樣雖然增加了影片的大小，但是保證了聲音的效果。作為網(wǎng)站肯定有很多的頁面，如果頁面之間彼此是獨立的，那么網(wǎng)頁就好比是孤島，這樣的網(wǎng)站是無法運行的。稱“超級鏈接” ，是因為它什么都能鏈接，如：網(wǎng)頁、下載文件、網(wǎng)站地址、郵件地址……等等。? 按文擋路徑分類：絕對路徑鏈接、相對路徑鏈接、根相對路徑鏈接。在文擋窗口中選中要創(chuàng)建鏈接的文本或圖象等。圖 59圖 59（2）直接創(chuàng)建在網(wǎng)頁中，單擊了某些圖片、有下劃線或有明示鏈接的文字就會跳轉(zhuǎn)到相應的網(wǎng)頁中去。②在屬性面板中單擊住指向文件按鈕不放，在直接將其拖出，拖到右側文件導航中選中要鏈接的頁面。在瀏覽器里光標移到超級鏈接的地方就會變成手型。在所有頁面中都有體現(xiàn)。具體代碼參見網(wǎng)站，效果如：圖 511（正在切換中的效果）：圖 511制作透明背景的 FLASH 應用 點擊要插入 FLASH 的地方，然后點擊插入媒體FLASH 選擇要插入的 FLASH 動畫。圖 512圖 512主要應用于網(wǎng)頁頂部，代碼如下： object classid=clsid:D27CDB6EAE6D11cf96B8444553540000 codebase=sion=7,0,19,0 width=672 height=126 param name=movie value=Flash/ / param name=quality value=high / embed src=Flash/ width=707 height=128 quality=high pluginspage= type=application/xshockwaveflash wmode=transparent/embed param name=wmode value=transparent / /object（其中：“707”為 FLASH 的寬度， “128”為 FLASH 的高度， “Flash/”為 FLASH的存在路徑， “param name=wmode value=transparent”是對 FLASH 背景進行透明化。 ） 整理站點網(wǎng)頁做完以后往往不能馬上發(fā)布，還需要檢驗下網(wǎng)頁之間的鏈接是否準確，文件是否冗等，有時還需要掌握整個站點的結構以備日后的修改。①在 Dreamweaver 窗口菜單下的 “站點地圖”命令，打開“站點”面板。（2）檢查超鏈接情況鏈接檢查不僅僅在此外使用，當在站點窗口中移動一個文件的時候，Dreamweaver 也會問我們是否需要掃描結果顯示出來，還會詢問是否要更新鏈接。Dreamweaver 會彈出“ 鏈接檢查器”面板。六、總結與體會總結課題設計學習法首先要求自己有足夠的耐心，對于任何一個練習都要反復推敲，目的只有一個，就是理解實例所涉及的所有知識點，只有這樣你才算有所收獲。當你學習掌握了足夠的練習制作后，應該及時對所學的知識進行總結和歸納，發(fā)現(xiàn)規(guī)律，進一步推敲軟件的整體結構和知識體系，這樣才會真正有所提高。首先它存在一種設計的思維和色彩搭配，再者就是根據(jù)不同的行業(yè)就要求不同的專業(yè)效果，最后就是布局必須做好強有力的構思！設計體會對于現(xiàn)在的社會，科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標志。計算機網(wǎng)絡從為我們所知，到現(xiàn)在才經(jīng)歷的短短的幾年時間，在這幾年中隨著計算機網(wǎng)絡的廣泛應用，特別是 Inter 的普及和發(fā)展，網(wǎng)絡已經(jīng)成為了不可或缺的通信手段。但是什么為這所有的一切提供平臺的呢。現(xiàn)如今，數(shù)以萬計的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。網(wǎng)頁是我們在網(wǎng)絡上的“帶言人” 。網(wǎng)頁設計是伴隨著網(wǎng)絡的快速發(fā)展而快速興起.由于人們使用網(wǎng)絡的頻繁而網(wǎng)頁作為上網(wǎng)的主要依托就變得非常的重要。網(wǎng)頁設計直接面對的是大量用戶,隨時都會反饋回來對網(wǎng)頁的批評建議等，可以根據(jù)實際情況進行修改，這樣做可以使使用者用起來更加的方便。 （2）網(wǎng)站形象突出: 一個符合美的標準的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大限度的提升的。當然雅俗共賞是人人都追求的致 謝這次論文的圓滿完成，首先要感謝指導老師趙衛(wèi)東在此次論文指導期間給予的支持和關心，及平時的辛勤指導。在此感謝所有的人：忠心謝謝，謝謝你們！值此將離校之際，我向大學三年傳授給我知識的每位老師表示衷心的感謝！感謝滁州職業(yè)技術學院三年來對我的培養(yǎng)！參考文獻[1] 胡燕潔 中國青年出版社 《HTML 標準教程》[2] 王愉 人民郵電出版社 《DHTML 動態(tài)網(wǎng)頁設計》[3] 沈大林 中國鐵道出版社 《Photoshop CS2 圖像處理案例教程 》[4] 王國平 涂巧霞 電子工業(yè)出版社 《Macromedia Studio 8 網(wǎng)頁三劍客基礎與實踐教程》指導教師評語：簽 名： 日 期： 年 月 日畢業(yè)論文成績評定： 蓋 章： 日 期