我的家鄉(xiāng)網站設計論文_文琛VIP

四川管理職業(yè)學院四川管理職業(yè)學院 畢畢 業(yè)業(yè) 論論 文文 學 號： 200962115 姓 名： 文 琛 所 屬 系： 計算機科學與工程教研系 專 業(yè)： 計算機信息管理 班 級： 2009 級 1 班 指 導 老 師： 朱麗雅 目錄 第一章第一章 前言前言.2 2 第二章第二章 開發(fā)工具和運行環(huán)境開發(fā)工具和運行環(huán)境.3 3 2.1 網站設計的基本知識 .3 2.2 DREAMWEAVER 8 簡介.4 2.3 HTML 簡介 .5 2.4 HTML 技術簡介 .5 2.5 FLASH簡介 .6 第三章第三章 網站的設計與實現(xiàn)網站的設計與實現(xiàn).7 7 3.1 網站的總體設計 .7 3.1.1 網站結構圖.7 3.1.2 網站的風格.8 3.2 網站的詳細設計 .8 3.2.1 素材的準備.8 3.2.2 網站首頁.8 第四章第四章 結論結論.1313 第五章第五章 參考文獻參考文獻.1414 第一章 前言 我的家鄉(xiāng)-資陽，地處四川盆地中部，是四川唯一同時連接成渝“雙 核”的區(qū)域性中心城市。1998 年設立地區(qū)，2000 年建市，轄雁江區(qū)、 簡陽市、安岳縣和樂至縣，幅員面積 7962 平方公里，總人口 500 萬。 資陽歷史文化悠久。35000 年前，古老的“資陽人”開啟了四川 人類文明史。公元前 135 年西漢時期置縣，后設州、郡，至今已有 2100 多年的建制史。古往今來，哺育了東周孔子之師萇弘、西漢辭 賦家王褒、東漢經學家董鈞等歷史名人，以及無產階級革命家、軍 事家、外交家陳毅元帥，革命家曹狄秋著名作家邵子南、周克芹、 劉心伍等現(xiàn)代英杰。 資陽區(qū)位優(yōu)勢明顯。市區(qū)距成都中心城區(qū) 87 公里，現(xiàn)有成渝鐵路、 成渝高速公路和國道 321 線、319 線、318 線等骨干道路穿境而過。 隨著成安渝、內資遂、遂資眉、成都第二繞城高速公路和成渝鐵路 客運專線等綜合交通項目加快建設， “多線接成渝、內外大暢通”綜合 交通格局即將形成，資陽正在成為成都交通中心樞紐重要組成部分 和成渝經濟區(qū)內重要交通次級樞紐。 設計思想 本網站設計目的就是日讓大家更多了解自己的家鄉(xiāng)資陽。本網 包含網站的資陽的地理，歷史，人文，名勝，經濟，旅游，風俗， 等方面。讓瀏覽這更好了解我的家鄉(xiāng)資陽。 第二章 開發(fā)工具和運行環(huán)境 2.1 網站設計的基本知識 靜態(tài)編程最重要的特征就是由程序自動生成網頁，最終形成 供瀏覽器解釋的 HTML。那么如何設計出精美的網頁以及動態(tài)更新交 互的站點，這就需要網頁編程與網頁制作相結合。本章主要介紹網 站建設所必須掌握的基礎知識，如網頁文檔的結構、超鏈接、表格 和表單等基本的 HTML 標識的寫法要求，網頁編輯的常用工具，動態(tài) 網站項目工程的設計步驟要求，以及網站的發(fā)布與維護、網站的主 機方案等相關知識。 2.2 Dreamweaver 8 簡介 Dreamweaver 是在網頁設計與制作領域中用戶最多、應用最 廣、功能最強大的軟件，隨著 Dreamweaver 8 的發(fā)布，更堅定 Dreamweaver 在該領域的地位。它集網頁設計、網站開發(fā)和站點管 理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目 前網站設計、開發(fā)、制作的首選工具。突出的特點主要有靈活的編 寫方式；可視化編輯界面；功能更多的 CSS 支持CSS 可視化設 計、CSS 檢查工具；動態(tài)跨瀏覽器驗證；強大的 WEB 站點管理功能； 內建的圖形編輯引擎；豐富的媒體支持能力等。 它將可視布局工具、應用程序開發(fā)功能和代碼編輯支持組合 在一起，其功能強大，使得各個層次的開發(fā)人員和設計人員都能夠 快速創(chuàng)建界面吸引人的基于標準的網站和應用程序。開發(fā)人員可以 使用 Dreamweaver 及所選擇的服務器技術來創(chuàng)建功能強大的 Internet 應用程序，從而使用戶能連接到數(shù)據(jù)庫、Web 服務和舊式 系統(tǒng)。開發(fā)環(huán)境支持 HTML、ASP、ASP.NET、JSP 等，提供眾多功能 強大的可視化設計工具、應用開發(fā)環(huán)境以及代碼編輯支持。主要用 于素材整理、排版以及后臺程序的交互。 2.3 HTML 簡介 全稱：HyperText Mark-up Language 譯稱：超文本標記語言。 簡意：一種為普通文件中某些字句加上標識的語言，其目的在于 運用標記（tag）合文件 達到預期的效果。 HTML 是在 SGML 定義下的一個描述性的語言，或可說 HTML 是 SGML 的一個應用程式。HTML 不是程式語言，如 C+ 和 Java 之 類，它只是標記語言，基本上你只要明白了各種 標記的用法便算學 懂了 HTML，HTML 的格式非常簡單，只是由文字及標記組合而成， 于 編輯部方面，任何文字編輯器都市可以，只要能將檔案存為文本 格式即可， 用專門的網頁編輯工具當然更好。 2.4 HTML 技術簡介 HTML 文件而無需重新設置代Macromedia 公司的 Roundtrip HTML 技術讓用戶可以隨意導入碼格式，用戶還可以利用 Dreamweaver 清 除或重新格式化 HTML 代碼，實現(xiàn)代碼的優(yōu)化。 利用 Dreamweaver，可以方便地使用動態(tài) HTML 功能，卻不需要寫一 行行的代碼；利用它還可以檢查作品在所有流行的平臺和瀏覽器中 可能發(fā)生的錯誤。 當然,如果不用 Dreamweaver 的話,同樣可以制作出非常好的網站 來,其實什么樣的程序或者 HTML 代碼都可以直接用記事本來寫,只不 過 Dreamweaver 實現(xiàn)起來更方便一些,還有一些其他的網頁編輯工具,比 如微軟的 Frontpage 等,做網站, Dreamweaver 很好用，但它并不是 唯一的選擇的! 網站運行環(huán)境 服務器： 操作系統(tǒng)： windows 2003 Server； Web 服務器：IIS5.0 數(shù)據(jù)平臺：Access 客戶端： 任意操作系統(tǒng)下的瀏覽器均可。 配置要求： CPU Intel 或兼容機 Pentium 166Mhz 或以上 企業(yè)版：至少 64M 建議 128M 或更多 內存 標準版：至少 512M 開發(fā)版：至少 512M 硬盤 Service：至少 80G，一般為 160G English Query：80M 顯視器 VGA 或更高分辨率 2.5 Flash 簡介 FLASH 簡介 Flash 是一種交互式矢量多媒體技術，他的前身是 Futureplash，早期網上流行的矢量動畫插件。后來由于 Macromedia 公司收購了 Future Splash 以后便將其改名為 Flash2，到現(xiàn)在最新的 flash4?，F(xiàn)在網上已經有成千上萬個 Flash 站點，著名的如 Macromedia 專門 ShockRave 站點，全部采用了 Shockwave Flash 和 Director?？梢哉f Flash 已經漸漸成為交互式 知量的標準，未來網頁的一大主流。 第三章 網站的設計與實現(xiàn) 3.1 網站的總體設計 3.1.1 網站結構圖 3.1.2 網站的風格 主頁由標準模式構建，其主色調為紫色，通過導航條的引導可以一步一步 了解網站的全部內容。用戶能通過導航獲取自己感興趣的信息以及圖文說明。 3.2 網站的詳細設計 3.2.1 素材的準備 做網站，準備素材是最重要的一環(huán)，不僅要收集許多內容各異的文字圖片， 還要設計各種網站的排版格式與美工。 這個網站的排版格式是我自己用 Dreamweaver 表格畫出來的，其中的圖片有的 經 濟 狀 況 歷 史 沿 革 旅 游 觀 光 首 頁 地 理 概 況 歷 史 文 化 地 名 故 事 未 來 規(guī) 劃 著 名 人 物 鄉(xiāng) 土 風 情 風 景 名 勝 是自己處理的，也有些是從網上下載后自己用 fireworks 處理的。具體的網站 有：我的家鄉(xiāng)、網站百度百科等 3.2.2 網站首頁 現(xiàn)在開始用 dreamweaver 8 制作網頁 先把素材整理成整齊的目錄，把圖片整理好放在 image 文件夾下，定義站 點是選擇這個目錄，這樣素材就位于站點以內，處理起來比較方便。 1、定義站點 （1）啟動 Dreamweaver。 （2）打開“站點”菜單，選擇“新建站點”命令，選擇“高級”編輯站點 并確定。如圖 3-2： 圖 3-2 建立站點 （3） 選件“文件”新建 html 基本頁，在標題欄輸入“annasui_心隨香動 香伴一生” ， 并保存為“index.html”文件。 （4） 設置頁面屬性，如圖 3-3 所示 圖 3-3 設置頁面屬性 （5）先建立一個表格，設置它的“邊框”寬為“10” ，選擇表格高百分比，在文本框 中輸入“10” ，并將表格設置為居中。如圖 3-4 圖圖 圖 3-4 建立表格 表格居中的代碼是 （6）填寫內容如圖 3-5 圖 3-5 填內容 （7）表格嵌套完成后按照網頁進度開始添加內容：點擊插入圖片，在最上層 的表格中插入用 Photoshop 所裁剪制成的圖片（8）添加關于網站主題的文字內 容、flash 內容以及添加站內索引等相關鏈接內容，最左側表格內插入圖像查 看器，然后編輯 flash 元素 如圖 3-6 圖 3-6 插入 Flash （9）設置頁尾。 （10）用 css 樣式為所有文字排版。 首頁效果如圖 3-7 所示 圖 3-7 首頁最終效果 第四章 結論 實踐是檢驗真理的唯一標準，當然也是檢驗學習成果的標準。通 過這次畢業(yè)設計讓我對前面學過的許多課程有了更為深刻的理解， 也是我對這三年所學的東西的一個綜合體現(xiàn)。然而這次設計讓我感 受頗深，它讓我體會到了理論知識結合實踐的重要性，光有理論知 識是遠遠不夠的。撰寫畢業(yè)論文時也遇到了一些困難。由于這是我 第一次寫畢業(yè)論文，沒有任何經驗，對于論文的格式、要求和內容 都一無所知，在查詢了大量的網絡資料后才有了模糊概念。所以在 此篇畢業(yè)論文中不免會有很多缺點。 總的來說，這次的畢業(yè)設計為我即將踏入社會之前提供了一 次鍛煉的舞臺。它讓我對幾年來所學的專業(yè)課有了更為深刻的認識， 使知識得到了融會貫通，得到了比以往學習任何一門課都更大的提 高和進步。所謂活到老學到老，自己以后還要加強知識的學習，不 斷的完善自己。經過開發(fā)這個系統(tǒng)，這不僅僅是一次畢業(yè)設計，不 僅僅是學會了一門開發(fā)語言，更重要的是在學習的過程中，腳踏實 地，認真嚴謹，實事求是的學習態(tài)度，不怕困難、堅持不懈、吃苦 耐勞的精神是我在這次設計中最大的收益。我想這是一次意志的磨 練，是對我實際能力的一次提升，也會對我未來的學習和工作有很 大的幫助。 這次畢