靜態(tài)網(wǎng)站畢業(yè)論文_第1頁
靜態(tài)網(wǎng)站畢業(yè)論文_第2頁
靜態(tài)網(wǎng)站畢業(yè)論文_第3頁
靜態(tài)網(wǎng)站畢業(yè)論文_第4頁
靜態(tài)網(wǎng)站畢業(yè)論文_第5頁
已閱讀5頁,還剩10頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領

文檔簡介

1、畢業(yè)設計(論文)靜態(tài)畢業(yè)論文目錄【總結(jié)】 2第一章 前言 21.1 互聯(lián)網(wǎng)的歷史與發(fā)展21.2 網(wǎng)站概況2第 2 章 軟件開發(fā)簡介 42.1 設置的基本知識42.2 Dreamweaver 簡介 52.3 HTML 簡介 52.4 HTML技術(shù)介紹 6第 3 章 需求分析 63.1 系統(tǒng)概述 . 63.2 系統(tǒng)可行性分析 7第 4 章的設計與實現(xiàn) . 74.1 總體設計 74.2 詳細設計 8第 5 章 測試與維護 13第 6 章 結(jié)論 13第 7 章 . 14第 8 章 參考文獻 15摘要在互聯(lián)網(wǎng)飛速發(fā)展的今天,互聯(lián)網(wǎng)已成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,在人們的政治、經(jīng)濟、生活中發(fā)

2、揮著重要作用。在互聯(lián)網(wǎng)上發(fā)布信息主要是通過信息的獲取來實現(xiàn)的,就是按照一定的檢索方式從互聯(lián)網(wǎng)“海洋”上下載所需的信息。因此,互聯(lián)網(wǎng)應用建設的現(xiàn)狀是顯而易見的。已成為政府、企事業(yè)單位信息化建設的重要組成部分,受到人們的廣泛關(guān)注。為了讓更多的客人了解不同信息的情況,提高信息共享程度。因此,發(fā)展文化公園?!娟P(guān)鍵詞】美觀、設計、Dreamweaver 8.0第一章 前言1.1 互聯(lián)網(wǎng)的歷史與發(fā)展互聯(lián)網(wǎng)正在改變世界,它促成了網(wǎng)絡經(jīng)濟雛形的形成,尤其是電子商務正在從一個新概念走向?qū)嵱没;ヂ?lián)網(wǎng)以其信息傳播能力巨大、形式多樣、快捷方便、覆蓋全球、自由互動等特點,發(fā)展成為一種新的傳播媒介。網(wǎng)站是一種向用戶或潛

3、在客戶提供信息(包括產(chǎn)品和服務)的方式。文檔中包含的內(nèi)容稱為超文本(HyperText)文本、圖形圖像、聲音,甚至電影等等。通過HTML語言(HyperText Markup Language)實現(xiàn)這些超文本可以被瀏覽器有機地關(guān)聯(lián)和識別。同時,CGI(Common Gateway Interface)使Web具備交互功能。 Web 站點引導用戶瀏覽該站點或其他站點上的分頁信息,并可以通過表單和電子連接提供雙向交互。是企業(yè)未來開展電子商務的基礎設施和信息平臺。是“知識經(jīng)濟”的制高點。就像企業(yè)的商標和品牌一樣,企業(yè)的網(wǎng)站是體現(xiàn)企業(yè)形象和文化的巨大無形資產(chǎn)。1.2 網(wǎng)頁概覽明確的目標和正確的定位是企

4、業(yè)或機構(gòu)發(fā)展戰(zhàn)略的重要組成部分。要將企業(yè)網(wǎng)站作為在互聯(lián)網(wǎng)上展示企業(yè)形象和企業(yè)文化的信息空間,新媒體、領導必須足夠重視,明確設計網(wǎng)站的目的和用戶需求,從而制定切實可行的方案。選取并提煉企業(yè)的關(guān)鍵信息,以邏輯結(jié)構(gòu)有序組織,開發(fā)頁面設計原型,選擇用戶代表進行測試,逐步提煉這個原型,形成思路。分析結(jié)果不如預期,主要原因是對用戶需求的理解存在偏差,缺乏用戶檢驗。設計師往往把公司的營銷和業(yè)務目標放在首位,而沒有了解用戶和潛在用戶的真正需求。因此,企業(yè)或機構(gòu)應清楚了解其受眾的基本情況,如受教育程度、收入水平,以及所需信息的范圍和深度。主題清晰而鮮明。在明確目標的基礎上,完成的構(gòu)思就是總體設計方案。對整體風格

5、和特點進行定位,規(guī)劃組織架構(gòu)。網(wǎng)站應該針對它們所服務的不同對象(機構(gòu)或人員)采用不同的形式。有些網(wǎng)站只提供簡明的文字信息;其他人使用多媒體演示,提供華麗的圖形、閃爍的燈光、復雜的頁面布局,甚至可下載的音頻和視頻剪輯。最好的網(wǎng)站將圖形表示與有效的組織和溝通相結(jié)合。做到主題清晰突出,力求簡明扼要,重點明確,用簡單明了的語言和圖片告訴大家本站的主題,吸引需要本站的人的注意,對無關(guān)的人留下一定的印象人們。對于一些行業(yè)標志和公司標志要充分利用。千方百計調(diào)動充分表達的個性和品位,突出個性,創(chuàng)造特色。網(wǎng)站首頁的基本組成部分包括:頁眉:準確識別您的網(wǎng)站和企業(yè)標志;郵箱地址:用于接收用戶查詢;聯(lián)系方式:如普通地

6、址或;信息。請注意,現(xiàn)有信息的重用,例如客戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)庫,可以很容易地用于公司網(wǎng)站。FlashMX 動畫制作有魅力的一定要有華麗的FLAH過場動畫,不僅能打動觀眾,更能突出人物和風格。但是FLASH比DW制作要復雜一些,設計成幀、時間線、剪輯、按鈕和動作語言。下面簡單介紹一下我的FLASH制作過程:1、FLASH雖然采用了流控技術(shù),但考慮到基帶網(wǎng)絡的速度和FLASH本身的文件大小,我還是采用目前流行的下載觀看方式,保證音效和動畫的流暢度。并且安裝了進度條,隨時檢測下載速度和時間,讓瀏覽器知道該怎么做。動畫開始按鈕僅在進度達到 100% 時出現(xiàn),觀看者單擊該按鈕,動畫開始

7、。整個下載部分的動畫放在一個剪輯中,既節(jié)省存儲空間,也方便庫管理。2、FLASH動畫設計風格簡潔、動感、時尚。3、FLASH視頻的素材、按鈕、剪輯、聲音全部導入庫中,每個剪輯在時間線上只有圖層,節(jié)省存儲,方便管理。4. 影片導出時增加保護功能,增加影片的安全性,防止他人盜用和修改影片。矢量圖像的質(zhì)量為100,保證了電影圖像的質(zhì)量,聲音的輸出格式為mp3。采樣標準為128Kbps雙聲道立體聲,接近CD標準。雖然電影的大小增加了,但聲音效果是有保證的。 .還輸出電影大小報告。FireworkMX 矢量圖像處理在 Firework 中,除了配合 Flash 處理動畫中的影片外,主要制作導航按鈕和橫幅

8、。由于導航按鈕采用懸停方式,每個按鈕要同時制作兩個版本。即原始狀態(tài)和懸停狀態(tài)。1. Firework在圖像處理中利用高光和陰影來突出按鈕的立體感、變化感和懸停感。2、Firework在處理banner時,采用banner和icon融合的方式,將兩者融為一體,不僅方便排版,也方便瀏覽器瀏覽。3、Firewok在處理上面的導航按鈕時,是用代表按鈕的圖片和對應的文字來處理的。4.Firework在輸出圖片時使用JPEG(ISO國際標準圖像壓縮)格式。這是目前網(wǎng)絡上比較流行的一種圖片格式,文件小,傳輸速度快,圖片清晰。輸出質(zhì)量為 80,沒有平滑。第 2 章軟件開發(fā)簡介2.1 設計基礎知識靜態(tài)編程最重要

9、的特點是程序自動生成網(wǎng)頁,最終形成HTML供瀏覽器解釋。那么如何設計漂亮的網(wǎng)頁來與動態(tài)更新的網(wǎng)站進行交互,就需要網(wǎng)頁編程和網(wǎng)頁制作相結(jié)合。本章主要介紹了構(gòu)建中必須掌握的基礎知識,如web文檔的結(jié)構(gòu),編寫super、table、forms等基本HTML標簽的要求,web編輯常用工具,動態(tài)項目的設計步驟要求。工程、出版和維護、主機解決方案等方面的知識。2.2 Dreamweaver 8 簡介Dreamweaver 是網(wǎng)頁設計制作領域用戶最多、應用最廣、功能最強大的軟件。隨著 Dreamweaver 8 的發(fā)布,Dreamweaver 在該領域的地位更加穩(wěn)固。它集成了網(wǎng)頁設計、開發(fā)和網(wǎng)站管理的功能。

10、具有可視化、多平臺、跨瀏覽器支持的特點。是目前設計、開發(fā)、生產(chǎn)的首選工具。突出特點主要包括靈活的書寫方式;可視化編輯界面;更多 CSS 支持 - CSS 視覺設計、CSS 檢查工具;動態(tài)跨瀏覽器驗證;強大的WEB站點管理功能;內(nèi)置圖形編輯引擎;富媒體支持能力等其強大的可視化布局工具、應用程序開發(fā)功能和代碼編輯支持組合使各級開發(fā)人員和設計人員能夠快速創(chuàng)建基于標準的應用程序和有吸引力的界面。開發(fā)人員可以使用 Dreamweaver 和他們選擇的服務器技術(shù)來創(chuàng)建功能強大的 Internet 應用程序,使用戶能夠連接到數(shù)據(jù)庫、Web 服務和遺留系統(tǒng)。開發(fā)環(huán)境支持HTML、ASP、ASP.NET、JSP

11、等,提供多種強大的可視化設計工具、應用開發(fā)環(huán)境和代碼編輯支持。主要用于素材整理、排版以及與后臺程序的交互。2.3 HTML簡介全稱:超文本標記語言翻譯:超文本標記語言。短義:一種用于在普通文檔中標記某些詞的語言,其目的是利用標簽(tags)將文檔組合起來,以達到預期的效果。HTML是SGML定義的一種描述性語言,或者HTML是SGML的一種應用。 HTML 不是一種編程語言,例如 C+ 和 Java,它只是一種標記語言?;旧希阒恍枰私飧鞣N標簽的用法就可以理解 HTML。 HTML 的格式非常簡單。它僅由文本和標簽組成。至于編輯部,任何文本編輯器都行,只要文件能保存成文本格式,當然最好用專

12、門的網(wǎng)頁編輯工具。2.4 HTML技術(shù)介紹Macromedia 的 Roundtrip HTML 技術(shù)內(nèi)容用戶隨意導入 HTML 文件,而無需重新格式化代碼。用戶還可以使用 Dreamweaver 清除或重新格式化 HTML 代碼以進行代碼優(yōu)化。借助 Dreamweaver,您無需編寫一行代碼即可輕松使用動態(tài) HTML 功能;您還可以使用它來檢查您的工作是否存在所有流行平臺和瀏覽器中可能出現(xiàn)的錯誤。當然,如果不使用DW,也可以做出非常好的東西。其實任何程序或者HTML代碼都可以直接用記事本寫出來,但是DW實現(xiàn)起來真的很方便,還有一些其他的網(wǎng)頁編輯工具。 ,比如微軟的Frontpage等,只是想

13、說明一下,做,DW很好用,但沒必要!第三章需求分析在開發(fā)項目之前,應對開發(fā)項目進行需求分析,以確定開發(fā)人員需要做什么才能滿足用戶的需求。3.1 系統(tǒng)概述在當今信息共享時代,網(wǎng)絡信息管理系統(tǒng)以其信息量大、數(shù)據(jù)準確、速度快、管理全面等特點,在現(xiàn)實生活中得到了廣泛的應用?;ヂ?lián)網(wǎng)業(yè)務的普及應用已成為網(wǎng)絡經(jīng)濟的大勢所趨。本章介紹的文化是基于用戶和民族的信息。用戶可以方便快捷地找到自己需要了解的相關(guān)信息,足不出戶就可以了解該民族的基本信息,從而提高您在未來生活中根據(jù)需要體驗民族風情的體驗。3.2 系統(tǒng)可行性分析(1)實用性目的是根據(jù)用戶需求的相關(guān)信息和現(xiàn)狀,提供相關(guān)的詳細信息。(2) 技術(shù)為客戶提供基本信

14、息和各種歷史信息,以便客戶更好地了解本站。(3) 經(jīng)濟可提供給致力于文化推廣的企業(yè)或個人,以達到可取得的經(jīng)濟效益,并能達到預期的推廣效果。第四章設計與實現(xiàn)4.1 整體設計4.1.1 結(jié)構(gòu)圖根據(jù)文化園區(qū)的基本功能要求,完成書的基本結(jié)構(gòu)主要分為:首頁、綜合信息、民族淵源、民族地位、文化信仰、傳統(tǒng)禮儀、交通、歷史人物、地圖、節(jié)日習俗、資源和聯(lián)系信息。 12 頁。整體結(jié)構(gòu)如圖4-1所示: 美麗的XX首頁綜合訊息民族根源 美麗的XX首頁綜合訊息民族根源民族現(xiàn)狀文化信仰傳統(tǒng)禮儀XX交通歷史人物節(jié)日風俗XX地圖XX資源聯(lián)系方式圖4-1文化的總體結(jié)構(gòu)。4.1.2 風格主頁采用標準模式構(gòu)建,主色調(diào)為白色,通過導

15、航欄的引導,可以逐步了解整個內(nèi)容。用戶可以通過圖文并茂的導航和講解獲取自己感興趣的信息。4.2 詳細設計4.2.1 材料準備要準備的材料是最重要的部分,不僅要收集大量的文字和圖片,還要設計各種布局格式和藝術(shù)。這個的布局格式是我自己用Dreamweaver畫出來的。圖片有些是我自己處理的,有些是從網(wǎng)上下載后經(jīng)過煙花處理的。4.2.2 主頁概覽4.2.3 文化4.2.3 人文歷史4.2.3 人文歷史第 5 章 測試與維護完成后,并不意味著施工結(jié)束。內(nèi)容需不斷更新,發(fā)布前需進行認真徹底的測試,確保正常瀏覽和使用。主要測試內(nèi)容:1.服務器穩(wěn)定性和安全性。2. 程序軟件測試。3.網(wǎng)頁兼容性測試,例如瀏覽

16、器和顯示器。4. 根據(jù)需要進行其他測試。發(fā)布后,應定期進行維護,以保證正常瀏覽和使用。主要維護內(nèi)容包括: (1)服務器及相關(guān)軟硬件的維護,評估可能出現(xiàn)的問題,制定響應時間。 (2)、數(shù)據(jù)庫維護,數(shù)據(jù)的有效利用是維護的一個重要方面,所以數(shù)據(jù)庫的維護要引起重視。 (3)、內(nèi)容更新、調(diào)整等。 (4)、制定相關(guān)維修規(guī)程,使維修制度化、規(guī)范化。第六章結(jié)論實踐是檢驗真理的唯一標準,當然,也是檢驗學習成果的標準。通過這個畢業(yè)設計,我對之前學過的很多課程有了更深的了解,也是對我這三年所學知識的全面反映。但是,這個設計讓我深有感觸,讓我意識到理論知識與實踐相結(jié)合的重要性,而理論知識還遠遠不夠。首先,我選擇的題目

17、是旅游設計,接下來是如何確定題目。起初,我認為問題太簡單了。我一直覺得,只要確定了話題,其他一切都好。解決了。然而,和我想的相差甚遠。當我確定了主題并開始做的時候,我發(fā)現(xiàn)我不知道從哪里開始,用什么來布局,整體風格是什么,如何規(guī)劃等等。問題是我迫切需要解決的。我開始變得有些焦躁,就抱著這樣的心情去做我的設計。結(jié)果,幾天后,整體布局沒有統(tǒng)一的概念。慢慢地,我冷靜下來,回想這幾天的所作所為。我發(fā)現(xiàn)我的方法是完全錯誤的,我太渴望成功了。然后我整理了自己的思路,一步一個腳印。首先,我準備了材料并繪制了設計模型圖。 , 熟悉編程環(huán)境,掌握整體布局,明確基本功能,做好業(yè)務流程圖和數(shù)據(jù)流程圖,設計系統(tǒng)主要部分

18、,在開始開發(fā)前考慮一些細節(jié),以便以后工作進展順利。其次,我對編程語言的不熟悉也阻礙了整個開發(fā)過程。因為學的東西不是很扎實,而且之前也只編輯過一些小程序,對編輯大程序也不是很了解,只好找資料。圖書館和互聯(lián)網(wǎng)對我?guī)椭艽?。在書海和網(wǎng)絡中尋找信息的日子里,面對無數(shù)的書籍和網(wǎng)絡信息,我有時會感到煩躁,但每當我找到我想要的信息時,興奮和興奮隨之而來,我的心是滿滿的。滿心歡喜,不勞累,這趟旅程看似荊棘叢生,實則蘊藏著無窮無盡的寶藏,讓我了解和學到了很多以前不知道的知識。但總的來說,這個畢業(yè)設計給我提供了一個進入社會前鍛煉的舞臺。正如導師所說,讓我對這幾年所學的專業(yè)課程有了更深入的了解,使知識得到了整合,比以往任何一門課程都取得了更大的進步和進步.所謂“活到老去學老”,就是說以后要加強知識的學習,不斷的提高自己。開發(fā)完這套系統(tǒng),這不僅僅是一個畢業(yè)設計,不僅僅是學習一門開發(fā)語言,更重要的是在學習的過程中,腳踏實地,認真踏實的學習態(tài)度,不怕困難,堅持不懈,吃苦耐勞勤奮的精神是我在這個設計中最大的收獲。我覺得這是對意志力的鍛煉,是對我實踐能力的提高,對我以后的學習和工作也有很大的幫助。這個畢業(yè)設計不能說是完美的,但我覺得我已經(jīng)盡了最大的努力去完成它。我想,只要我努力,

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論