畢業(yè)設計報告表

1、和田師范專科學校計 算 機 科 學 系畢 業(yè) 設 計 報 告課題名稱：網(wǎng)頁制作 專 業(yè)：計算機應用技術 班 級： 2010-2班 姓 名： 托合提姑；姑麗巴哈爾；如孜姑麗；庫迪來提妮薩學 號： 107651006221；107650906420；107650906444； 107650906325； 指導老師：阿依圖麗怕爾 完成日期：2013年6月17日 同組人員： 米熱古麗，阿布力米提 蘇力丹， 熱依罕 目 錄前 言 需求分析 概要設計 詳細設計 調(diào)試分析 參考文獻 評 分 一、前言（主要敘述本課題的意義、目的、研究范圍及要求達到的技術參數(shù)；簡述本課題應解決的主要問題。） 在Internet

2、飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用.因此網(wǎng)站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。 現(xiàn)階段，圖片網(wǎng)站已成為世界互聯(lián)網(wǎng)中的一只重要力量，而這次我所選擇的圖片網(wǎng)站建設與友情鏈接的課題，正是互聯(lián)網(wǎng)與個人學習生活之間的緊密關系的體現(xiàn)，現(xiàn)今的社會，人們已經(jīng)離不開了網(wǎng)絡，網(wǎng)絡已經(jīng)成為人與人，人與社會之間交流的一種重要形式，他能夠把事情的復雜化轉為簡單化。而圖片網(wǎng)站，恰好是世界互聯(lián)網(wǎng)迅猛發(fā)展過程中的必然產(chǎn)物，人們通過設計一個圖片網(wǎng)站，不管其定位是傳播

3、一些技術，都為人與人，人與社會之間提供了一個溝通交流的平臺，縮短了人與人、人與社會之間的距離。 國內(nèi)的圖片分享的網(wǎng)站起步相對較晚，但也已經(jīng)有很多人陸續(xù)進入這個市場，如Yupoo、拍拍樂等都已經(jīng)在國內(nèi)展開了競爭。大名鼎鼎的 Flickr 很多人都應該知道，前不久還剛突破 20 億張照片存儲量。國內(nèi)的 Yupoo、巴巴變也非常的不錯，當然最近才冒出的大腳也突然被關注起來。此外，像淘寶之類的網(wǎng)購網(wǎng)站，也極大地用到了圖片分享和存儲的服務。面對圖片分享系統(tǒng)在實施后，應能夠達到以下目標：1、實現(xiàn)多點操作的圖片共享，相互之間的信息傳遞準確、快捷和順暢。2、服

4、務管圖形化，可隨時掌握學生圖片管理、圖片處理等情況3、系統(tǒng)界面友好美觀，操作簡單易行，登錄靈活方便，數(shù)據(jù)存儲安全4、 可以制作一個簡單的圖片分享頁面. 研究范圍及要求達到的技術參數(shù)；簡述本課題應解決的主要問題:我們在制作網(wǎng)頁的過程中用了acsecc數(shù)據(jù)庫和asp技術實現(xiàn)登錄用戶這個界面了，用戶可以直接登錄進去看自己所需要的各種格式的動態(tài)的靜態(tài)圖片還有可以下載和聽自己喜歡的歌曲還可以在這個網(wǎng)站有好多超鏈接用這個工可以訪問有關圖片的網(wǎng)站和自己所需要的網(wǎng)的有利于用戶使用方便的這個功能也實現(xiàn)了。 制作網(wǎng)頁首頁界面的過程中我們用了Dreamweaver，fireworks，flash，photoshop

5、等等圖像處理和編輯軟件來實現(xiàn)了網(wǎng)頁首頁的靈活，還用了有些外部超鏈接功能，用這個功能提供用戶各方面的需要和需求提高網(wǎng)頁的使用和吸引廣大人們對這個網(wǎng)頁的訪問和利用興趣把這個網(wǎng)頁做成對廣大人們有用的最好的一個圖片分享網(wǎng)頁。二、需求分析（主要內(nèi)容包括本課題設計目的、技術實現(xiàn)方針、軟硬件運行環(huán)境及開發(fā)工具）（主要內(nèi)容包括本課題設計目的、技術實現(xiàn)方針、軟硬件運行環(huán)境及開發(fā)工具） 圖片分享系統(tǒng)內(nèi)容十分豐富，工作繁多，本課題重在說明Dreamweaver 在軟件開發(fā)中的應用，所以本例規(guī)定開發(fā)的圖片分享系統(tǒng)瀏覽和提供靜態(tài)和動態(tài)圖片。圖片分享系統(tǒng)提供的功能如下: 3.動態(tài)圖片這些功能用Dreamweaver，fi

6、reworks， photoshop來實現(xiàn)了這些瀏覽圖片，下載圖片，動態(tài)圖片，動畫等等功能。三、概要設計（主要敘述本課題各功能模塊、數(shù)據(jù)庫設計方案、界面設計等）（1）8個按鈕并實現(xiàn)其連接、此完成的功能主要是 這些顯示圖片，瀏覽圖片，下載軟件， 超鏈接等功能 用Dreamweaver，fireworks， ，photoshop，來實現(xiàn)了該功能。只有單擊某個按鈕時給我們提供相應的信息和新聞。（2）選擇按鈕和子菜單并實現(xiàn)其連接功能。此完成的功能主要是：利用fireworks制作了按鈕和子菜單，利用Dreamweaver實現(xiàn)了子菜單的連接。您單機你所需要的按鈕時給您提供相應的信息。其子菜單中有一個下載

7、專區(qū)，從中你可以下載你所需要的，給你所提供的軟件。 Dreamweaver 來制作了網(wǎng)頁的主界面和其他外部接功能和外網(wǎng)連接功能，F(xiàn)ireworks 來制作了首頁，火焰文字，文字蒙版，掛圖，泡泡，電子相冊，照相店，選擇按鈕等按鈕并實現(xiàn)連接，還制作了業(yè)界新聞，學校教程，經(jīng)驗技巧，作品欣賞，下載專區(qū)等子菜單并實現(xiàn)了連接。 Photoshop 來制作了網(wǎng)頁里面的火焰文字，文字蒙版，掛圖，泡泡，電子相冊 界面如下： 用Dreamweaver，fireworks，flash，photoshop做了動態(tài)圖和按鈕。 四、詳細設計（主要內(nèi)容：程序流程圖、 、用戶界面及用戶使用說明書等）1.利用圖像處理軟件fir

8、eworks制作網(wǎng)頁。 進一步熟悉掌握網(wǎng)頁設計、網(wǎng)頁制作等知識以及Dreamweaver，fireworks 、Photoshop工具的使用，總結自身在網(wǎng)頁設計制作方面的不足，加強自學能力。也是畢業(yè)前的一次大練兵，為參加工作做好充分準備。 2.展示自我現(xiàn)在暢行的個人形象設計已成為一種龐大市場，傳統(tǒng)的個人形象展示依靠照相，、交談或文字說明形式，而圖片分享網(wǎng)站是所有形式中最新穎、最直觀、最有效、最綜合、讓大家懂得除了Dreamweaver以外利用fireworks也可以制作網(wǎng)頁。 3 8個按鈕并實現(xiàn)其連接、 8個按鈕都有其特色的特點。每一個按鈕是用fireworks來完成制作的。你單機哪一個按鈕就

9、給你顯示相應的有關資料等內(nèi)容。4選擇按鈕選擇按鈕表示您選擇的按鈕，選擇按鈕中有業(yè)界新聞，學校教程，經(jīng)驗技巧，作品欣賞，下載專區(qū) 等5個子菜單，如果你需要某個軟件你可以單機下載專區(qū)中的此軟件。比如說：你需要fireworks，Dreamweaver，Photoshop，任意軟件你可以直接下載使用，無疑是個最佳選擇。 流程圖按鈕選擇按鈕及子菜單8個按鈕學校教程 業(yè)界新聞掛圖文字蒙版火焰文字作品欣賞經(jīng)驗技巧蒙版泡泡 換衣服下載專區(qū)電子相冊網(wǎng)吧牌子。 該系統(tǒng)的主要結構與功能在上面圖中(系統(tǒng)結構關系圖)已非常清楚,上圖主要模塊及功能可分為首頁及分布瀏覽圖片功能。根據(jù)上面的分析就可以設計出能夠滿足用戶需求

10、的各種圖片,以及它們之間的關系,為后面的邏輯結構設計打下基礎.這些實體包括各種具體信息,通過相互之間的作用形成數(shù)據(jù)的流動。五、調(diào)試分析（主要內(nèi)容：本課題調(diào)試過程中所遇到的問題以及如何解決問題、未解決的問題）1.過程中所遇到的問題以及如何解決問題：1> 在Dreamweaver 中，如何輸入一個空格呢？輸入空格的問題，在DW似乎已成了一個老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的，因此通過將輸入法調(diào)整到全角模式就可以避免了，方法是：打開中文輸入法（以人工智能ABC為例），按Shift+Space切換到全角狀態(tài)，

11、現(xiàn)在應該沒問題了。2> 怎樣才能夠保證網(wǎng)頁中文字不跟隨瀏覽器字體大小設置而變動? 大家都知道,在IE瀏覽器的功能設置中，有一個可以自由設置窗口內(nèi)容字體大小的功能，這樣由于不同訪問者的習慣問題，呈現(xiàn)在他們面前的網(wǎng)頁有時也會不同。比如你可能本來設計時用的是2號字體，結果由于用戶對瀏覽器的額外設定，變的更大了，這時顯示效果上就出問題了。那么解決的辦法就是將網(wǎng)頁內(nèi)容定性的強制在某個合適的大小上。即不容許他變化。通過CSS樣式表對字體進行強制性控制就可以實現(xiàn)這個要求了。2. 未解決的問題： Access數(shù)據(jù)庫和asp技術這個功能我們盡力了好多，查閱了好多資料，還是我們的知識能力和水平有限未實現(xiàn)這個功能。 六、參考文獻格式為：著作格式: 序號作者·譯者·書名·版本·出版社·出版時間期刊格式: 序號作者·譯者·文章題目·期刊名·年份·卷號(期數(shù))·頁碼學位論文：序號作者·題名學位論文（英文用）·保存地點·保存單位·年份專 利: 序號專利申請者·題名·國別·專利文獻種類·專利號·發(fā)布日期 序號： 作者 . 李英俊 . 網(wǎng)頁設計與制作 .