數(shù)字多媒體與網(wǎng)絡工程-畢業(yè)論文.doc

更多論文/fanteral目 錄引言-3關鍵字-一、網(wǎng)站目的二、網(wǎng)站功能三、網(wǎng)站結構描述5四、網(wǎng)站欄目介紹6五、網(wǎng)站形象設計9六、網(wǎng)站版面策劃10七、網(wǎng)站布局技術10八、網(wǎng)站中一些特效代碼說明12九、網(wǎng)站制作使用工具介紹12十、設計小結13附 錄十一、參考文獻13十二、謝辭13引言 互聯(lián)網(wǎng)對當今世界的影響毋庸質疑。隨著網(wǎng)絡的高速發(fā)展和“所見即所得”網(wǎng)頁編輯工具的出現(xiàn)，網(wǎng)頁設計已發(fā)展為一門新興的學科。網(wǎng)站設計不單純是計算機技術的運用，也是平面設計在網(wǎng)絡世界的延伸。學校網(wǎng)站建設是學校教育信息化建設的重要方面，是適應現(xiàn)代教育技術和信息技術的發(fā)展，加大學校對外交流與宣傳力度，提高教學、科研、管理效率的重要途徑；學校網(wǎng)站是學校對外宣傳的窗口，也是展示全校師生才能，加強對校外聯(lián)系，互相學習，共同發(fā)展的陣地，學校網(wǎng)站建設的目的是促進師生與學校共同發(fā)展，因此，需要本系師生共同參與，同心合力把本系網(wǎng)站建設好.試論本系網(wǎng)站在本系管理中的作用一利用本系網(wǎng)站促進本系管理我校數(shù)字媒體與網(wǎng)絡工程系是經(jīng)國家教育部批準設立“數(shù)字媒體藝術”專業(yè)的七個高校院系之一，也是全國首家被國家高等教育自學考試指導委員會批準開考“數(shù)字媒體藝術”專業(yè)的主考單位?，F(xiàn)有“數(shù)字媒體藝術”本科專業(yè)，“數(shù)字媒體藝術”專升本專業(yè)、“計算機圖像圖形技術”?？茖I(yè)、“數(shù)字媒體藝術”自考?？茖I(yè)等,現(xiàn)有在校生500多名。2005年數(shù)字媒體與網(wǎng)絡工程系學生新建了網(wǎng)站（）。 網(wǎng)站的建立標志著本系建設上了一個新臺階，本系新聞、招生信息、學科建設、課程設置、作品展示、關于數(shù)媒、技術交流、友情鏈接、設計資訊、數(shù)媒論壇十多個欄目能做到每日更新，時時更新，交互性更強了。利用網(wǎng)站我們可以：通知、信息交流、教育交流、參與論壇、網(wǎng)絡留言等，使本系管理透明度更高，更高效快捷，系還可發(fā)布對教師的祝賀，對教師的每日提醒，對教師意見的第一時間反饋，人性化、民主化的管理方式在網(wǎng)絡的參與下如虎添翼了二利用本系網(wǎng)站促進教師專業(yè)成長 “國家的希望在教育，教育的希望在教師”，教師在教育教學改革中的關鍵作用得到了人們更廣泛的認同。教師專業(yè)化、教師的專業(yè)發(fā)展，無論在理論上還是實踐上都成為世界教師教育關注的焦點。 我們認為，教師專業(yè)發(fā)展需要一種氛圍。而網(wǎng)絡交流給我們提供了很好的空間。校園網(wǎng)絡開通以來，對于教師專業(yè)成長的影響是巨大的。上網(wǎng)與反思，已經(jīng)逐步成為教師們的至愛。他們對教育的認識，就在這樣的追尋中有了深刻的變化。因為教師的成長除了獨立奮斗之外，還需要合作，還需要與外界廣泛的交流，在碰撞與融合中發(fā)展，在寫作或參與各種討論的時候，激起了強烈的專業(yè)意識，從觀念到思想，從精神到行動，都進入了一種專業(yè)的狀態(tài)。利用internet克服了傳統(tǒng)教育的局限性，它將形成一種主動的、協(xié)作的、開放的學習模式，并充分考慮雙向學習環(huán)境，采取有提問、有反饋、有交流的方法，既保留了傳統(tǒng)遠教中的生動形象性和不受空間限制等優(yōu)點，又有相互訪問，雙向交流，學習資源、學習內容廣泛等優(yōu)良特性。實踐證明，計算機，創(chuàng)造了一個美麗的神話；多媒體，展示了一個多彩的世界；互聯(lián)網(wǎng)，連接了一份夢想與光榮；如果我們“網(wǎng)住”了今天；那么明天我們就能做得更好！關鍵詞：福州大學、數(shù)字媒體、老師、學生、網(wǎng)頁正文一、 網(wǎng)站目的1.1學生方面：加強學生之間課余學習交流、溝通感情、促進學生各方面知識全面發(fā)展；1.2老師方面：方便老師教學，達到課堂與網(wǎng)絡教學相結合；1.3公眾方面：樹立一個良好形象，增加一個公眾了解數(shù)字媒體與網(wǎng)絡工程系的窗口；1.4學校方面：提高數(shù)字媒體與網(wǎng)絡工程系知名度、及學校內各部門效率；二、 網(wǎng)站功能2.1師生：為師生互動、學生之間交流提供一個平臺、方便“教”與“學”；2.2公眾：了解數(shù)字媒體各方面信息；2.3學校：在對外宣傳上發(fā)布更新信息、對內管理上加強各部門協(xié)調溝通；三、網(wǎng)站結構描述數(shù)字媒體與網(wǎng)絡工程系首 頁關于數(shù)媒學科建設教學教務作品展示聯(lián)系我們技術交流數(shù)字設備本系數(shù)媒數(shù)媒論壇作品展示學科建設關于數(shù)媒本系新聞友情鏈接數(shù)字媒體藝術本科方向數(shù)字媒體藝術本升本方向數(shù)字媒體藝術?？品较驁D形圖象制作專科方向作品展示畢業(yè)設計展四、網(wǎng)站欄目介紹4.0首頁作用：提高學校各部門效率，使公眾了解學校最新動態(tài)，促進學校發(fā)展；功能：發(fā)布本系最新新聞；包含子欄目：關于數(shù)媒、學科建設、教學教務、作品展示、招生信息、會員登錄、站內搜索、課程設置、友情鏈接、聯(lián)系我們、留言板等功能模塊和軟件系統(tǒng)；（“作品展示”發(fā)布學生作品；“關于數(shù)媒”介紹數(shù)字媒體專業(yè)的信息；“學科建設”介紹各學科的信息；“招生信息”發(fā)布招生的最新信息；“友情鏈接”鏈接一些教育和設計方面網(wǎng)站；）4.1關于數(shù)媒作用：使公眾了解學本系概況，達到宣傳數(shù)字媒體與網(wǎng)絡工程系的目的；功能：發(fā)布本校信息及使用的教學設備；包含子欄目：本系數(shù)媒、數(shù)字設備（“本系數(shù)媒” 介紹數(shù)字媒體專業(yè)相關的的信息；“數(shù)字設備”介紹本系所擁有的教學設備和實驗室等；）4.2學科建設作用：使公眾了解本系專業(yè)設置，方便師生“教”與“學”；功能：發(fā)布系、專業(yè)信息，提供在線教學；包含子欄目：數(shù)字媒體藝術本科方向、數(shù)字媒體藝術專升本方向、圖形圖象制作專科方向、數(shù)字媒體藝術?？品较颍唬ū究瓢ǜ鞅究葡祫e及系內各專業(yè)詳細介紹；專科包括各?？葡祫e及系內各專業(yè)詳細介紹；）4.3教學教務作用：了解數(shù)字媒體與網(wǎng)絡工程系領導以及教師的基本信息，如教師專業(yè)，成績、特長、4.4招生信息作用： 給群眾提供招生介紹，并介紹數(shù)字媒體與網(wǎng)絡工程系的主辦專業(yè)和推進的方向；功能：發(fā)布招生相關信息、本系專業(yè)設置；職責范圍等；功能：數(shù)字媒體與網(wǎng)絡工程系領導及教師信息；4.5作品展示作用： 使學生在技術上進一步提高；功能：發(fā)布最新作品展示；包含的子欄目：作品展示、畢業(yè)設計展（作品可放大觀看。）4.6聯(lián)系我們提供本系的聯(lián)系方式4.7數(shù)媒論壇作用：可以讓群眾提問問題，同時為了讓這網(wǎng)站更加完善，讓更多的人來參與建設； 功能：可以知道群眾的意見；五、 網(wǎng)站形象設計5.1標志：白色字咖啡色描邊組成的“數(shù)字媒體與網(wǎng)絡工程系”為主體，與banner背景統(tǒng)一，（banner背景以數(shù)字01還有手拿鼠標姿勢詮釋了數(shù)字媒體這一專業(yè)，并且有一道似曙光展現(xiàn)現(xiàn)在年輕人積極向上的精神），而子頁的“數(shù)字媒體與網(wǎng)絡工程系”則是藍色字投影，配上藍色不會顯得單調，視覺上清晰，明了5.2主色調與色彩：以“橙色”為主色調。橙色代表輝煌、激情、收獲，向上，而我們現(xiàn)在的大學生正需要這種激情、積極向上的精神，因此選用“橙色”為主色調；5.3標準字體：主頁導航欄背景顏色為橙色，字體為“黑體”白色12px；子頁導航欄背景為灰色，字體為“宋體”白色12px，正文字體為“宋體”12 px，顏色為#2f3e89；5.4裝飾圖案：網(wǎng)站采用部分學校風景和設計圖片為裝飾圖案；5.5交互方式：靜態(tài)+asp網(wǎng)頁，方便交換；六、網(wǎng)站版面策劃：6.1首頁：首頁使用的是寬屏布局，打破了原來版本的國字型結構布局，看起來大氣，成熟。最上面是網(wǎng)站的標題+banner+主菜單,下半部分分為2個區(qū)域,下半部分的上半部分是主題內容,最下面是網(wǎng)站的版權聲明。這種布局的優(yōu)點是能夠充分利用版面,信息量大;缺點是頁面擁擠，文字多,不夠靈活。6.2子頁：子頁的版面設計與主頁布局不同，多半是以類似國字型布局，又與國字型布局有些差異，因為有那個flash按鈕，使得頁面看起來不會死板。主體內容使用標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文；本站子頁大部分是這個結構；6.3頁頭：頁頭又可稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù)都顯示在頁眉里。這樣，訪問者能很快知道這個站點是什么內容。頁頭是整個頁面設計的關鍵，它將牽涉到下面的更多設計和整個頁面的協(xié)調性。頁頭常放置站點名字的圖片和公司標志以及旗幟廣告。本站頁頭先是一個土黃色與橙色矩形組成，下方是digital media&network engineering，banner即是以980x151以數(shù)字01還有手拿鼠標姿勢詮釋了數(shù)字媒體這一專業(yè)，并且有一道似曙光展現(xiàn)現(xiàn)在年輕人積極向上的精神的學校風景圖為底片，白色字咖啡色描邊組成的“數(shù)字媒體與網(wǎng)絡工程系”上面帶有透明flash一起構成。（“digital media&network engineering”為microsoft sans serif 14px,灰色；）6.4頁腳：頁腳和頁頭相呼應。頁頭是放置站點主題的地方，而頁腳是放置制作者或者公司信息的地方。你能看到，許多制作信息都是放置在頁腳的。本站頁腳如下：copyright 2007 by 數(shù)字媒體與網(wǎng)絡工程系 power by 05 multimediacopyright(c)2002-2003 all rights reserved bestviewed by 800600 ie5.5+ （頁腳字體為宋體，顏色為黑色）七、網(wǎng)站布局技術本站主要使用表格布局布局。7.1 層疊樣式表由于層疊樣式表(css)用得不熟，因此做這個網(wǎng)站過程中還是沒用到多少。不過倒是對其有了一定的了解。如果使用了css,那么可以在設置文本之前,就指定整個文本的屬性,比如顏色、字體大小等等,這樣,我們就能獲得統(tǒng)一的文本外觀了。7.2 表格布局在制作這個網(wǎng)站的過程中使用得最多的就是表格布局了。表格布局好像已經(jīng)成為一個標準，隨便瀏覽一個站點，它們一定是用表格布局的。表格布局的優(yōu)勢在于它能對不同對象加以處理，而又不用擔心不同對象之間的影響。而且表格在定位圖片和文本上比起用css更加方便。表格布局唯一的缺點是，當我們用了過多表格時，頁面下載速度受到影響。7.3 框架布局一開始看到有些欄目的內容可以用框架布局，但還是因為技術有限，處理起來效果并不理想，因此就取消。但是有一些內容比較長的就用代碼添加框架，有滾動條的。不知道什么原故，框架結構的頁面開始被許多人不喜歡，可能是因為它的兼容性。但從布局上考慮，框架結構不失為一個好的布局方法。它如同表格布局一樣，把不同對象放置到不同頁面加以處理，因為框架可以取消邊框，所以一般來說不影響整體美觀。7.4選擇表格布局原因本站主要使用表格布局布局。優(yōu)勢在于它可以對不同對象進行處理，而不必擔心不同對象之間的互相影響，且在定位圖片和文本上比用css更方便，比框架布局更美觀，使用起來也會更順手。八、網(wǎng)站中使用的一些特效代碼說明8.1框架添加方法 （其中621為框架的寬度，538為框架的高度，1.htm為框架內顯示內容的文件名）8.2透明flash的應用主要應用于網(wǎng)頁頂部，代碼如下：classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 width=773 height=112 （其中：“773”為flash的寬度，“112”為flash的高度，“images/banner%5b1%5d.swf”為flash的存在路徑，“”是對flash背景進行透明化。）8.3字體向上滾動效果 “實干闖未來”廣告創(chuàng)意設計大賽揭曉 (marquee文字移動的代碼, direction=up表示滾動的方向是上滾；onmouseout=this.start();表示鼠標移開開始滾動；onmouseover=this.stop()“表示鼠標移開停止?jié)L動）九、網(wǎng)站制作使用工具介紹9.1 dreamweaver mx 2004是macromedia公司最新推出的一款可視化的專業(yè)級html（超文本標識語言）編輯器。它是一款構建專業(yè)web站點和應用程序的最佳選擇，它組合了功能強大的布局工具、應用程序開發(fā)工具和代碼編輯支持。dreamweaver的設計和整合功能是以css為基礎的，強大而穩(wěn)定，可幫助設計人員和開發(fā)人員輕松創(chuàng)建和管理任何站點.。9.2 photoshop是adobe公司推出的著名平面圖像設計和圖像處理軟件，它具有強大的圖像處理功能和操作易用性，受到廣大平面圖形設計人員及專業(yè)廣告設計師的青睞。它涉及圖像合成、色彩校正、圖層調板、通道使用、動作調板、路徑工具、濾鏡等圖像處理功能?？芍谱魅绨粹o制作、文字特效、材質紋理、三維物體、影像特效及廣告創(chuàng)意設計等多種用途。是一門值得深入學習的一種好軟件。9.3 flash是macromedia公司的一個的網(wǎng)頁交互動畫制作工具。用flash制作出來的動化是矢量的，不管怎樣放大、縮小，它還是清晰可見。 用flash制作的文件很小，這樣便于在互聯(lián)網(wǎng)上傳輸，而且它采用了數(shù)據(jù)流技術，只要下載一部分，就能欣賞動畫，而且能一邊播放一邊傳輸數(shù)據(jù)。 交互性更是flash動畫的迷人之處，可以通過點擊按鈕、選擇菜單來控制動畫的播放。正是有了這些優(yōu)點，才使flash日益成為網(wǎng)絡多媒體的主流。十、設計小結畢業(yè)設計是大學生涯中最重要的一關，在大學中所學到的知識基本上會在這里體現(xiàn)出來。終于做完了畢業(yè)設計，感觸頗深，這其中的艱辛與歡樂只有自己最清楚。101收獲這次畢業(yè)設計的制作的過程中，無論是技術上的還是非技術上的，都是收獲頗多。首先，在做畢業(yè)設計之前對dreamweaver還算是比較生疏的，因為之前上的課程不多，接觸的也不多。做了這個畢業(yè)設計過程中，遇到不懂的問題就上網(wǎng)查資料、到圖書館借書，或者向同學、老師討教。技術上的東西學的還是挺多的。其次，由于我是和同學合作去制作這個網(wǎng)站的，因此在這過程中會想法思路不一樣，會產(chǎn)生一些分歧，所以我們倆就會把效果做出來，演示給同學看，讓她們提出看法，最后再決定用誰的方案。因此，在這過程中我領悟到團隊合作的重要性。102不足把做完的網(wǎng)頁從頭到尾瀏覽了幾遍，發(fā)現(xiàn)其中還存在很多的問題。后臺程序很多都不懂，一開始很努力的研究，查找一大堆的資料，去做會員登錄系統(tǒng)。該設置的設置完了，access數(shù)據(jù)庫也建好了，就是在鏈接過程中不知道哪里出了問題，一直沒做成功。到最后，所剩時間不多，只好套用了一個別人的