本教材秉承項目導向、任務驅(qū)動的編寫模式,為此,我們設計了藍夢音樂網(wǎng)和時空電影網(wǎng)兩個項目,一個項目用于教師引導訓練,課程的知識點和技能點都融在項目的實現(xiàn)中,講練結(jié)合;一個項目用于學生獨立訓練,鞏固所學知識和技能。本教材包含的主要知識點:網(wǎng)站的基礎知識、網(wǎng)頁的基本標簽和常用的HTML5標簽、網(wǎng)頁表格和表單、CSS、DIV、網(wǎng)頁框架和移動端網(wǎng)頁。本教材 按照理論學習知識總結(jié)上機操作課后習題這一思路進行授課。通過案例要達到的學習目的與涉及的相關知識點,使學習目標更加明確。根據(jù)目前國內(nèi)網(wǎng)頁UI前端設計的發(fā)展趨勢和我院物聯(lián)網(wǎng)應用技術專業(yè)的教學計劃,本課程采用案例詳盡分析與設計方法來完成本課程的教學任務。
本教材既要注重理解基本知識,也要注重培養(yǎng)軟件設計的基本技能。實踐環(huán)節(jié)是鞏固所學理論知識、使理論與實際相結(jié)合、提高程序設計能力和計算機操作能力的重要環(huán)節(jié)。上機實驗和課程設計等都是加強程序設計訓練所必需的。
單元1初識網(wǎng)頁 1
引導訓練制作藍夢音樂網(wǎng)歡迎頁面 1
獨立訓練制作時空電影網(wǎng)歡迎頁面 8
單元練習 10
單元2使用網(wǎng)頁標簽 11
引導訓練2-1制作藍夢音樂網(wǎng)音樂節(jié)網(wǎng)頁 11
獨立訓練2-1制作時空電影網(wǎng)電影節(jié)頁面 20
引導訓練2-2美化藍夢音樂網(wǎng)音樂節(jié)頁面 23
獨立訓練2-2美化時空電影網(wǎng)電影節(jié)頁面 35
單元練習 37
單元3使用表格、表單 38
引導訓練3-1制作藍夢音樂網(wǎng)歌手網(wǎng)頁 38
獨立訓練3-1制作時空電影網(wǎng)中國電影網(wǎng)頁 47
引導訓練3-2制作藍夢音樂網(wǎng)注冊頁面 49
獨立訓練3-2制作時空電影網(wǎng)注冊頁面 65
強化訓練 67
單元練習 68
單元4使用CSS美化網(wǎng)頁 69
引導訓練4-1使用CSS美化藍夢音樂網(wǎng)音樂節(jié)網(wǎng)頁 69
獨立訓練4-1美化時空電影網(wǎng)電影節(jié)網(wǎng)頁 81
引導訓練4-2美化藍夢音樂網(wǎng)注冊頁面 83
獨立訓練4-2美化時空電影網(wǎng)注冊頁面 91
強化訓練 94
單元練習 94
單元5使用DIV CSS進行頁面設計 95
引導訓練5-1設計藍夢音樂網(wǎng) 首頁布局 95
獨立訓練5-1制作時空電影網(wǎng)首頁網(wǎng)頁布局 112
引導訓練5-2制作藍夢音樂網(wǎng)首頁 114
獨立訓練5-2制作時空電影網(wǎng)首頁頁面 129
強化訓練 131
單元練習 132
單元6使用網(wǎng)頁定位與JavaScript特效 133
引導訓練制作藍夢音樂網(wǎng)滑動輪播特效 133
獨立訓練美化時空電影網(wǎng)首頁輪播特效 142
強化訓練 144
單元練習 145
單元7移動端網(wǎng)頁制作 146
引導訓練制作移動端藍夢音樂網(wǎng)首頁 146
獨立訓練制作移動端時空電影網(wǎng)主頁網(wǎng)面 165
單元練習 168
單元8使用框架 169
引導訓練制作藍夢音樂網(wǎng)后臺管理系統(tǒng)框架 169
獨立訓練制作時空電影網(wǎng)后臺管理系統(tǒng)框架 180
單元練習 182
參考文獻 182
周龐榮,湘潭大學計算機技術領域工程碩士,副教授,信息系統(tǒng)項目管理師。長期從軟件技術專業(yè)教育教學工作,主要講授講授《AsP.Net網(wǎng)站設計》、《C#程序設計》、《HTML商業(yè)網(wǎng)站設計與制作》、《Java編程基礎》。在及省級刊物上發(fā)表《高職軟件技術專業(yè)實踐教學體系構(gòu)建》、《梯進式軟件工廠教學模式初探》、《區(qū)域共享型軟件技術實訓基地建設思考》、《軟件工廠綜合實訓模式》《基于項目導向課程設計》、《基于SSH框架的鋼鐵交易平臺的設計與實現(xiàn)》等多篇專業(yè)論文,主持并已結(jié)題十二五湖南省教育廳規(guī)劃課題《校路共建高職鐵路特有專業(yè)生產(chǎn)性實訓基地的研究》、2017年湖南省教學成果獎二等獎《基于校企合作共同體的軌道交通通信信號專業(yè)群建設模式創(chuàng)新與實踐》,排名第二。顧挺,1987年出生,湖南湘潭人,現(xiàn)為湖南厚溥教育科技有限公司株洲區(qū)學術經(jīng)理,湖南鐵路科技職業(yè)技術學院軟件技術專業(yè)校企合作項目負責人,湖南厚溥教育科技有限公司質(zhì)量中心專業(yè)研究員,曾就職于北京中軟集團擔任項目經(jīng)理,參與開發(fā)深圳地質(zhì)災害預警預報系統(tǒng)、北京電網(wǎng)OA辦公自動化系統(tǒng)、南京軍區(qū)心理工作平臺等多個軟件開發(fā)項目。目前主要從事計算機軟件技術、物聯(lián)網(wǎng)應用技術的教學與研究工作。
單元1初識網(wǎng)頁 1
引導訓練制作藍夢音樂網(wǎng)歡迎頁面 1
獨立訓練制作時空電影網(wǎng)歡迎頁面 8
單元練習 10
單元2使用網(wǎng)頁標簽 11
引導訓練2-1制作藍夢音樂網(wǎng)音樂節(jié)網(wǎng)頁 11
獨立訓練2-1制作時空電影網(wǎng)電影節(jié)頁面 20
引導訓練2-2美化藍夢音樂網(wǎng)音樂節(jié)頁面 23
獨立訓練2-2美化時空電影網(wǎng)電影節(jié)頁面 35
單元練習 37
單元3使用表格、表單 38
引導訓練3-1制作藍夢音樂網(wǎng)歌手網(wǎng)頁 38
獨立訓練3-1制作時空電影網(wǎng)中國電影網(wǎng)頁 47
引導訓練3-2制作藍夢音樂網(wǎng)注冊頁面 49
獨立訓練3-2制作時空電影網(wǎng)注冊頁面 65
強化訓練 67
單元練習 68
單元4使用CSS美化網(wǎng)頁 69
引導訓練4-1使用CSS美化藍夢音樂網(wǎng)音樂節(jié)網(wǎng)頁 69
獨立訓練4-1美化時空電影網(wǎng)電影節(jié)網(wǎng)頁 81
引導訓練4-2美化藍夢音樂網(wǎng)注冊頁面 83
獨立訓練4-2美化時空電影網(wǎng)注冊頁面 91
強化訓練 94
單元練習 94
單元5使用DIV CSS進行頁面設計 95
引導訓練5-1設計藍夢音樂網(wǎng) 首頁布局 95
獨立訓練5-1制作時空電影網(wǎng)首頁網(wǎng)頁布局 112
引導訓練5-2制作藍夢音樂網(wǎng)首頁 114
獨立訓練5-2制作時空電影網(wǎng)首頁頁面 129
強化訓練 131
單元練習 132
單元6使用網(wǎng)頁定位與JavaScript特效 133
引導訓練制作藍夢音樂網(wǎng)滑動輪播特效 133
獨立訓練美化時空電影網(wǎng)首頁輪播特效 142
強化訓練 144
單元練習 145
單元7移動端網(wǎng)頁制作 146
引導訓練制作移動端藍夢音樂網(wǎng)首頁 146
獨立訓練制作移動端時空電影網(wǎng)主頁網(wǎng)面 165
單元練習 168
單元8使用框架 169
引導訓練制作藍夢音樂網(wǎng)后臺管理系統(tǒng)框架 169
獨立訓練制作時空電影網(wǎng)后臺管理系統(tǒng)框架 180
單元練習 182
參考文獻 182