《網(wǎng)頁設(shè)計(jì)》課程設(shè)計(jì)報(bào)告書

信息工程學(xué)院網(wǎng)頁設(shè)計(jì)與制作課程設(shè)計(jì)報(bào)告書指導(dǎo)教師汪強(qiáng)專業(yè)班級(jí)11軟件2班姓名蘇強(qiáng)學(xué)號(hào)1132104218日期2012年6月4日2012年6月10日一、設(shè)計(jì)目的網(wǎng)頁設(shè)計(jì)與制作課程設(shè)計(jì)是在學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作課程后，結(jié)合HTML語言、PHOTOSHOP圖像處理、FLASH動(dòng)畫制作及DREAMWEAVER網(wǎng)頁制作等進(jìn)行的實(shí)踐性教學(xué)環(huán)節(jié)。通過課程設(shè)計(jì)，幫助學(xué)生鞏固所學(xué)知識(shí)，強(qiáng)化HTML語言的基本概念及HTML網(wǎng)頁的設(shè)計(jì)與實(shí)現(xiàn)，提高網(wǎng)頁設(shè)計(jì)與制作的能力，熟悉圖像處理、動(dòng)畫制作的設(shè)計(jì)與實(shí)現(xiàn)，為后續(xù)課程的學(xué)習(xí)和實(shí)踐打下一定基礎(chǔ)。二、設(shè)計(jì)任務(wù)1、設(shè)計(jì)題目利用所學(xué)知識(shí)，制作個(gè)人BLOG網(wǎng)站。2、學(xué)生設(shè)計(jì)的內(nèi)容與要求（1）以學(xué)習(xí)小組（2至3人左右為一組）為單位，查閱相關(guān)資料，共同探討，相互交流，互幫互助，完成一個(gè)高質(zhì)量的設(shè)計(jì)作品。（2）網(wǎng)站不少于5個(gè)子網(wǎng)頁，各網(wǎng)頁具體內(nèi)容為“基站導(dǎo)航”主頁、“個(gè)人簡介”子頁、“心情日志”子頁、“作品展示”子頁、“聯(lián)系留言”子頁；（3）“基站導(dǎo)航”主頁界面美觀，必須要有圖片、FLASH等內(nèi)容（且其中1個(gè)圖片或FLASH必須含有“11軟件1/2班”LOGE設(shè)計(jì)或個(gè)人藝術(shù)簽名設(shè)計(jì)），各導(dǎo)航條鏈接正確；（4）“個(gè)人簡介”子頁界面美觀，用表格或框架搭建頁面布局；（5）“心情日志”子頁界面美觀，要求心情日志內(nèi)容不少于3篇，頁面中設(shè)計(jì)錨點(diǎn)鏈接；（6）“作品展示”子頁界面美觀，圖片或FLASH必須為個(gè)人原創(chuàng)作品，數(shù)量不少于4件；（7）“聯(lián)系留言”子頁界面美觀，用表單設(shè)計(jì)頁面。3、設(shè)計(jì)報(bào)告的內(nèi)容和要求設(shè)計(jì)報(bào)告的內(nèi)容應(yīng)包括基于“個(gè)人BLOG”的構(gòu)成與實(shí)現(xiàn)方案，并提交作品成果。三、設(shè)計(jì)內(nèi)容（不少于8頁）1個(gè)人BLOG網(wǎng)站框架構(gòu)成及綜述我的個(gè)人BLOG網(wǎng)站是由一個(gè)主頁和4個(gè)子頁構(gòu)成。主頁是博客，子頁是個(gè)人簡介，心情日志，作品展示和聯(lián)系留言。2各網(wǎng)頁設(shè)計(jì)分析與說明（圖、表及文字說明）根據(jù)老師的要求，我是和趙玉祥一組的，所以我們使用的模塊都是一樣的。個(gè)人主頁篇首先講解的是“個(gè)人主頁”，在個(gè)人主頁上首先使用PHOTOSHOP制作了我們班級(jí)的LOGO。我們是11軟件二班，我們用心和每一位同學(xué)相處，每個(gè)人都心向一處，有一個(gè)共同的心，共同的夢(mèng)想。這是我設(shè)計(jì)這個(gè)LOGO的寓意。接下來的是一個(gè)個(gè)人博客的標(biāo)題圖標(biāo)。我給我博客空間的名字是“傻豬”。呵呵呵，貌似有些賣萌。再看下LOGO和標(biāo)題圖的總體效果吧?？傮w來看，顏色搭配的不是很好看，沖擊感太強(qiáng)了。所以不是太滿意。自然，每個(gè)網(wǎng)頁都有一個(gè)導(dǎo)航條，我的網(wǎng)頁也不例外。在網(wǎng)頁中，我特地的開辟了一個(gè)版塊，加入了滾動(dòng)字，是我自己寫的，想給全班同學(xué)看的一句話，我希望我們班的明天會(huì)更好。在博客網(wǎng)頁的，左下角。寫了一句名言警句，摘自于互聯(lián)網(wǎng)，先看下效果吧。之所以選這個(gè)名言，我是希望我們這些大學(xué)生不要太過于頹廢了，要有所追求，要有理想，要有一顆積極向上的心。在博客網(wǎng)頁的正中位置，我希望凸顯出一些我自己的個(gè)性化的東西，于是乎就想到了前幾年發(fā)布在優(yōu)酷網(wǎng)上的個(gè)人視頻。以上是我博客主頁的一些主要內(nèi)容，做的不好，請(qǐng)多多包涵。謝謝個(gè)人簡介篇個(gè)人見解的頁面，主體上和博客首頁是一樣的，只是稍微改了一點(diǎn)。唯一改變的是，將個(gè)人的視頻換成了個(gè)人的一些簡介。在網(wǎng)頁中我配備了一首背景音樂BIGBANG最后的問候這首歌我覺得動(dòng)感，符合我的個(gè)性，所以在個(gè)人網(wǎng)頁中以這首歌為背景音樂。心情日志篇在一個(gè)博客中個(gè)人的一些博文肯定是少不了的，在此就借取了網(wǎng)上的一些精彩文章。為了方便讀者的閱讀，就在頂部設(shè)置了一些錨點(diǎn)，極大的方便了讀者的閱讀。以下是一些正文，我們一起欣賞一下。做堅(jiān)強(qiáng)的自己繁花似錦，煙花已盡。柏拉圖的永恒以上是，我從互聯(lián)網(wǎng)上的轉(zhuǎn)載的一些的精美文章，這既是我的心情日志了，謝謝觀賞。作品展示篇根據(jù)老師上課所說的一些，PS、FLASH的一些技法，我也慢慢的模仿了一些作品，也只是粗糙的模仿，希望多多包涵。呵呵呵。以下是一些我的作品。這是模仿老師上課時(shí)的直升機(jī)動(dòng)畫。（只改變了飛機(jī)的行動(dòng)路線）這個(gè)作品純屬是COPY老師的作品，只是在原有基礎(chǔ)上稍加改動(dòng)了一些。對(duì)于一些老師教給我們的技法來看，我覺得，學(xué)這些技術(shù)型的學(xué)科，必須有一個(gè)良好的積極動(dòng)手以及勤記筆記的習(xí)慣，因?yàn)榧挤ㄌ?，學(xué)得多了就忘了前面的，所以好記性不如爛筆頭，技術(shù)的東西一定要多練，才能熟練，才能做到游刃有余。留言板篇作為一個(gè)博客，得有一個(gè)和瀏覽網(wǎng)頁者的一個(gè)互動(dòng)與交流，所以留言板就孕育而生了。我的留言板網(wǎng)頁做的很簡單，也是和主頁格式差不多，只有些許變化。這是留言板頁面的主要部分，主要運(yùn)用到DREAMWEAVER中的文本域，和表單，按鈕，等一些操作。技法簡單，但是很實(shí)用。以上就是我的整個(gè)博客所有網(wǎng)頁的一些概況了，做的不好，還請(qǐng)多多包涵。4設(shè)計(jì)心得與體會(huì)通過這一次的網(wǎng)頁設(shè)計(jì)作業(yè)來說，我收獲真的很大，不僅讓我認(rèn)識(shí)到我現(xiàn)在的知識(shí)的局限性和有界性，更讓我意識(shí)到了緊迫感，因?yàn)槲覀兊浆F(xiàn)在學(xué)的只是一些皮毛而已，卻讓我們操作的如此費(fèi)勁，那么在以后的社會(huì)上，一個(gè)弱肉強(qiáng)食，適者生存的社會(huì)，我們?cè)撊绾稳ッ鎸?duì)所以說這次的作業(yè)不僅是在教育課程上給了我很大的教育外，也在面對(duì)以后的社會(huì)思想上給了我很大的警示。這次的作業(yè)也給了我些許的安慰，因?yàn)槲耶吘棺龀鰜砹?，不管做得怎么樣，美觀不美