同學錄畢業(yè)設計

1、<p><b>　　摘 要</b></p><p>　　同學錄在網絡中應用廣泛，現(xiàn)在比較有名的門戶網站都提供了同學錄功能，同學錄不僅是新老同學聯(lián)系的橋梁，而且還是網絡休閑和網上展示自我的好方式。該平臺的開發(fā)，主要用了Macromedia DreamWaver MX 2004、Macromedia Fireworks MX 2004、Macromedia Flash MX 2004、

2、Adobe Photoshop 7.0、 Microsoft Access等軟件，該系統(tǒng)嚴格按照一般同學錄系統(tǒng)平臺的開發(fā)步驟進行開發(fā)，并力圖比較全面地涵蓋所以應有的功能。該平臺的功能有：用戶注冊，用戶登錄，用戶資料修改，圖片上傳，班級通訊錄，在線人員統(tǒng)計等功能。同時考慮到用戶的安全性和網絡優(yōu)化性，特增加了管理員管理模塊。</p><p>　　【關鍵字】網站標志 ，網站制作 ，網站功能</p><

3、;p>　　Classmates wide range of applications in the network, is now relatively well-known portal sites have provided Classmates function, Classmates is n -ot only a new bridge between the old classmates, but also a netw

4、ork of online leisure and a good way to show self.The platform is mainly used Macromedia DreamWaver MX 2004, Macromedia Fireworks MX 2004, Macromedia Flash MX 2004, Adobe Photoshop 7.0, Microsoft Access software, the sy

5、stem in strict accordance with the general system Classmates platfor</p><p>　　【Keywords】 website logo, website design, website features</p><p><b>　　目錄</b></p><p>　　第1章

6、制作背景1</p><p>　　第2章 開發(fā)工具3</p><p>　　第3章 同學錄功能介紹5</p><p>　　3.1注冊和登錄5</p><p><b>　　3.2班級相冊5</b></p><p><b>　　3.3校友活動5</b></p>

7、<p><b>　　3.4學生論壇5</b></p><p><b>　　3.5用戶區(qū)5</b></p><p>　　第4章 網站制作過程6</p><p>　　4.1確定網站主題6</p><p>　　4.2確定網站界面6</p><p>　　4.

8、3 欄目與板塊編排6</p><p>　　4.4進行形象設計7</p><p>　　4.4．1 設計網站標志(LOGO)7</p><p>　　4.4.2 設計網站色彩7</p><p>　　4.4.3設計網站字體7</p><p>　　4.4.4 設計網站宣傳語8</p><p>

9、　　4.5目錄結構與鏈接結構8</p><p>　　4.5.1 不要將所有文件都存放在根目錄下8</p><p>　　4.5.2 按欄目內容建立子目錄9</p><p>　　4.5.3在每個主目錄下都建立獨立的Images目錄9</p><p>　　4.5.3.1 樹狀鏈接結構（一對一）9</p><p>　

10、　4.5.3.2星狀鏈接結構（一對多）10</p><p><b>　　結語11</b></p><p><b>　　參考文獻14</b></p><p><b>　　致謝15</b></p><p><b>　　第1章 制作背景</b><

11、/p><p>　　以前我一直在做網頁，不過是在博客上，那里提供了摸板，只需要自己在里面添舔改改就行了，對一些代碼我更本就看不懂，現(xiàn)在好了，雖然我不是很會，但是可以看懂一些了，也能改一些代碼了。通過這四周的學習，在老師的精心教導下和同學們的幫助下，以及通過自己在平時的學習和實踐，對html 靜態(tài)網頁知識有了初步認識。通過學習html 靜態(tài)網頁，不但增加了我的知識面，還使我學會了很多以前不會使用的工具，當然這樣還不夠，因

12、為我還有很多需要學習的地方，網頁設計與網站開發(fā)的基礎課程雖然上完了，但是在以后的時間里我一定會繼續(xù)努力，爭取做更多的精美的網頁出來。</p><p>　　通過html 靜態(tài)網頁的學習還讓我明白了做網頁時頁面不一定要很復雜，但留白的地方不能很多，這樣看起來就不會覺得呆板，反面顯得有層次，比較高檔，而且百看不厭。網頁的特點就是要有一副漂亮的背景圖，整個頁面看起來就比較舒服。網頁的文字要排得整齊緊湊，這樣才能給人一種舒

13、服的感覺。在網頁適當的地方可以加一些圖片，每張畫面再加一些不同的文字說明和加一些不同的文字效果，再加一些小動畫，這樣網頁會顯得更加的精美。</p><p>　　這次做的網頁雖不是很好看，可是我花了很多時間來按成它，它對我以后做網頁有很大的幫助。在此次做網頁的過程中也讓我學到了很多東西，從我內心來說我是很滿意我的這次經歷，同時也要謝謝老師安排這樣的考試，因為在制作過程中我不僅學到了書上沒有的東西，也培養(yǎng)了我獨立思考

14、問題的能力。</p><p><b>　　第2章 開發(fā)工具</b></p><p>　　Dreamweaver是網頁制作和管理網站對的編輯器，它是第一套針對專業(yè)網頁設計師特別發(fā)展的視覺化網頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。 </p><p>　　Fireworks是一個強大的網頁圖形設計工具，

15、你可以使用它創(chuàng)建和編輯位圖、矢量圖形，還可以非常輕松的做出各種網頁設計中常見的效果，比如翻轉圖象，下拉菜單等，設計完成以后，如果你要在網頁設計中使用，你可以將它輸出為html文件， 還能輸出為可以在Photoshop，Illustrator和Flash等軟件中編輯的格式。Fireworks 的文件窗口上有如圖的四個標簽，可以同時編輯和預覽圖象，你可以同時預覽四種不同的優(yōu)化設定所產生的效果，選擇最理想的一種設定。</p>&

16、lt;p>　　Flash為廣大用戶提供了一個豐富的圖形設計環(huán)境，用戶通過對鉛筆工具、選擇工具、橢圓工具、自由變換工具以及組合工具的可選工具進行組合使用就可以繪制出無比復雜的圖形。</p><p>　　Fireworks、Flash以及在Dreamweaver之后推出的針對專業(yè)網頁圖像設計的Fireworks，三者被Macromedia公司稱為Dreamweaver (夢之隊)，足見市場的反響和Macrome

17、dia公司對它們的自信。說到Dreamweaver我們應該了解一下網頁編輯器的發(fā)展過程，隨著互聯(lián)網(Internet) 的家喻戶曉，HTML技術的不斷發(fā)展和完善，隨之而產生了眾多網頁編輯器，從網頁編輯器基本性質可以分為所見即所得網頁編輯器和非所見即所得網頁編輯器，兩者各有千秋。</p><p>　　第3章 同學錄功能介紹</p><p><b>　　3.1注冊和登錄 </b

18、></p><p>　　計網學生及老師可注冊登錄計網班級同學錄。注冊時，建議使用中文名稱作為用戶名進行注冊，注冊后可登錄奧鵬班級同學錄。注冊用戶可查看、參與活動、論壇等。</p><p><b>　　3.2班級相冊</b></p><p>　　同學加入到計網班級后，可在班級內發(fā)表相關主題的照片，也可以黏貼你認為不錯的網絡照片。（備注：班級

19、相冊一般分為日常生活、旅游照片、個人風采、新年照片等幾個專輯）。 </p><p><b>　　3.3校友活動</b></p><p>　　校友活動是計網學生最好的聯(lián)系和溝通方式之一，同學們可以自由發(fā)起、參與新的學生活動，并可在該活動頁面進行溝通交流。</p><p><b>　　3.4學生論壇</b></p>

20、<p>　　學生論壇是計網學生進行娛樂、交流、灌水的小天地，目前計網學生論壇有生活日志、開心一刻、讀書樂園、等版塊供學生使用。</p><p><b>　　3.5用戶區(qū)</b></p><p>　　用戶區(qū)是注冊用戶進行個人資料修改、留言、照片、收藏計網同學精彩照片、添加好友的個人社區(qū)，同學可在這里修改自己的信息并查找與自己相關的內容。</p>

21、<p>　　第4章 網站制作過程</p><p>　　4.1確定網站主題 </p><p>　　做網站，首先必須要解決的就是網站內容問題，即確定網站的主題,對于內容主題的選擇，要做到小而精，主題定位要小，內容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網站的特色，也會帶來高強度的勞動，給網站的及時更新帶來困難。</p><p><b&g

22、t;　　4.2確定網站界面</b></p><p>　　界面就是網站給瀏覽者的第一印象，往往決定著網站的可看性，確定一個好的網站的界面決定整個網站的認可度。 </p><p>　　4.3 欄目與板塊編排 </p><p>　　構建一個網站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網站建設初學者，最容易犯的錯誤就是：確定題材后立刻開始制作，

23、沒有進行合理規(guī)劃。從而導致網站結構不清晰，目錄龐雜混亂，板塊編排混亂等。結果不但瀏覽者看得糊里糊涂，制作者自己在擴充和維護網站也相當困難。所以，我們在動手制作網頁前，一定要考慮好欄目和板塊的編排問題。 </p><p>　　網站的題材確定后，就要將收集到的資料內容作一個合理的編排。比如，將一些最吸引人的內容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來

24、。在制定欄目的時候，要仔細考慮，合理安排。在欄目編排時需要注意的是：盡可能刪除那些與主題無關的欄目；盡可能將網站內最有價值的內容列在欄目上；盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內容，如站點簡介、版權信息、個人信息等大可不必放在主欄目里，以免沖淡主題。</p><p><b>　　4.4進行形象設計</b></p><p>　　4.4．1 設計網站

25、標志(LOGO)</p><p>　　LOGO是指網站的標志，標志可以是中文、英文字母，也可以是符號、圖案等。標志的設計創(chuàng)意應當來自網站的名稱和內容。比如：網站內有代表性的人物、動物、植物，可以用它們作為設計的藍本，加以卡通化或者藝術化；專業(yè)網站可以以本專業(yè)有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。</p>

26、<p>　　4.4.2 設計網站色彩</p><p>　　網站給人的第一印象來自視覺沖擊，不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒。“標準色彩”是指能體現(xiàn)網站型象和延伸內涵的色彩，要用于網站的標志，標題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應當只是作為點綴和襯托，絕不能喧賓奪主。一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。適合于網頁標準色的顏

27、色有：藍色，黃/橙色，黑/灰/白色三大系列色。</p><p>　　4.4.3設計網站字體</p><p>　　和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般網頁默認的字體是宋體。為了體現(xiàn)站點的“與眾不同”和特有風格，可以根據需要選擇一些特別字體。制作者可以根據自己網站所表達的內涵，選擇更貼切的字體。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的計算機

28、里沒有安裝特別字體，那么辛苦設計制作便可能付之東流了。</p><p>　　4.4.4 設計網站宣傳語</p><p>　　也可以說是網站的精神、主題與中心，或者是網站的目標，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站，進行對外宣傳，可以收到比較好的結果</p><p>　　4.5目錄結構與鏈接結構</p><p>　　網站

29、的目錄是指建立網站時創(chuàng)建的目錄目錄的結構是一個容易忽略的問題，大多數站長都是未經規(guī)劃，隨意創(chuàng)建子目錄。目錄結構的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點本身的維護，以后內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排，比如：</p><p>　　4.5.1 不要將所有文件都存放在根目錄下</p><p>　　有網站制作者為了方便，將所有文件都放在根目錄下。這樣就很

30、容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關聯(lián)的文件，影響工作效率；上傳速度變慢，服務器一般都會為根目錄建立一個文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個文件，服務器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時間也將越長。</p><p>　　4.5.2 按欄目內容建立子目錄</p><p>　　

31、子目錄的建立，首先按主欄目建立。友情連接內容較多，需要經常更新的可以建立獨立的子目錄。而一些相關性強，不需要經常更新的欄目，例如：網站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，所有提供下載的內容也最好放在一個目錄下，便于維護管理。</p><p>　　4.5.3在每個主目錄下都建立獨立的Images目錄</p><p>

32、;　　一般來說，一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便，比如在欄目刪除時，圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單，就是方便維護與管理。 </p><p>　　其它需要注意的還有：目錄的層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可能對網址的正確顯示造成困難；不要使用過長的目錄，太長的目錄名不便于記憶；

33、盡量使用意義明確的目錄，以便于記憶和管理。</p><p>　　網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。形象的說：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。更重要的是，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。一般的，建立網站的鏈接結構有兩種基本方式：</p><p>

34、　　4.5.3.1 樹狀鏈接結構（一對一）</p><p>　　這類似DOS的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時，一級級進入，一級級退出，條理比較清晰，訪問者明確知道自己在什么位置，不會“不知身在何處”，但是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須回到首頁再進行。</p><p>　　4.5.3.2星狀鏈接結構（一對多）<

35、/p><p>　　類似網絡服務器的鏈接，每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時可以到達自己喜歡的頁面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內容。 </p><p>　　因此，在實際的網站設計中，總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結

36、構，一級和二級頁面之間用樹狀鏈接結構。關于鏈接結構的設計，在實際的網頁制作中是非常重要一環(huán)，采用什么樣的鏈接結構直接影響到版面的布局。</p><p><b>　　結語</b></p><p>　　在我的網頁中，主要是通過首頁來實現(xiàn)其他的網頁界面。在首頁中的主要內容有：網站首頁，班級相冊，用戶登陸，精彩熱圖，影音世界和技術論壇，友情連接和另類下載等。而各部分是相互鏈接

37、在一起的。也就是說明了我充分的運用了DREAMWEAVER的超鏈接功能。在我的首有頁中主要用到是嵌入和連接功能，嵌如了一張圖片和連接了一副FLASH，增加了網頁的精美效果的也；在我的相冊中主要用到的也是超鏈接功能，只不過是圖片的連接而已，當你點擊相冊中的小圖片時就會在另外一張網頁中出現(xiàn)一張放大的圖片，你也可以通過像冊上面的上一張，下一張，最后一張，第一張來瀏覽整個像冊。由于技術有限，在里面所涉及的用戶申請發(fā)送后可回復到您的郵箱里，還沒有

38、實現(xiàn)的。希望在以后的學習中能夠利用Cdonts來實現(xiàn)Emall是收發(fā)。如果在Iis安裝了Smtp服務后，會在Input目錄下創(chuàng)建名為Matlroot的目錄，該目錄是郵件服務達到根目錄，在該目錄下有兩個名為Pickup和Drop是子目錄，Cdo組件將要發(fā)送的郵件存放于Pickup的目錄下，然后Smtp服務程序將這些信息移入Queue目錄下并準備發(fā)送，信息通過于目標主機的連接被傳送到It</p><p>　　以前我

39、一直在做網頁，不過是在博客上，那里提供了摸板，只需要自己在里面添舔改改就行了，對一些代碼我更本就看不懂，現(xiàn)在好了，雖然我不是很會，但是可以看懂一些了，也能改一些代碼了。通過這四周的學習，在老師的精心教導下和同學們的幫助下，以及通過自己在平時的學習和實踐，對html靜態(tài)網頁頁知識有了初步認識。通過學習html靜態(tài)網頁，不但增加了我的知識面，還使我學會了很多以前不會使用的工具，當然這樣還不夠，因為我還有很多需要學習的地方,網站開發(fā)與網頁設計

40、基礎課程雖然上完了，但是在以后的時間里我一定會繼續(xù)努力，爭取做更多的精美的網頁出來。</p><p>　　通過html靜態(tài)網頁的學習還讓我明白了做網頁時頁面不一定要很復雜，但留白的地方不能很多，這樣看起來就不會覺得呆板，反面顯得有層次，比較高檔，而且百看不厭。網頁的特點就是要有一副漂亮的背景圖，整個頁面看起來就比較舒服。網頁的文字要排得整齊緊湊，這樣才能給人一種舒服的感覺。在網頁適當的地方可以加一些圖片，每張畫面

41、再加一些不同的文字說明和加一些不同的文字效果，再加一些小動畫，這樣網頁會顯得更加的精美。</p><p>　　這次做的網頁雖不是很好看，可是我花了很多時間來按成它，所以呢它對我以后做網頁有很大的幫助。在此次做網頁的過程中也讓我學到了很多東西，所以呢從我內心來說我是很滿意我的這次經歷，同時也要謝謝老師安排這樣的考試，在制作過程中我不僅學到了書上沒有的東西，也培養(yǎng)了我獨立思考問題的能力，同時還增強了同學之間的團結互助

42、的友誼。</p><p>　　在畢業(yè)設計期間，我通過對系統(tǒng)的分析按設計要求，查閱了大量資料，了解了人事信息管理系統(tǒng)的基本流程，并進行了系統(tǒng)分析、設計、編程、調試運行等。此次設計使我對數據庫開發(fā)和網頁設計網頁開發(fā)技術有了更深的理解，同時培養(yǎng)了自己獨立分析問題、解決問題和實際操作的能力。</p><p>　　本次實習使我再度意識到開發(fā)一套基于Html靜態(tài)同學錄的設計與開發(fā)，不是想象中那么簡單。

43、通過對系統(tǒng)的分析設計，使我把在書本上學到的理論與實踐相結合，大大提高鞏固了之前所學習的內容。但系統(tǒng)在設計過程中不可避免地遇到了各種各樣的問題，因為本人水平有限，并沒有完全地理解Macromedia DreamWaver MX 2004、Macromedia Fireworks MX 2004、Macromedia Flash MX 2004、Adobe Photoshop 7.0、 Microsoft Access等軟件的強大功能，因此

44、系統(tǒng)還存在著許多不足之處。受開發(fā)條件和開發(fā)時間的限制，由于精力有限，所以此程序只做出了，程序的最基本功能，如果應用到實際生活中，要根據具體的學校情況，添加不同的模塊。</p><p><b>　　參考文獻</b></p><p>　　[1] 張喜林. 以不斷學習沖破習慣力量[J]. 中國培訓, 2003,(05) </p><p>　　[2]

45、孫炳珍. 樹立新的學習觀 爭做學習型人才[J]. 理論學習, 2005,(12) </p><p>　　[3] 單東. 談談我對搞好科研的一點體會[J]. 理論學刊, 1986,(03) </p><p>　　[4] 于晶. 海爾,做慈善一樣真誠[J]. 商周刊, 2009,(17) </p><p>　　[5] 曲然. 在不斷學習中努力改造自己的主觀世界[J].

46、金融與經濟,2001,(03) </p><p><b>　　致謝</b></p><p>　　首先，要衷心感謝我的老師XX老師、XX老師。今天我能夠順利完成網頁制作和論文的寫作，是在兩位老師的悉心指導和熱忱鼓勵下才得以完成。無不凝聚著兩位老師的心血與汗水。兩位老師在論文的選題，研究方案的確定以及具體的實施過程都給予了周密的指導，他們嚴謹的治學態(tài)度和系統(tǒng)的科研思路讓我