《WEB開發(fā)技術(shù)》課程設(shè)計(jì)論文-個(gè)人網(wǎng)頁(yè)課程設(shè)計(jì)

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

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

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

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

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

6、關(guān)聯(lián)的文件，影響工作效率。2、按欄目?jī)?nèi)容建立子目錄，子目錄的建立，首先按主菜單欄目建立。3、在每個(gè)主欄目目錄下都建立獨(dú)立的images目錄，為每個(gè)主欄目建立一個(gè)獨(dú)立的images目錄便于管理。4、目錄的層次不要太深，目錄的層次建議不要超過3層，維護(hù)管理方便。 5、不要使用中文目錄，不要使用過長(zhǎng)的目錄等。四、確定網(wǎng)站的鏈接結(jié)構(gòu) 網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。1、樹狀鏈接結(jié)構(gòu)：首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面2、星狀鏈接結(jié)構(gòu)：類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接這里個(gè)人推薦較好的方案是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈

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

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

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

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

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

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

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

14、sp;        返回主頁(yè)頁(yè)面說明：此頁(yè)面實(shí)現(xiàn)了三次跳轉(zhuǎn)中的中間部分，在超鏈接中再次建立超鏈接，方便頁(yè)面的跳轉(zhuǎn)，同時(shí)為達(dá)到了頁(yè)面的整潔以及為頁(yè)面的美觀性加分。源代碼如下：年華美文 一千零一個(gè)愿望太多了，我只要實(shí)現(xiàn)一個(gè)就夠了。一句問候填滿青春，別人的話都聽不見，歲月凝結(jié)在你的視線。 心要讓你聽見，愛要讓你看見，不怕承認(rèn)對(duì)你有多眷戀；想你的時(shí)候，盼你能收到我的真情留言.   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.   無怨的青春 一棵開花的樹 山月 四季 距離 回首的剎那 青春的衣裾 永遠(yuǎn)的流浪者 禪意 雨中的了悟 給我的水筆仔   返回主頁(yè) &n