1、專業(yè)導入課程設計目：籃球大聯(lián)盟郭雪城業(yè)：級： 13號：期： 2014 網(wǎng)站制作與設計網(wǎng) 絡專業(yè)導入課程設計目：籃球大聯(lián)盟郭雪城業(yè)：級： 13號：期： 2014 網(wǎng)站制作與設計網(wǎng) 絡 工 程級 1 班年 7 月 5 日設計名稱：題 -學生姓名：專班學指導教師：吳臣 ,任朝暉 , 雷曉平 , 胡明日專業(yè) 13 設計題目主要內(nèi)容策劃與草圖、 設計與工具等進行查閱及學習， 鍛要求專業(yè) 13 設計題目主要內(nèi)容策劃與草圖、 設計與工具等進行查閱及學習， 鍛要求提倡學生互相學習、 培養(yǎng)對涉及到的相關知識進行查年級 1 班郭雪城網(wǎng)絡工程一、網(wǎng)站制作與設計二、1認識理解網(wǎng)站制作的六個基本流程：制作、切割與導出、

2、編輯與模板、動畫與廣告、鏈接與上傳；并完成相應的處理內(nèi)容。2對網(wǎng)站設計中涉及到的平臺、煉通過網(wǎng)絡進行自我學習的能力。3. 出現(xiàn)問題后，能積極通過學習及上網(wǎng)查閱資料，閱讀書籍等各種方式，獨立或協(xié)作商量解決之。三、1、學會查找資料并善于分析資料，團隊精神；2、培養(yǎng)嚴謹?shù)墓ぷ髯黠L、獨立思考問題、獨立設計、獨立調(diào)試程序的能力；3、了解網(wǎng)站制作的簡易流程，認識到每步的要點與重點；4、認識網(wǎng)站設計基本開發(fā)平臺，閱并做出初步的網(wǎng)站設計；并認識與網(wǎng)絡工程專業(yè)相進度安排；再將材料進行匯集， 初步實現(xiàn)預期并歸納文檔資料，并認識與網(wǎng)絡工程專業(yè)相進度安排；再將材料進行匯集， 初步實現(xiàn)預期并歸納文檔資料，完成后應上交的

3、材料計、編碼、調(diào)試程序和書寫必要文檔的綜合處理能力；6、了解在網(wǎng)站設計上的一般做法，關的基礎知識，認清專業(yè)方向。7、編寫規(guī)范化的課程設計說明書，并參加上機面試答辯。四、階段一：查閱資料，了解同網(wǎng)站制作與設計相關的工具與方法，并做好記錄，搭建好網(wǎng)站建設平臺（時間一天半）階段二：根據(jù)網(wǎng)絡工程建設流程，先按網(wǎng)站制作的六個階段分開處理或準備相應的材料，效果（時間兩天）；階段三：具體設計并實現(xiàn)網(wǎng)站的初步功能，按要求填寫在課程設計說明書 上，并參加答辯（時間一天半）。五、給出網(wǎng)站材料處理所用到的方法及處理要點；網(wǎng)站設計系統(tǒng)的概要設計、詳細設計；完成網(wǎng)站設計的功能模塊圖、核心功能的實現(xiàn)及處理方法；完成規(guī)范化

4、的課程設計說明書的編寫。課程設計的總結報告，還應包括以下內(nèi)容：（1）課程設計中遇到的主要問題和解決方法；（2）創(chuàng)新和得意之處；總評成績（3）課程設計存在的不足，需進一步改進的設想；總評成績（4）課程設計的感想和心得體會。以上內(nèi)容均填寫在課程設計說明書上，要求干凈整潔，符合課程設計的要求和規(guī)范。六、簽名日期審核日期年年月月日日指導教師簽名日期審核日期年年月月日日系 主 任錄133345目錄133345一、設計任務分析二、網(wǎng)站制作與設計2.1 網(wǎng)站的材料處理要點2.2 網(wǎng)站的總體方案設計2.3 模塊具體設計與分析三、系統(tǒng)運行界面四、調(diào)試分析8五、總結 10六、關鍵源代1碼12設計提倡學生互相學習、

5、 培養(yǎng)設計提倡學生互相學習、 培養(yǎng)培養(yǎng)嚴謹本課題主要的目的是：課程設計總的目的在于通過一周的網(wǎng)頁設計學習，一個簡單的網(wǎng)站來檢測自己的學習成果看看哪些東西還沒有掌握，要進一步的去鞏固！同時加深對網(wǎng)頁設計與制作的基本知識的理解，網(wǎng)頁與制作技能綜合運用和提高，通過真實工作任務，使學生能設計出有一定水平的網(wǎng)頁并解決培養(yǎng)解決實際問題的能力，掌握實際網(wǎng)頁設計與制作開發(fā)流程和開發(fā)方法。具體的課程設計應達到以下目的：1學會查找資料并善于分析資料，團隊精神；2在實際的項目任務中培養(yǎng)網(wǎng)頁設計方面的素養(yǎng)，的工作作風、獨立思考問題、獨立設計、獨立調(diào)試程序的能力3在實際的項目任務中使學生網(wǎng)頁編程和制作的能力得到提高。4

6、培養(yǎng)學生團隊協(xié)作和人際交往方面的能力。5. 培養(yǎng)相關知識和技能的綜合應用能力能夠首頁讓瀏覽者更加方6提高學生在實際操作中收集信息，對信息進行價值判斷，能夠首頁讓瀏覽者更加方進行信息整理、加工的能力。我們的籃球網(wǎng)站的功能是將籃球文化帶給廣大的球迷，讓他們在工作之余能有一個使身心放松的地方。系統(tǒng)具體功能有：1. 首頁功能：首頁的主要內(nèi)容是將部分精彩內(nèi)容通過特寫鏡頭展現(xiàn)出來， 讓人們能迅速的找到自己對籃球的那種感覺，直觀的感受到籃球帶給人們的激情和熱血。便的體會到籃球文化帶來的視覺沖擊力。NBA。在主頁中我們也設鴻毫負責搜集圖片視頻等相2. 主頁功能：NBA。在主頁中我們也設鴻毫負責搜集圖片視頻等相

7、通過主頁將網(wǎng)站內(nèi)容更加條理化、更加詳細、更加方便的展現(xiàn)給瀏者。主頁中將每個板塊的內(nèi)容具體化、深入化、詳細化。讓廣大的球迷更細致的了解籃球、了解立了 NBA名站鏈接，這樣更能方便了廣大球迷更全面的了解籃球。3. 副頁功能：籃球大本營更加詳細的介紹了籃球的歷史文化等。二、網(wǎng)站制作與設計21 網(wǎng)站的材料處理要點剛開始時，我們準備制作一個服裝網(wǎng)頁，但是后來發(fā)現(xiàn)服裝類型的網(wǎng)站，工程量太大，范圍太廣。所以我們小組決定要把籃球作為網(wǎng)頁的主題時， 我們就決定一個人找素材， 另外一個人就用 photoshop 對他找的素材進行修飾。 由于我對 photoshop 有所了解，所以由我來對素材進行加工。關的素材，然

8、后找出分辨率適合的還有適合做網(wǎng)頁的圖片給我進行加工， 最后經(jīng)過加工后選出了比較滿意的圖片。22 網(wǎng)站的總體方案設計用于專門介3D3D效果的相片框來吸引瀏于是，我們決定分工，整個系統(tǒng)有 3 用于專門介3D3D效果的相片框來吸引瀏于是，我們決定分工，不要過于花銷，盡量要簡潔大方，色彩盡量單調(diào)點。開始時，我們打算只做一個網(wǎng)頁，但是后來發(fā)現(xiàn)這樣排版，頁面會過于繁雜， 所以我們決定在增加一個副網(wǎng)頁，關于 NBA、籃球的網(wǎng)頁。由于這個建議是鴻毫提出的，所以由他負責排版制作。由主頁鏈接起來。后來鴻毫發(fā)現(xiàn)網(wǎng)上有一個效果的相片框，所以我們決定用這個覽網(wǎng)站的人，然后勾起他們的興趣，使他們點擊我們的網(wǎng)站。我們借用網(wǎng)

9、上代碼， 把圖片換成我們的， 制作了展示 NBA球星們的英勇風姿 3D立體的圖像框來鏈接到主頁。由我對主網(wǎng)頁進行排版，而鴻毫對第三個網(wǎng)頁進行排版和制作。我們力求把網(wǎng)站做的簡潔大方，實用。圖 2-1 功能結構圖，構思好各個（雖然代碼是在網(wǎng)上“到主勾我在圖片下方寫了一段關于籃球接著下面 6 個圖文超鏈圖 ，構思好各個（雖然代碼是在網(wǎng)上“到主勾我在圖片下方寫了一段關于籃球接著下面 6 個圖文超鏈23 模塊具體設計與分析因為開始之前我們反反復復的修改模塊很多次模塊，所以制作對于我們來說也不是很難。我們的首頁是一張3D立體相冊，給人帶來強烈的視覺沖擊力。弄的，但是我們也花了一定的時間精力去修改）點擊頁”

10、，直接進入我們的主頁，也就是我們最主要的部分。首先瀏覽者會被“無兄弟， 不籃球”六個大字激發(fā)兄弟籃球的激情，起了和哥們一起打球的快樂回憶。 （這模塊是我的靈感）第二模版是一張熱火三巨頭的頭像，這張頭像不僅反映了籃球的熱血，也反映了籃球友誼的深厚感情。的話直接鏈接到鴻毫設置的第三個網(wǎng)頁。接到不同的網(wǎng)站。 這一個模塊是鴻毫制作的， 所以我就不詳述了。為了滿足廣大球迷， 我們在下方有最新熱點新聞鏈接到其他的網(wǎng)站。（這里的這個模版是我制作的）剛才說的第三個網(wǎng)頁，是鴻毫負責的，我就不詳述了。三、系統(tǒng)運行界面1、首頁這是 3D立體的圖像框，給瀏覽者帶來強烈的視覺沖擊點擊，直接跳轉(zhuǎn)到主頁2、主頁點擊圖片或圖

11、片隔壁文字直接鏈接到籃球大本營（如下截圖）3、籃球大本營會影響其他圖片尺寸， 從會影響其他圖片尺寸， 從1. 我做主頁排版使用表格拉伸圖片時，而影響整個頁面排版，影響美觀。試過了很多次，還是不行。于是我上網(wǎng)查了一下， 決定把它拆分多個表格， 分割成獨立的三個表格模塊，最后把這個問題解決了。2. 鏈接問題。我開始時弄幾個鏈接到其他官網(wǎng)，按照正常步驟做了還是不行，我反復試了幾次還是不行。 我打開代碼檢查了一下， 最后發(fā)現(xiàn)鏈接地址有問題，因為我使用中文符號“?！贝媪擞⑽姆枴? ”，結果導致鏈接出錯。改過之后，就可以了。3. 頁面居中問題當網(wǎng)頁基本做好的時候， 我們在 4:3 的老式電腦上看沒問題

12、，但回到宿舍在 16:9 的寬屏電腦上打開時發(fā)現(xiàn)頁面往左邊靠了，為解決這個問題，我們上網(wǎng)查找了資料，也向同學請教過，最后發(fā)現(xiàn)是頁面屬性的問題。 最后在頁面屬性中選“頁面居中”就行了。1+12 的原理，網(wǎng)頁制作過程中，我們遇到過我們開1+12 的原理，網(wǎng)頁制作過程中，我們遇到過我們開最后達經(jīng)過一個星期的課程設計，感覺自己收獲不少！首先是通過這次網(wǎng)頁課程的設計，激發(fā)了學習興調(diào)動學習的自覺性，提高了自己動腦、動手，動口的能力，運用網(wǎng)絡資源，結合教材及老師的指導， 通過自身的實踐， 創(chuàng)作出積聚大眾風格的籃球網(wǎng)頁其次，在和搭檔鴻毫的合作中，我們明白了團隊的力量是那么的大，這就是很多問題，但是我們不后退，

13、我們上網(wǎng)查資料，請教老師同學，最終把問題解決了。 比如我們遇到了在不同的電腦上因為顯示器的大小比例不一樣， 會出現(xiàn)網(wǎng)頁頁面偏左或偏右的現(xiàn)象，始以為是瀏覽器的問題， 后來才發(fā)現(xiàn)是我們沒有把頁面屬性調(diào)為“頁面居中”的模式，后來改過后就可以了。從這里我也得到一些體會： 團隊的之間的配合是多么的重要，隊員之間要學會資源共享， 分工合作，緊密合作，有共同的綱領、方向。我們分工明確，發(fā)揮自身優(yōu)勢特長，雖然過程中因排版背景顏色等有過爭執(zhí)， 但我們都靜下心來聽聽對方的觀念，到大家都滿意的結果?？傮w來說，整個專業(yè)導入的學習過程，我學會了很多知識。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設計的大門，在今后的閑余時間繼續(xù)認真學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。在此次網(wǎng)頁設計中，我充分利用了這次設計的機會，全心全意投入到網(wǎng)頁世界，去不斷的學習、不斷的探索；同時去不斷的充實、不斷的完善自我， 在網(wǎng)絡的天空下逐漸的美化自己的人生！做好頁面，并不是一件容易的事，它包括主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。本次課程設計不是很好，頁面過于簡單，創(chuàng)新意識薄弱，這是我需要提高的地方。需要學的地方還有很多，需要有耐心、堅持，不斷的學習，綜合運用多種知識，才能設