【正文】 點擊按鈕、選擇菜單來控制動畫的播放。它允許網(wǎng)頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。 top:67px。 CSS 允許控制 HTML 無法獨自控制的許多屬性。我們協(xié)會在本次電 ...../p /div /div /body /html 與上面 html 文檔匹 配的部分外部 CSS 代碼： body { fontfamily: 宋體 ,Arial, Helvetica, sansserif。 margin: 0。 ? 新聞動態(tài) ：報道協(xié)會近期活動或技術交流動態(tài)，現(xiàn)象的介紹協(xié)會日常工作。 在主頁的最下 面我們還弄了許多的友情鏈接圖標，這樣用戶可以有更多的選擇性。色彩的心理效應發(fā)生在不同層次中。 Dreamweaver 特點： （ 1） 最佳的制作效率 Dreamweaver 可以用最快速的方式將 Fireworks，或 Photoshop 等檔案移至網(wǎng)頁上。 （ 3） 無可比擬的控制能力 Dreamweaver 是唯一提供 Roundtrip HTML、視覺化編輯與原始碼編輯同步 的設計工具。創(chuàng)建 Web 站點的第一步是規(guī)劃。該名稱可以是任何所需的名稱。人們往往看到第一頁就已經(jīng)有一個整體的感覺。 DIV本身就是容器性質的 ,你不但可以內嵌 table還可以內嵌文本和其它的 HTML代碼； CSS是 Cascading 滁州職業(yè)技術學院軟件技術專業(yè)畢業(yè)論文 15 style Sheets的簡稱，中文譯作 “ 層疊樣式表單 ” ，在主頁制作時采用 CSS技術，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。 ? 提高易用性，使用 CSS可以結構化 HTML，例 如： p標簽只用來控制段落， h1h6標簽只用來控制標題，table標簽只用來表現(xiàn)格式化的數(shù)據(jù)等等。 ? Table表格布局靈活性不大，你只能遵循 table tr td 的格式。 （ 2）點擊 CSS樣式面 板底部的“附加樣式表”打開“鏈接外部樣式表”。 ? Firework 在圖片輸出的時候采用 JPEG（ ISO 國際標準圖像壓縮）格式。并且加裝了一個進度條，隨時檢測下載速度和時間，讓瀏覽者做到心中有數(shù)。 滁州職業(yè)技術學院軟件技術專業(yè)畢業(yè)論文 18 超級鏈接 作為網(wǎng)站肯定有很多的頁面，如果頁面之間彼此是獨立的，那么網(wǎng)頁就好比是孤島，這樣的網(wǎng)站是無法運行的。圖 59 圖 59 （ 2）直接創(chuàng)建 在網(wǎng)頁中，單擊了某些圖片、有下劃線或有明示鏈接的文字就會跳轉到相應的網(wǎng)頁中去。 具體代碼參見網(wǎng)站，效果如：圖 511（正在切換中的效果）： 圖 511 制作 透明 背景的 FLASH 應用 點擊要插入 FLASH的地方，然后點擊插入 媒體 FLASH選擇要插入的 FLASH動畫。 （ 2） 檢查超鏈接情況 鏈接檢查不僅僅在此外使用，當在站點窗口中移動一個文件的時候， Dreamweaver 也會問我們是否需要掃描結果顯示出來，還會詢問是否要更新鏈接。首先它存在一種設計的思維和色彩搭配，再者就是根據(jù)不同的行業(yè)就要求不同的專業(yè)效果，最后就是布局必須做好強有力的構思！ 設計體會 對于現(xiàn)在的社會，科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標志。網(wǎng)頁是我們在網(wǎng)絡上的“帶言人”。當然雅俗共賞是人人都追求的 滁州職業(yè)技術學院軟件技術專業(yè)畢業(yè)論文 23 致 謝 這次論文的圓滿完成，首先要感謝指導老師趙衛(wèi)東在此次論文指導期間給予的支持和關心，及平時的辛勤指導。 （ 2） 網(wǎng)站形象突出 : 一個符合美的標準的網(wǎng)頁是 能夠使網(wǎng)站的形象得到最大限度的提升的?，F(xiàn)如今，數(shù)以萬計的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。當你學習掌握了足夠的練習制作后，應該及時對所學的知識進行總結和歸納，發(fā)現(xiàn)規(guī)律，進一步推敲軟件的整體結構和知識體系，這樣才會真正有所提高。 ① 在 Dreamweaver 窗口菜單下的 “站點地圖 ”命令，打開 “站點 ”面板。 在 所有 頁面中都有體現(xiàn)。 在文擋窗口中選中要創(chuàng)建鏈接的文本或圖象等。矢量圖的品質為100，保證了影片圖像的質量，并 且聲音的輸出格式為 mp3 采樣標準為 128Kbps 雙聲道立體聲，該標準接近 CD標準，這樣雖然增加了影片的大小，但是保證了聲音的效果。但 FLASH 相對 DW 制作較復雜，設計到幀、時間軸、剪輯、按鈕等方面。 ? Firework 在圖片處理上使用了高光和陰影的效果，以突出按鈕的立體感、變化感、和懸停感。 （ 4）設置完成后單擊“確定”按鈕。 ? 更方便搜索引擎收錄，并獲得更高的評價。 ? 縮短改版時間，因為網(wǎng)站的布局都是通過外部的 CSS文件來控制，只要簡單的修改幾個 CSS文件就可以將許多網(wǎng)頁的風格格式同時更新，不用再一頁一頁地更新了。 分頁導航頁（如： 圖 53， IT 動態(tài)頁面） 滁州職業(yè)技術學院軟件技術專業(yè)畢業(yè)論文 14 圖 53 具體內容頁（如：圖 54） 圖 54 這樣計算機協(xié)會的網(wǎng)頁就制作完成。有一句俗語： 良好的開端是成功的一半 。 出現(xiàn)“站點定義向導”的第一個界面，要求您為站點輸入一個名稱。 五、詳細設計方案 設置站點 Web 站點是一組具有如相關主題、類似的設 計、鏈接文檔和資源。改變網(wǎng)頁位置或檔案名稱， Dreamweaver 會自動更新所有連結。其中， Dreamweaver 主要用來制作網(wǎng)頁文件，制作出來的網(wǎng)頁兼容性比較好，制作效率也很高， Flash用來制作精美的網(wǎng)頁動畫，而 Fireworks 用來處理網(wǎng)頁中的圖形。分別是： ? 設計網(wǎng)頁頁面（ Dreamweaver 里 具有彈性的頁面設計功能）； ? 搭配 Macromedia 其它產(chǎn)品一起使用 Dreamweaver（制作動畫和圖片不求人）； ? 自定義使用界面（享受個性化的使用經(jīng)驗）； ? 最后的加入 Dreamweaver 擴充程序（在網(wǎng)頁中載入擴充高級功能）。 ? 協(xié)會視頻：協(xié)會相關活動或者技術視頻。 ? 協(xié)會概況：主要介紹 現(xiàn)任學生干部 、 技術交流科目 、 娛樂活動形式 、 協(xié)會品牌活動 等。 background:url(../images/)。 charset=gb2312 / title計協(xié)之家新聞 /title link rel=stylesheet type=text/css href=../../css/ /head body div id=container div id=news p align=left class=zi2為豐富校園生活，提高學生的游戲體育競技水平，培養(yǎng)學生健康上網(wǎng)、文明上網(wǎng)的良好風氣。頁面內容（即 HTML 代碼）駐留在 HTML 文件自身中，而用于定義代碼表現(xiàn)形式的 CSS 規(guī)則駐留在另一個文件（外部樣式表）或 HTML 文檔的另一 部分（通常為文件頭部分）中。 charset=gb2312 / title計協(xié)之家 /title style type=text/css ! Layer1 { position: absolute。 HTML 的結構包括頭部（ Head）、主體（ Body）兩大部 分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內容。 用 flash 制作出來的動化是矢量的，不管怎樣放大、縮小，它還是清晰可見。 Fireworks是用來設計和制作專業(yè)化網(wǎng)頁圖形的應用軟件，它提供了一個制作環(huán)境，可以在一個專業(yè)化的環(huán)境中創(chuàng)建和 編輯網(wǎng)頁圖形，對其進行動畫處理，添加高級交互功能以及優(yōu)化圖像。 Dreamweaver 的介入，使得網(wǎng)頁一些部分的實現(xiàn)變得更加直觀簡便。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。要時刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測試網(wǎng)站，看看兼容性如何。按當代中文的閱讀習慣，文本大都居左的。 （ 2） 網(wǎng)頁命名要簡潔 由于一個網(wǎng)站不可能就是由一個網(wǎng)頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最后 能給這些頁面起一些有代表性的而且簡潔易記的網(wǎng)頁名稱。這也是一些中小型網(wǎng)站常用的豐富自己、加強交流的好方法，給上網(wǎng)瀏覽者帶來不少方便。 ? 瀏覽網(wǎng)頁選素材：逐個瀏覽搜索到的相關網(wǎng)頁，尋找可以利用的材料。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結構，一級和二級頁面之間用樹狀鏈接結構。更重要的是，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。一般來說，一個站點根目錄下都有一個默認地 Images目錄。所以建立目錄結構時也要仔細安排，比如： ? 不要將所有文件都存放在根目錄下。在制定欄目的時候，要仔細考慮，合理安排。 滁州職業(yè)技術學院軟件技術專業(yè)畢業(yè)論文 2 一、設計思想及準備工作 設計思想 通過網(wǎng)站，全面宣傳，展示計算機協(xié)會活動風采、技術氛圍、團體優(yōu)點與特色，發(fā)布協(xié)會的重大活動安排與日常工作特色，增強團體的知名度，使人們更多了解我們的團隊 ,在 Inter 上實現(xiàn)完成部分介紹及宣傳活動，提高計算機 愛好者對我們的關注，加大交流團體。 網(wǎng)站制作 工具是使用 Dreamweaver 、 Flash 、 Fireworks 、 Adobe Photoshop等 ， 網(wǎng)站 是基于 我院計算機協(xié)會成員及計算機愛好者為 背景開發(fā)的，可以有效的實現(xiàn)網(wǎng)上 資源共享和學習交流 。 網(wǎng)頁制作的流程 ................................................................ 4 網(wǎng) 站結果描述 .................................................................. 5 二、 開發(fā) 工具 與開發(fā) 技術 .............................................................. 5 ..................................................................... 5 網(wǎng)頁制作工具 Dreamweaver 簡介 .............................................. 5 圖形處理軟件 .............................................................. 6 動畫制作軟件 .............................................................. 6 技術 ..................................................................... 6 網(wǎng)頁和 html語言 ........................................................... 6 CSS簡介 .................................................................. 7 三 、 網(wǎng)站總體分析與設計 .............................................................. 8 網(wǎng)站系統(tǒng)分析 ....................