年4月19日網(wǎng)頁設(shè)計報告籃球世界文檔僅供參考，不當(dāng)之處，請聯(lián)系改正。欽州學(xué)院網(wǎng)頁設(shè)計課程設(shè)計報告籃球世界院系物理與電子工程系專業(yè)電子信息工程學(xué)生班級級3班姓名譚添兼黃貴恒陳帆韋德鈺學(xué)號指導(dǎo)教師單位欽州學(xué)院指導(dǎo)教師姓名曲藝指導(dǎo)教師職稱助教11月籃球世界電子信息工程專業(yè)級譚添兼黃貴恒陳帆韋德鈺指導(dǎo)教師曲藝摘要根據(jù)設(shè)計的指標(biāo)和要求，我們小組在經(jīng)過一段時間的討論和耐心找材料，最后利用Dreamweaver8制作出一個小型網(wǎng)站：籃球世界。該網(wǎng)站屬于博客類網(wǎng)站，為每個人提供了一個信息交流的傳播平臺?！盎@球世界”這個網(wǎng)站頁面清晰明了，從首頁的NBA神話到各個子頁，都是鏈接得很好，層次分明，內(nèi)容新穎獨特，讓更多的籃球愛好者一起共享籃球世界里的瞬間與永恒，也讓我們的生活舞臺更加絢麗多彩。關(guān)鍵詞：網(wǎng)頁設(shè)計，籃球世界，精心設(shè)計，博客分享設(shè)計目的:使學(xué)生對于網(wǎng)絡(luò)信息及網(wǎng)絡(luò)信息發(fā)布有更加深入的理解；提高學(xué)生的網(wǎng)頁設(shè)計與制作能力。讓更多的籃球愛好者一起分享籃球世界的魅力。設(shè)計技術(shù)指標(biāo)與要求:（1）根據(jù)自己的興趣愛好或?qū)ｉL，確定一個網(wǎng)站主題；（2）應(yīng)用所學(xué)的相關(guān)知識，進(jìn)行個人網(wǎng)站的規(guī)劃與設(shè)想；（3）根據(jù)自己網(wǎng)站的規(guī)劃思路和想法，利用網(wǎng)頁設(shè)計工具來制作自己想要設(shè)計的網(wǎng)頁。 目錄前言…………………………11網(wǎng)站設(shè)計與規(guī)劃………………………11.1網(wǎng)站“籃球世界”的主題…………11.2資料與素材的收集………………21.3LOGO的設(shè)計說明…………………21.4“籃球世界”的結(jié)構(gòu)………………32各級網(wǎng)頁的風(fēng)格說明…………………33網(wǎng)頁的制作與樣例……………………44設(shè)計體會………………5參考文獻(xiàn)…………………5前言在Internet飛速發(fā)展的今天，隨著各種通訊技術(shù)的發(fā)展，互聯(lián)網(wǎng)已在中國逐步進(jìn)入普及階段，許多人在充分享受瀏覽新聞，網(wǎng)上聊天，網(wǎng)絡(luò)游戲，網(wǎng)上交易，收發(fā)電子郵件等網(wǎng)絡(luò)的各種樂趣后，開始不滿足于被動式的接受，希望能主動參與網(wǎng)絡(luò)，因此大量的個人網(wǎng)站應(yīng)運而生了。而博客就是網(wǎng)站的一種，博客，又譯為網(wǎng)絡(luò)日志、部落格或部落閣等，是一種一般由個人管理、不定期張貼新的文章的網(wǎng)站。Internet上發(fā)布信息主要是經(jīng)過網(wǎng)站來實現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而受到人們的重視。1網(wǎng)站設(shè)計與規(guī)劃1.1網(wǎng)站“籃球世界”的主題籃球是世界上普及率極高的運動項目，它占用場地小，簡單易學(xué)，趣味性、競技性、娛樂性融于一體。如今，籃球運動蓬勃發(fā)展，商業(yè)化、職業(yè)化越來越深，最成功的典范是美國的NBA（圖1）。因此，我們制作了籃球世界博客，與大家交流和分享自己的體會。圖1博客為每個人提供了一個信息發(fā)布和知識交流的傳播平臺，博客使用者能夠很方便地用文字、鏈接、影音和圖片建立自己個性化的網(wǎng)絡(luò)世界。博客能夠作為網(wǎng)絡(luò)個人日記；展示個人某個方面的空間；網(wǎng)絡(luò)交友、學(xué)習(xí)交流的地方；或經(jīng)過博客展示自己的企業(yè)形象或企業(yè)商務(wù)活動信息等?；@球世界博客是真正用心分享籃球信息的平臺，給廣大籃球愛好者提供籃球視頻欣賞和最新的娛樂資訊。大家在這里看到最新的籃球賽事，新聞動態(tài)，網(wǎng)絡(luò)視頻，還能夠發(fā)表評論，交流看法，共享資源。1.2資料與素材的收集首先新建一個總目錄來放置網(wǎng)站的所有文件,然后再在這個目錄下建立兩個子目錄:“images”和“cailiao”。從各個相關(guān)網(wǎng)站上收集圖片資料,將其分類，復(fù)制并保存于“images”文件夾中。查看每張圖片，是否滿足網(wǎng)站制作的條件，如果需要修改，就使用“photoshops”軟件對其進(jìn)行相應(yīng)的修改（圖2）。圖21.3LOGO的設(shè)計說明LOGo以紅色為底，中間三豎一橫四道白線，猶如一個色彩鮮明的籃球（圖3），預(yù)示著籃球運動的激烈與興盛，勃勃生機。圖31.4“籃球世界”的結(jié)構(gòu)點擊網(wǎng)站，進(jìn)入網(wǎng)站首頁。首頁包括主頁、日志、收藏、關(guān)于我，日志和收藏各包含四個子網(wǎng)頁?！啊盎@球世界”首頁日志收藏關(guān)于我圖42各級網(wǎng)頁的風(fēng)格說明點擊進(jìn)入首頁，背景為黑白兩色，簡潔明了，一目了然。首頁是網(wǎng)站最主要的頁面，它是進(jìn)入其它頁面的必經(jīng)之路。也是網(wǎng)站的摸板，它必須具備logo，導(dǎo)航條是進(jìn)入下一張網(wǎng)頁連接所在，不可或缺。整個首頁呈國字型布局，頂上是網(wǎng)站標(biāo)志和導(dǎo)航條，左邊為8個鏈接，右邊為公告欄、網(wǎng)站日歷、用戶登錄，中間為主要部分，與左右一起羅列到底（圖5）。圖5點擊左邊的連接，則在中間顯示下一級網(wǎng)頁，簡單快捷，十分方便（圖6）。圖63網(wǎng)頁的制作與樣例首先確定網(wǎng)站的主題——籃球世界，根據(jù)主題搜集資料，包括圖片資料和文字資料。資料搜集完畢后建立站點將資料保存進(jìn)去，以備調(diào)用。設(shè)計LOGO樣式，盡量符合主題思想，再設(shè)計BANNER與LOGO相協(xié)調(diào)。建立第一張網(wǎng)頁做主頁，作為進(jìn)入網(wǎng)站的首張頁面。制作網(wǎng)頁首先插入一張表格，然后再向表格中插入圖片和文本，經(jīng)過拆分和合并單元格來修改表格，使其達(dá)到所需要的樣式。圖7在表格形成的框架內(nèi)插入圖片，輸入相應(yīng)的文字，并再次經(jīng)過拆分單元格，輸入導(dǎo)航文字。使用超鏈接，使文字或圖片起到導(dǎo)航作用。圖8其余頁面的設(shè)計與首頁的設(shè)計風(fēng)格相同，只是在布局和內(nèi)容上面有所差異?？墒遣町惒⒉惶?，保持相同的風(fēng)格。制作簡單，卻不失個性。表格的定位使得網(wǎng)站的設(shè)計更加的容易，能夠事先用PHOTOSHOPS圖象處理軟件處理一些需要使用到的圖片，使它們看來更加美觀。按鈕和圖標(biāo)的設(shè)計也是體現(xiàn)網(wǎng)站風(fēng)格的一項重要內(nèi)容。4設(shè)計體會經(jīng)過此次課程設(shè)計，會用DREAMWEAVER來制作靜態(tài)網(wǎng)頁。在設(shè)計過程中，組員克服困難，認(rèn)真完