《WEB開發(fā)技術》課程設計論文-個人網頁課程設計

1、江西理工大學應用科學學院WEB開發(fā)技術課程設計論文題 目：_江西理工大學應用科學學院外聯(lián)社_ 系 別：_ _經濟管理系_班 級：_信息管理與信息系統(tǒng)091_ 姓 名：_ _ 二一一年一月目錄一、選題的目的和意義.3二、目前該選題的研究現(xiàn)狀.3三、設計思路分析.4四、設計過程描述.6五、設計成果展示.8六、課設總結.25個人網頁課程設計一、選題的目的和意義 人是社會性的動物，具有多方面的欲望和追求，被人理解、被社會承認是人的高級欲望中的一種?，F(xiàn)在暢行的個人形象設計已馳皙一種龐大市場就說明了這個問題。傳統(tǒng)的個人形象展示依靠照相、錄像、演講、交談或文字說明等形式，而個人網站是所有形式中最新穎、最直觀

2、、最有效、最綜合、最高級的形式。人的社會性訣定了人對交友交流的渴望和追求，現(xiàn)實中的交友具有很多的局限性。建設個人網站，能夠讓全球的人認識你，理解你，可以在你的網站上交流。同時，應用個人網站可以組建朋友社區(qū)。學習網頁設計和網站制作知識，現(xiàn)在人人都體會到了網絡時代的強烈充擊，學習網絡知識、學習網頁設計和網站建設馳皙新時代的一個熱點。學習包括書本學習和實踐學習，網絡作為一門實踐性很強的技束，沒有實踐往往是半生不熟。所以，相當一批網民開始應用建設個人網站學習實踐網頁設計和網站建設的知識和技束。 二、目前該選題的研究現(xiàn)狀個人網頁并非只是為那些特長優(yōu)勢明顯的同學而準備的，而是為了充分調動更多的同學踴躍參與

3、而設立的，以此達到提高學生自信心與參與精神的目的。個人網頁給予他們的不僅是參與活動的勇氣，更是為了大學生畢業(yè)后對就業(yè)問題時能夠有足夠的勇氣去展示自我。 作為當代大學生而言，如果沒有一技之長的話不足以利于世，而當代學生幽禁于書海久了恰恰缺乏特長。個人網頁設計恰好彌補了這一缺漏。個人網頁讓人們更好的展示自己，發(fā)掘自己的特長，也許會為大學生提供深造自我的機會，以便于在未來的競爭中立于不敗之地。 為在校大學生樹立家的感覺。個人網頁通過各項活動的使得更多陌生的同學有了相識的機會，加深他們的友誼。同時，使得學生交流學習經驗和生活體會，因而加深學生對個人網頁好感，不僅把個人網頁會當成他們展示自我的舞臺，更當

4、成他們的立足技能。三、設計思路分析設計網站時得考慮以下四大點：一、1、設計網站的標志(LOGO) 2、設計網站的標準色彩，網站給人的第一印象來自視覺沖擊，讓人覺得一定要瀏覽整個首頁面，確定網站的標準色彩是相當重要的一步。一個網站的標準色彩不超過4種，太多則讓人眼花繚亂。要注意色彩的合理搭配。 3、設計網站的標準字體，和標準色彩一樣，標準字體是指用于標志、標題、主菜單的特有字體。一般我們網頁默認的字體是宋體。4、設計網站的宣傳標語，也可以說是網站的精神，用一句話甚至一個詞來概括，一定要精練，最好是讓他人瀏覽時，一下就記住。二、確定網站的欄目 建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主

5、題明確，層次清晰。欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。一般的網站欄目安排要注意以下幾方面： 1、緊扣主題 本網站首頁全部與應科院外聯(lián)社相關聯(lián)，主題欄目個數(shù)在總欄目中占絕對優(yōu)勢，分七大版塊，這樣的網站顯的專業(yè)，主題突出，容易給人留下深刻印象。 2、其外聯(lián)社網站首頁時時更新社聯(lián)趣事和大大小小的新聞；其中還包括了校內最新消息。3、設立了聯(lián)系方式等通訊方式。 三、確定網站的目錄結構 網站的目錄建立網站時創(chuàng)建的目錄。1、不能將所有文件都存放在根目錄下，最好是有序的填好相應的名稱等標記，否則會造成文件管理混亂，常常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相

6、關聯(lián)的文件，影響工作效率。2、按欄目內容建立子目錄，子目錄的建立，首先按主菜單欄目建立。3、在每個主欄目目錄下都建立獨立的images目錄，為每個主欄目建立一個獨立的images目錄便于管理。4、目錄的層次不要太深，目錄的層次建議不要超過3層，維護管理方便。 5、不要使用中文目錄，不要使用過長的目錄等。四、確定網站的鏈接結構 網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。1、樹狀鏈接結構：首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面2、星狀鏈接結構：類似網絡服務器的鏈接，每個頁面相互之間都建立有鏈接這里個人推薦較好的方案是：首頁和一級頁面之間用星狀鏈

7、接結構，一級和以下各級頁面之間用樹狀鏈接結構。這樣方便標記、管理，運行的時候，不會由于某個頁面忘記鏈接，或是鏈接錯誤而耽誤時間，從而實現(xiàn)了方便管理，頁面美觀、簡潔等步驟。四、設計過程描述一、初期階段(獲取所要收集信息)熟悉課本內容、去圖書館翻閱相關書籍和上網查找相應的資料，認真聽老師利用課程設計上機時間演示的網站首頁的制作流程，確定網頁設計的內容要有一個明確的主題，整個網站圍繞這個主題，課中在機房認真構思主題框架，下課在寢室編輯網站首頁。二、中期階段(分析所獲信息、素材以深入了解該怎么做)當獲取到相關信息、素材之后,會發(fā)現(xiàn)這些信息顯得比較零散,接下來把這些信息、素材進行系統(tǒng)的整理,綜合起來分析

8、。經過系統(tǒng)分析之后,開始制作子網頁，以及相應的超鏈接，在這過程中遇到了難題、一些相應的陌生代碼和網頁的顯示效果，主動問老師，和同學探討或上網查詢，后期設計上的諸多雛形會在此階段形成,具體的比如說,網頁的風格、配色、素材、布局等等。三、后期階段(準備設計所需的圖、文資料)綜合分析之后,緊接著準備好設計時可能會用到的圖、文資料。圖片主要包括外聯(lián)社的新聞圖片及資料圖片等等。四、最后階段(設計頁面)網頁設計上,就這樣一些工作:處理圖片、細節(jié)、色彩、排版構成等。遇到的困難主要有所收集信息比較零散，以及網頁配色比較亂、布局困難等，最后經過老師指導和同學之間的交流解決了我的難題。同時網站后期還要注意，一個網

9、站建設好之后應該可以達到以下要求：1、使用清楚的消息：確保用戶了解此頁面的上下文，并且知道網站首頁的信息。2、保持一致性：雖然更改不同 Web 頁的外觀并不難，但這并不意味著應該這么做。將主要功能-例如返回“主頁”的鏈接或者執(zhí)行一個搜索-放在每頁的相同位置。 3、保持簡潔：說起來容易做起來難。嘗試征求反饋意見。 4、嘗試新的東西：不要害怕打破常規(guī)，嘗試一些完全不同的東西。如果您不試試，永遠不會找到真正的答案。應該在網頁中體現(xiàn)自己的創(chuàng)新能力，有自己創(chuàng)新的東西與思維。5、總體來說，通過這兩個星期對網頁設計的學習，有收獲也有遺憾。但是，我已邁入網頁設計的大門，只要我再認真努力的去學習，在今后的閑余時

10、間學習制作網頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設計出的網頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。五、設計成果展示這是個人網頁設計的主頁面。通過表格布局頂部為始終背景圖表頂格并居中。右側表格頂部為設計的個人形象LOGO。左側依次為個人信息的超鏈接項。LOGO表格下方合并的單元格顯示的圖片、與個人相關的資訊。源代碼如下：有天使來過 body background-image: url(4.jpg); enter art welcome you 主頁 圖片 博文 視頻 音樂 夢想 個人資料 心情 me 動漫 個人資料：Do you love me? 心情：往事在陽光下風化，遺憾

11、在記憶中永恒，嫣然一笑中，世事已淡然！ 笑看花開花落 淡看云卷云舒 浪漫冬雪 曙光之城 甜蜜戀情    此頁面充分顯示了，頁面加入圖片和在頁面上建立相應的鏈接，從而實現(xiàn)頁面間的跳轉，達到畫面的銜接不冗余。源代碼如下：R.年華花語 心情生活步入正軌，心里想著出軌。曾經癡心無悔，單軌變作雙軌。無奈感情越軌，快樂伴著虛偽。不怕心里有鬼，只怕情人臥軌。掙脫欲望導軌，靠航幸福路軌。一個酒鬼的工作總結：存在問題：好喝酒；分析原因：酒好喝；經驗體會：喝酒好；整改措施：酒喝好；努力方向：喝好酒。老板打了員工一巴掌，各國員工的不同反應。日本員工：頭一點：嗨！美國員工：立刻叫來了自已的律師。英

12、國員工：微笑地報警。俄羅斯員工：反手就給日本老板一巴掌。中國員工：上網怒吼。NO matter the ending is prefect or not,you cannot disppear from my world.逝去的歲月，怎么找得回來？你曾經的微笑，在回憶里卻散不開。 玫瑰花語          長安樓里，我數(shù)細雨，煮紅塵一樽以念卿。         緣分像一本書。翻的不經意會錯過童話，讀得太認真又會流干

13、眼淚。        愛，從來就是一件千回百轉的事。不曾被離棄，不曾受傷害，怎懂得愛人？         那些刻在椅子背后的愛情，會不會像水泥上的花朵開出沒有風的寂寞的森林。        Her wishful face haunts my dreams like the rain at night.     &nb

14、sp;        返回主頁頁面說明：此頁面實現(xiàn)了三次跳轉中的中間部分，在超鏈接中再次建立超鏈接，方便頁面的跳轉，同時為達到了頁面的整潔以及為頁面的美觀性加分。源代碼如下：年華美文 一千零一個愿望太多了，我只要實現(xiàn)一個就夠了。一句問候填滿青春，別人的話都聽不見，歲月凝結在你的視線。 心要讓你聽見，愛要讓你看見，不怕承認對你有多眷戀；想你的時候，盼你能收到我的真情留言.   I am looking for the missing glass-shoes who has picked it up. Within you I lose myself, without you I find myself wanting to be lost again.   無怨的青春 一棵開花的樹 山月 四季 距離 回首的剎那 青春的衣裾 永遠的流浪者 禪意 雨中的了悟 給我的水筆仔   返回主頁 &n