網(wǎng)頁設(shè)計與制作說課(軟件技術(shù))-課件

網(wǎng)頁設(shè)計與制作1ppt課件

目錄

一課程設(shè)置二課程設(shè)計三教學實施四教學資源五教學效果六課程特色七改革思路2ppt課件

一課程設(shè)置

1.1本課程在專業(yè)人才培養(yǎng)方案中的性質(zhì)地位與作用1.2本課程與先修課程后續(xù)課程的銜接和配合1.3本課程的教學目標3ppt課件

1.1本課程在專業(yè)人才培養(yǎng)方案中的地位與作用網(wǎng)頁制作是高職高專院校計算機教育專業(yè)和其他相關(guān)專業(yè)學生應該掌握的重要技能之一?！毒W(wǎng)頁設(shè)計與制作》作為軟件技術(shù)專業(yè)的一門必修課，重在培養(yǎng)學生的專業(yè)應用能力。學生通過該門課程的學習能為后續(xù)課程如《Javascript》、《XML及應用》的學習奠定基礎(chǔ)，同時社會就業(yè)對學生該方面知識也有較強烈需求，因此加強該門課程的建設(shè)，改善教學條件，提高教學質(zhì)量有著重要意義。4ppt課件

1.2本課程與先修課程后續(xù)課程的銜接和配合

《網(wǎng)頁設(shè)計與制作》課程在第三學期開設(shè)，共40課時（理論20學時，實踐20學時），教學工作集中在1~2周完成，第5周20學時的項目實訓。作為一門專業(yè)基礎(chǔ)課，該課程可為后續(xù)課程提供靜態(tài)網(wǎng)頁設(shè)計與制作的理論基礎(chǔ)和操作技能。它與計算機應用基礎(chǔ)、數(shù)據(jù)庫及動態(tài)網(wǎng)頁編程等課程密切相關(guān)。其中《計算機應用基礎(chǔ)》為本課程的先導課程，而《Javascript》及《XML及應用》等課程是本課程的后續(xù)課程?？傊?，本課程的學習有助于學生深入學習計算機類相關(guān)專業(yè)其他知識和提高職業(yè)技能，完善學生的專業(yè)知識結(jié)構(gòu)，提升學生從事實際工作的綜合素質(zhì)5ppt課件

1.3本課程的教學目標

通過學習《網(wǎng)頁設(shè)計與制作》課程，學生能夠設(shè)計制作出布局美觀、鏈接合理、包含文字、圖形、圖象、動畫、聲音、視頻等多種媒體信息并具有一定交互功能的網(wǎng)頁；概括說來，該課程教學目標主要集中在以下幾個方面：

賞析各類經(jīng)典網(wǎng)站、掌握網(wǎng)頁制作方法強化網(wǎng)頁制作技能、積累網(wǎng)頁制作經(jīng)驗激發(fā)自身學習興趣、形成持久學習動力提升自主學習能力、滿足職業(yè)崗位需求

6ppt課件

知識目標掌握網(wǎng)頁編程基礎(chǔ)html相關(guān)知識熟練掌握網(wǎng)頁制作軟件Dreamweaver的基本操作和使用技能熟練掌握在網(wǎng)頁中插入文字、圖像、Flash動畫、背景音樂等元素并按要求設(shè)置屬性的方法掌握建立各種形式超級鏈接的方法熟練掌握網(wǎng)頁頁面布局的各種方法掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)的方法掌握表單網(wǎng)頁制作方法掌握網(wǎng)頁特效的制作方法掌握網(wǎng)站測試的方法7ppt課件

技能與素質(zhì)目標培養(yǎng)學生收集、處理信息，準備、加工素材的能力培養(yǎng)學生制作靜態(tài)網(wǎng)頁的能力培養(yǎng)學生設(shè)計網(wǎng)站的綜合能力培養(yǎng)學生的策劃能力、色彩感悟能力、結(jié)構(gòu)布局能力和想象力訓練和培養(yǎng)學生獲取信息和處理信息的能力，充分培養(yǎng)和提高學生的動手能力，學會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、Flash動畫和網(wǎng)頁特效等培養(yǎng)學生運用所學的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質(zhì)

8ppt課件

二課程設(shè)計2.1課程設(shè)計的理念與思路2.2教學內(nèi)容的選取及依據(jù)2.3教學模塊的分配2.4重點難點的確立及解決辦法9ppt課件

2.1課程設(shè)計的理念與思路1、設(shè)計理念：

（1）突出專業(yè)課程的職業(yè)性和實踐性。按照“職業(yè)崗位→崗位需求能力→確立教學項目”的項目導向式的運行機制來組織教學。

（2）學以致用，以“用”促學，邊“用”邊學，突出“教、學、做”一體化的教育理念。

（3）學生是學習主體，鼓勵學生職業(yè)能力發(fā)展，加強創(chuàng)新能力和意識培養(yǎng)的理念。在設(shè)計中，既要考慮學生職業(yè)技能的訓練，又要關(guān)注綜合職業(yè)素質(zhì)的養(yǎng)成，為學生的可持續(xù)發(fā)展奠定良好的基礎(chǔ)。

10ppt課件

2、設(shè)計思路：

以培養(yǎng)職業(yè)能力為核心，以虛擬項目教學為主要手段，積極探索教學方法與成績評價方法的創(chuàng)新，保證課程目標的實現(xiàn)。

（1）以職業(yè)能力培養(yǎng)為核心的課程設(shè)計。在重視學生專業(yè)能力培養(yǎng)的同時，重視方法能力與社會能力的培養(yǎng)。學生通過課程學習掌握網(wǎng)頁設(shè)計與制作、網(wǎng)站建設(shè)等全方面網(wǎng)站開發(fā)能力。。

（2）以案例教學為中心的課程實施。教學方法的運用上以案例教學為主，強調(diào)啟發(fā)引導法、合作學習法、循序漸進法等多種方法的靈活運用

11ppt課件

2.2教學內(nèi)容的選取及依據(jù)教學內(nèi)容的設(shè)置，是為了滿足職業(yè)能力培養(yǎng)的需要。通過對崗位需求的調(diào)查分析，《網(wǎng)頁設(shè)計與制作》這門課程的教學內(nèi)容主要選取以下內(nèi)容：網(wǎng)頁的基礎(chǔ)編程、網(wǎng)頁制作、網(wǎng)站管理等12ppt課件

2.3教學模塊的分配

針對職業(yè)能力的培養(yǎng)要求及網(wǎng)頁設(shè)計與制作的崗位特點，設(shè)計了以下六個模塊，每個模塊又包含一個或多個教學單元模塊一：網(wǎng)頁賞析模塊

欣賞優(yōu)秀的網(wǎng)頁，激發(fā)學習網(wǎng)頁設(shè)計的興趣；分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果模塊二：網(wǎng)頁基礎(chǔ)模塊了解網(wǎng)頁的相關(guān)概念和術(shù)語，認識網(wǎng)頁中的主要構(gòu)成元素；了解一些制作網(wǎng)頁、處理圖像、制作動畫的專業(yè)工具模塊三：網(wǎng)頁制作模塊主要有頁面控制、文本操作、圖像操作、超級鏈接、表格布局、表單網(wǎng)頁、層的布局、行為特效、框架網(wǎng)頁等單元13ppt課件

模塊四：網(wǎng)頁編程模塊

HTML語言CSS美化網(wǎng)頁模塊五：網(wǎng)站管理模塊

網(wǎng)站管理網(wǎng)站測試模塊六：網(wǎng)頁設(shè)計項目實訓

網(wǎng)頁制作綜合實訓

14ppt課件

2.4重點難點的確立及解決辦法

學習重點：網(wǎng)站規(guī)劃及布局；網(wǎng)頁中文本和圖像的處理；HTML語言；使用CSS樣式美化網(wǎng)頁；網(wǎng)頁設(shè)計。學習難點：網(wǎng)站規(guī)劃和網(wǎng)頁合理布局；CSS布局及美化網(wǎng)頁；不同性質(zhì)網(wǎng)頁的創(chuàng)意設(shè)計技巧解決辦法：案例分析，總結(jié)一般規(guī)律，操作演示，上機輔導15ppt課件

三教學實施3.1教學組織及學習情景設(shè)計3.2采用的教學方法教學手段3.3采用的考核方式，評價方法16ppt課件

3.1教學組織及學習情景設(shè)計以課堂教學為主，適當引導學生自學探究、任務驅(qū)動、互助協(xié)作等，采取多種教學組織形式的靈活穿插和結(jié)合以培養(yǎng)學生自主學習，創(chuàng)新學習，合作學習的意識和能力17ppt課件

3.2采用的教學方法教學手段

主要采用課堂講解及案例分析的教學方法，同時結(jié)合多媒體課件演示、課堂討論、上機操作，個別輔導等多種手段相結(jié)合

課堂講授：在多媒體教室授課，借助于計算機、投影儀等設(shè)備，將課程知識中涉及的聲音、文字、圖形、圖像等多媒體信息立體地表現(xiàn)出來，使學生更為直觀順利地理解掌握教學內(nèi)容，提高教學效率上機實踐：在上機實驗課時，教師將本次課的素材、學習資源及實驗要求放在班級的ftp上，供學生下載。學生上機遇到問題，可以馬上詢問老師，下課時，學生將完成的作業(yè)上傳到ftp，教師登錄ftp進行批閱18ppt課件

3.3采用的考核方式，評價方法采用平時考核與期末考核相結(jié)合方法:平時考核：教師登錄ftp對學生每次上機練習所制作的網(wǎng)站或網(wǎng)頁進行訪問，并評定作業(yè)成績。平時作業(yè)成績占總評成績的40%。期末考核：采用在機房上機考試的方法。要求學生在指定時間內(nèi)制作出包括課程主要知識點的綜合性網(wǎng)站。期末考核成績占總評成績的60%

19ppt課件

四教學資源4.1教材選用情況數(shù)字化教輔資源4.2實踐教學條件4.3師資隊伍20ppt課件

4.1教材選用情況數(shù)字化教輔資源教材：《完全手冊HTML+CSS+Javascript》實用詳解，葉青編著，電子工業(yè)出版社《HTML+CSS+Javascript》標準教程（實例版），本書編委會，電子工業(yè)出版社《巧學巧用DreamweaverCS5制作網(wǎng)頁》，人民郵電出版社，肖瑞奇編著《美工神話CSS網(wǎng)站布局與美化》許文波等編著，人民郵電出版社數(shù)字化教輔資源洪恩在線/pc/其它網(wǎng)絡資源21ppt課件

4.2實踐教學條件學生實習實訓機房具有一定規(guī)模，能夠人手一機，滿足教學大綱要求的全部實訓內(nèi)容和選修實訓內(nèi)容。學生上機所需的軟件齊備，如：PhotoShop、dreamweaver等。在多年的教學過程中，本課程已具備了較完整的多媒體教學的條件，有整套的電子教案，案例、習題等22ppt課件

4.3師資隊伍本課程教師來自多個院校的不同專業(yè)，通過幾年來的教學實踐，均積累了一定的經(jīng)驗，能使學生通過該門課程的學習，打下了較堅實的網(wǎng)頁設(shè)計與制作基礎(chǔ)，同時也培養(yǎng)了一批能夠滿足社會需要的具有較高專項技能的網(wǎng)站制作人才23ppt課件

五教學效果5.1學生能力素質(zhì)培養(yǎng)目標的實現(xiàn)5.2同行督導學生等對本課程的教學評價5.3學生學習本課程的成績職業(yè)資格考證通過率

24ppt課件

六課程特色特色：教學觀念先進，突出應用能力培養(yǎng)。本課程本著理論夠用、實踐加強的原則，突出應用能力的培養(yǎng)。適時調(diào)整教學內(nèi)容，保持與Web技術(shù)的發(fā)展同步。改革考核方式，注重學生的學習過程。25ppt課件

創(chuàng)新點：

1、在學習當中，注意引導學生獲得美的熏陶，提高審美能力。

2、強調(diào)技術(shù)與藝術(shù)的融合，將網(wǎng)頁作品當作一份具有生命力的藝術(shù)品。

3、以真實網(wǎng)站作為教學案例，讓學生在真實工作環(huán)境中訓技能，提高學生適應崗位需求的能力。

4、虛擬項目設(shè)計考核模式。，給學生一些虛擬項目作為課程設(shè)計，培養(yǎng)學生單獨規(guī)范的做項目的能力及網(wǎng)站設(shè)計的綜合能力，也讓學生找工作時可以向用人單位提供一個完整的網(wǎng)站設(shè)計的作品26ppt課件

七改革思路7.1存在問題7.2改革思路27ppt課件

7.1存在問題教師知識結(jié)構(gòu)欠完整，教授網(wǎng)頁教師在圖形圖像處理及動畫制作方面不夠熟練教學資源匱乏，缺少系統(tǒng)的教學及學習資源，教師與學生互動有限教學內(nèi)容與市場需求結(jié)合不夠緊密側(cè)重技術(shù)的掌握，學生美工基礎(chǔ)薄弱28ppt課件

7.2改革思路采用多種方式推進教學團隊建設(shè)，進一步提高專業(yè)教師的技術(shù)水平，掌握先進職業(yè)教學方法，提高教學質(zhì)量。建立網(wǎng)站教學管理。增強