靜態(tài)網(wǎng)頁設(shè)計 教學(xué)大綱

1PAGE1?靜態(tài)網(wǎng)頁設(shè)計?教學(xué)大綱課程類別：專業(yè)根底課課程屬性：必修課學(xué)分/學(xué)時：4學(xué)分/64學(xué)時制訂人：課題組適用專業(yè)：信息技術(shù)相關(guān)專業(yè)課程的性質(zhì)“靜態(tài)網(wǎng)頁設(shè)計〞是信息技術(shù)類專業(yè)學(xué)生的專業(yè)根底課之一。屬于必修課范疇。同時它是一門針對性、實踐性較強的課程。主要是培養(yǎng)學(xué)生靜態(tài)網(wǎng)頁設(shè)計的根本知識和靜態(tài)網(wǎng)頁設(shè)計制作的根本技能。與其它課程的關(guān)系序號前期課程名稱為本課程支撐的主要能力1計算機應(yīng)用根底〔1〕計算機的根本概念知識；〔2〕計算機根本操作能力；〔3〕Internet根底知識；2PhotoShop根底應(yīng)用〔1〕版面設(shè)計知識〔2〕配色相關(guān)知識〔3〕平面圖像處理根本技能序號后續(xù)課程名稱需要本課程支撐的主要能力1PHP動態(tài)網(wǎng)站開發(fā)〔1〕網(wǎng)頁設(shè)計相關(guān)常識〔2〕網(wǎng)站美工知識技能；〔3〕HTML技術(shù)知識；〔4〕能夠設(shè)計制作網(wǎng)頁界面。2JavaScitpt腳本編程〔1〕HTML技術(shù)知識；〔2〕數(shù)據(jù)表單知識；3〔1〕網(wǎng)頁設(shè)計相關(guān)常識〔2〕網(wǎng)站美工知識技能；〔3〕HTML技術(shù)知識；〔4〕能夠設(shè)計制作網(wǎng)頁界面。4J2EE程序設(shè)計〔1〕網(wǎng)頁設(shè)計相關(guān)常識網(wǎng)站美工知識技能；〔3〕HTML技術(shù)知識；〔4〕能夠設(shè)計制作網(wǎng)頁界面。三、教學(xué)目標(biāo)1.知識目標(biāo)(1)網(wǎng)站、網(wǎng)頁、網(wǎng)頁設(shè)計等的根本概念；(2)理解HTML語言中的各種文本格式、段落設(shè)置、列表等標(biāo)記知識；(3)理解和掌握根本的DIV＋CSS技術(shù)知識；(4)理解和掌握表格的根本知識；(5)理解和掌握數(shù)據(jù)表單的根本知識；(6)理解和掌握根本的框架網(wǎng)頁知識；(7)理解和掌握網(wǎng)頁圖像、動畫等多媒體應(yīng)用知識；(8)理解和掌握網(wǎng)頁超級鏈接知識；(9)掌握根本的動畫制作知識；(10)了解網(wǎng)頁美工相關(guān)知識；(11)了解網(wǎng)站的測試、發(fā)布與維護的根本知識；(12)掌握網(wǎng)站制作流程2.能力目標(biāo)(1)能運用HTML語言設(shè)置和編輯網(wǎng)頁元素；(2)會使用Dreamweaver等網(wǎng)頁設(shè)計工具制作網(wǎng)頁；(3)能使運用根本的CSS技術(shù)設(shè)置網(wǎng)頁風(fēng)格；(4)能在網(wǎng)頁中嵌入圖像、動畫、視頻等多媒體元素；(5)能運用表格布局并設(shè)計網(wǎng)頁；(6)能正確運用文字超鏈接、圖像超鏈接技術(shù)設(shè)計網(wǎng)頁；(7)掌握框架制作網(wǎng)頁的方法，會使用框架設(shè)計網(wǎng)頁；(8)掌握制作表單的方法，會利用表單建立交互式頁面；(9)能看懂根本的HTML網(wǎng)頁源代碼。(10)會設(shè)計網(wǎng)頁線框圖，并能運用PS進行網(wǎng)頁效果圖設(shè)計(11)掌握切片的根本原那么和根本方法，綜合運用網(wǎng)頁排版技術(shù)進行切片素材排版(12)熟悉網(wǎng)站工程工作流程，能獨立進行中小型網(wǎng)站設(shè)計。3.素質(zhì)目標(biāo)(1)具有信息資料收集與整理能力；(2)具備簡單的需求市場分析能力；(3)具有一定的語言表達(dá)、溝通和協(xié)調(diào)能力；(4)具有良好的心理素質(zhì)和責(zé)任意識，能及時完成任務(wù)的能力；(5)具有踏實肯干的工作作風(fēng)；(6)具有一定的創(chuàng)新意識和藝術(shù)設(shè)計素質(zhì)四、內(nèi)容結(jié)構(gòu)與目標(biāo)任務(wù)局部內(nèi)容結(jié)構(gòu)知識點目標(biāo)任務(wù)建議

學(xué)時根底知識技能的學(xué)習(xí)網(wǎng)頁設(shè)計概述主要講述因特網(wǎng)、萬維網(wǎng)、瀏覽器的概念；多媒體、超媒體、富媒體概念；網(wǎng)頁和網(wǎng)站的概念；認(rèn)識網(wǎng)頁設(shè)計；網(wǎng)頁設(shè)計師的從業(yè)之路；網(wǎng)頁制作工具介紹。目標(biāo)：學(xué)生你能從全局角度了解課程。任務(wù)：多觀察同一類型、不同類型網(wǎng)頁，分析其異同點。2網(wǎng)頁排版技術(shù)主要從以下幾個方面介紹網(wǎng)頁排版相關(guān)知識：認(rèn)識DW及HTML標(biāo)記、文本元素、多媒體元素、超鏈接、框架、表格、CSS、表單、JS表單控制、DIV排版、綜合應(yīng)用。目標(biāo)：能獨立綜合運用HTML及CSS進行復(fù)雜頁面的排版。任務(wù)：多動手實踐各環(huán)節(jié)案例工程，并爭取能從模仿中創(chuàng)新。28網(wǎng)頁美工技術(shù)主要從以下幾個介紹網(wǎng)頁美工設(shè)計的知識和技巧：網(wǎng)頁配色、網(wǎng)頁版面設(shè)計、常用工具介紹、頁面元素設(shè)計、；整體設(shè)計、切片及排版、動畫設(shè)計及應(yīng)用。目標(biāo)：能獨立進行美觀、清新、符合主題要求的界面創(chuàng)造，并能進行簡單的網(wǎng)頁動畫設(shè)計。任務(wù)：多動手實踐各環(huán)節(jié)案例工程，并爭取能從模仿中創(chuàng)新。22整體規(guī)劃設(shè)計主要從以下方面介紹網(wǎng)站工程蓋飯從規(guī)劃設(shè)計到發(fā)布運營整個工作流程：規(guī)劃及流程、分析、設(shè)計、重構(gòu)、制作、發(fā)布運營。目標(biāo)：了解網(wǎng)站規(guī)劃設(shè)計周邊概念、一般方法、企業(yè)開發(fā)流程任務(wù)：按老師要求及企業(yè)標(biāo)準(zhǔn)完成工程規(guī)劃設(shè)計12綜合工程實踐工程

指導(dǎo)用不同類型的真是工程指導(dǎo)學(xué)生完成網(wǎng)頁設(shè)計整個流程，帶著同學(xué)們做。機動工程

任務(wù)根據(jù)博客、企事業(yè)單位等不同類型網(wǎng)站的不同特點，分配幾個類型的工程，讓同學(xué)獨立做。機動建議具體學(xué)時分配：第一局部：根底技能知識學(xué)習(xí)第一章網(wǎng)頁設(shè)計概述〔2學(xué)時〕主要講述因特網(wǎng)、萬維網(wǎng)、瀏覽器的概念；多媒體、超媒體、富媒體概念；網(wǎng)頁和網(wǎng)站的概念；認(rèn)識網(wǎng)頁設(shè)計；網(wǎng)頁設(shè)計師的從業(yè)之路；網(wǎng)頁制作工具介紹。第二章網(wǎng)頁排版技術(shù)〔28學(xué)時〕主要從以下幾個方面介紹網(wǎng)頁排版相關(guān)知識：認(rèn)識DW及HTML標(biāo)記(2學(xué)時)；文本元素(2學(xué)時〕；多媒體元素(2學(xué)時〕；超鏈接(2學(xué)時〕；框架(2學(xué)時〕；表格(2學(xué)時〕；CSS(4學(xué)時〕；表單(2學(xué)時〕；JS表單控制(2學(xué)時〕；DIV排版(4學(xué)時〕；綜合應(yīng)用(4學(xué)時〕。第三章網(wǎng)頁美工技術(shù)〔22學(xué)時〕主要從以下幾個介紹網(wǎng)頁美工設(shè)計的知識和技巧：網(wǎng)頁配色(2學(xué)時〕；網(wǎng)頁版面設(shè)計(2學(xué)時〕；常用工具介紹(2學(xué)時〕；頁面元素設(shè)計(4學(xué)時〕；整體設(shè)計(4學(xué)時〕；切片及排版(4學(xué)時〕；動畫設(shè)計及應(yīng)用(4學(xué)時〕。第四章網(wǎng)站整體規(guī)劃設(shè)計〔12學(xué)時〕主要從以下方面介紹網(wǎng)站工程蓋飯從規(guī)劃設(shè)計到發(fā)布運營整個工作流程：規(guī)劃及流程〔2學(xué)時〕；分析、設(shè)計、重構(gòu)〔4學(xué)時〕；制作〔4學(xué)時〕；發(fā)布運營〔2學(xué)時〕。第二局部工程實訓(xùn)〔為機動學(xué)時〕工程指導(dǎo)：用不同類型的真是工程指導(dǎo)學(xué)生完成網(wǎng)頁設(shè)計整個流程，帶著同學(xué)們做。工程任務(wù)：根據(jù)博客、企事業(yè)單位等不同類型網(wǎng)站的不同特點，分配幾個類型的工程，讓同學(xué)獨立做。五、教學(xué)根本條件〔1〕團隊規(guī)?；诿繉脤W(xué)生規(guī)模，對教師數(shù)量的要求4～5名就能滿足日常教學(xué)要求〔含專業(yè)實訓(xùn)指導(dǎo)教師〕。其中專職教師3～4人，兼職教師1～2人。職稱和年齡結(jié)構(gòu)合理，互補性強?！?〕教師專業(yè)能力根據(jù)課程特點，要求教師具有一定的網(wǎng)站工程實施經(jīng)驗，系統(tǒng)掌握網(wǎng)頁設(shè)計相關(guān)技術(shù)知識，具備中小型網(wǎng)站工程開發(fā)能力，掌握一定的教學(xué)方法與教學(xué)藝術(shù)?！?〕課程負(fù)責(zé)人熟悉軟件技術(shù)專業(yè)相關(guān)知識和高職教育規(guī)律、實踐經(jīng)驗豐富、教學(xué)效果良好，具備“雙師素質(zhì)〞的教師?！?〕“雙師素質(zhì)〞教師承當(dāng)理論實踐一體化課程和工學(xué)結(jié)合課程的專業(yè)教師應(yīng)為“雙師型〞教師。要通過校企共建方式建設(shè)專兼結(jié)合的“雙師型〞教師隊伍。為了順利開展本課程的教學(xué)工作，需要提供相應(yīng)的硬件設(shè)備和軟件工具，給學(xué)生一個真實的實踐環(huán)境，而且還需要提供豐富的教學(xué)資源，以保證教學(xué)質(zhì)量。〔1〕硬件設(shè)備局域網(wǎng)：實現(xiàn)教學(xué)播送等功能投影儀一套：實現(xiàn)展示課件、展示實例、演示操作等功能教師\學(xué)生用機：50臺以上實訓(xùn)室面積：120平米以上〔2〕軟件安裝〔隨工具平臺版本要求及時進行升級〕操作系統(tǒng)：Windows平臺操作系統(tǒng)網(wǎng)頁設(shè)計工具：DreamweaverCS5或以上版本圖像處理：PhotoShopCS2或以上版本動畫制作：Switch/Flash電子教室軟件：實現(xiàn)屏幕播送、訪問控制等功能〔1〕“靜態(tài)網(wǎng)頁設(shè)計〞網(wǎng)絡(luò)課程資源?！?〕“靜態(tài)網(wǎng)頁設(shè)計〞相關(guān)圖書與期刊等圖書資源?！?〕完善的教學(xué)工程案例?！?〕來自企業(yè)合作伙伴提供的企業(yè)生產(chǎn)與管理標(biāo)準(zhǔn)、生產(chǎn)案例等軟資源。4.學(xué)生根底〔1〕具備根本的計算機文化根底知識；〔2〕具備根本的計算機操作技能；〔3〕Internet根底知識；〔4〕具備一定的色彩學(xué)根底知識；〔5〕具備一定的審美與美工創(chuàng)意根底；〔6〕圖像處理相關(guān)根本概念〔7〕圖像處理工具的根本使用能力；〔8〕具備根本的圖像處理與編輯能力；六、其他說明1．校企合作方式依托行業(yè)，與業(yè)內(nèi)優(yōu)勢企業(yè)合作，構(gòu)建校企合作，建設(shè)校外實訓(xùn)基地，為學(xué)生頂崗實習(xí)提供場所。聘請企業(yè)技術(shù)骨干作為專業(yè)參謀和兼職教師，參與課程建設(shè)與教學(xué)。要將行業(yè)企業(yè)的工作流程與標(biāo)準(zhǔn)、先進的企業(yè)文化引入教學(xué)中，較緊密的企業(yè)合作伙伴應(yīng)不少于2家。2．實施說明〔1〕根據(jù)專業(yè)效勞的區(qū)域與行業(yè)的不同，以及我院實際條件，依據(jù)本課程教學(xué)設(shè)計，具體制訂本課程的教學(xué)實施方案，進一步明確工作任務(wù)、資源條件、教學(xué)做合一的形式與成果等內(nèi)容，標(biāo)準(zhǔn)和指導(dǎo)教學(xué)。〔2〕教學(xué)過程中，每2～4人一組，在教師的指導(dǎo)下，制定工程開發(fā)方案、時間進度、工作流程等，教師不僅在技術(shù)上予以指導(dǎo)，同時在質(zhì)量、進度上給予把握和催促，從而確保工程開發(fā)順利、標(biāo)準(zhǔn)地開展。3.考核方式本課程的考核方式建議采用工程考核〔上機〕。

本科生學(xué)位論文論多媒體技術(shù)在教學(xué)中的應(yīng)用姓名：指導(dǎo)教師：專業(yè)：教育管理專業(yè)年級：完成時間：

論多媒體技術(shù)在教學(xué)中的應(yīng)用[摘要]多媒體不再是傳統(tǒng)的輔助教學(xué)工具，而是為構(gòu)造一種新的網(wǎng)絡(luò)教學(xué)環(huán)境創(chuàng)造了條件，特別是對于教育社會化來說，多媒體網(wǎng)絡(luò)是一種更理想的傳播工具。多媒體本身具有：融合性、非線性化，無結(jié)構(gòu)性、相互交涉性、可編輯性、實時性等特點；同時運用在教育教學(xué)上又有其特長：利于信息的存儲利用、是培養(yǎng)發(fā)散性思維的工具、促使學(xué)習(xí)個別化的實現(xiàn)。多媒體在教學(xué)中的應(yīng)用有著多種的形式，它在提高學(xué)生學(xué)習(xí)興趣上有著積極的作用，同時它還能促進學(xué)生知識的獲取與保持、對教學(xué)信息進行有效的組織與管理、建構(gòu)理想的學(xué)習(xí)環(huán)境，促進學(xué)生自主學(xué)習(xí)等多方面的效果。立足未來發(fā)展，利用多媒體網(wǎng)絡(luò)技術(shù)，開展教學(xué)試驗。[關(guān)鍵詞]多媒體網(wǎng)絡(luò)教學(xué)系統(tǒng)資源共享多媒體技術(shù)主要指多媒體計算機技術(shù)，加工、控制、編輯、變換，還可以查詢、檢索。人們借助于多媒體技術(shù)可以自然貼切地表達(dá)、傳播、處理各種視聽信息，并具有更多的參與性和創(chuàng)造性。當(dāng)今多媒體已成為廣泛流傳的名詞，但人們對于它的認(rèn)識，特別是對于它在教育教學(xué)方面如何更好應(yīng)用，未知的因素還很多。

一、多媒體的教育特長任何一種媒體不管其怎樣先進，它只能是作為一種工具被應(yīng)用到教育領(lǐng)域，能不能促進教育的改革，。。。。。。應(yīng)當(dāng)吸取教訓(xùn)，加強理論研究，充分認(rèn)識多媒體的特性及其教育特長，以便更好地在教育領(lǐng)域開發(fā)應(yīng)用多媒體。

1、多媒體的特性

（1）融合性多種符號系統(tǒng)的融合是多媒體的特性之一，多媒體的這一特性區(qū)別于過去媒體符號系統(tǒng)的單一性或復(fù)合性。也就是說多媒體技術(shù)不是將符號系統(tǒng)疊加，而是具有整體性的融合。

（2）非線性化，無結(jié)構(gòu)性因為多媒體是在超文本、，其組合結(jié)構(gòu)是固定的、不變的。

（5）實時性多媒體信息中的聲音、活動視瀕、動畫于時間有密切聯(lián)系，對它們進行呈現(xiàn)、交互等集成處理是實時的。在顯示某一主體內(nèi)容時，其視聽信息具有同步性。

2、多媒體的教育特長

（1）信息的存儲利用便利多媒體特別是多媒體WWW網(wǎng)絡(luò)信息的存儲、提取、雙向傳輸非常便利，它應(yīng)用于教育，更利于教學(xué)信息傳播機制的建立。

（2）發(fā)散性思維的工具在培養(yǎng)學(xué)習(xí)者發(fā)散性思維方面…………或創(chuàng)造性思維的基礎(chǔ)。

（3）促使學(xué)習(xí)個別化的實現(xiàn)多媒體WWW網(wǎng)絡(luò)有利于個別化的實現(xiàn)。因為學(xué)習(xí)者各人需求、學(xué)習(xí)經(jīng)驗、認(rèn)知程度等不同，學(xué)習(xí)方法也有差異，由于多媒體教學(xué)信息的多角度多層次性，不具有固定的學(xué)習(xí)目標(biāo)和既定學(xué)習(xí)路徑，學(xué)習(xí)者可以自定學(xué)習(xí)路徑選擇自己需要的學(xué)習(xí)內(nèi)容。

四、迎接信息時代，運用多媒體技術(shù)，實現(xiàn)網(wǎng)絡(luò)教學(xué)傳播

21世紀(jì)是一個信息高速發(fā)展的時代，…………，首先必須認(rèn)清以下問題：

（一）多媒體不等于光盤化

。。。。。。由于人們認(rèn)為這就是多媒體，因而也就將多媒體作為一種更完美的形象化教具。

（二）多媒體不是CAI的延伸

日本視聽教育協(xié)會編著的《日本教育中的多媒體小史》超媒體的開發(fā)一節(jié)中指出：在超媒體的開發(fā)方面，有兩種考慮方法：一種是把重點放在超媒體發(fā)展的原始起點和特長上，編制"無結(jié)構(gòu)"的教材的思考方法；另一種是把映像和聲音加入迄今為止的CAI的思考方法。然而，如果考慮到超媒體的特長的教育意義，便不用說，是考慮前者的好。我認(rèn)為它與CAI有兩個差異：

1、以不同的教育觀為指導(dǎo)CAI延用了傳統(tǒng)的教學(xué)觀，對不同的學(xué)習(xí)者規(guī)定了同一的學(xué)習(xí)目標(biāo)，同一的學(xué)習(xí)路徑，采用了同一呆板；(2)……。多媒體技術(shù)則是超文本、超媒體技術(shù)發(fā)展的產(chǎn)物，只有我們以學(xué)習(xí)社會化的新教育觀為指導(dǎo)，才能構(gòu)建一種以學(xué)習(xí)者為中心，學(xué)習(xí)者可以自己控制的學(xué)習(xí)環(huán)境。

（四）構(gòu)建網(wǎng)絡(luò)教學(xué)系統(tǒng)要實現(xiàn)整個教學(xué)環(huán)境的軟、硬件的網(wǎng)絡(luò)化建設(shè)。首先應(yīng)當(dāng)在學(xué)校范圍內(nèi)建立一定規(guī)模的校園網(wǎng)絡(luò)的硬件體系結(jié)構(gòu)；其次應(yīng)當(dāng)具備必需的相應(yīng)的校園網(wǎng)管理軟件，要有課件點播系統(tǒng)五、立足未來發(fā)展，利用多媒體網(wǎng)絡(luò)技術(shù)，開展教學(xué)試驗

而是怎樣教。學(xué)生不是考慮從教師那里學(xué)到什么，而是在教師的幫助下，學(xué)會怎么學(xué)習(xí)，確立終身學(xué)習(xí)的思想和態(tài)度。

今后的教學(xué)應(yīng)以學(xué)生學(xué)為主，教師應(yīng)成為顧問、咨詢者、管理者，這在傳統(tǒng)的課堂教學(xué)中是難以實現(xiàn)的。而在多媒體網(wǎng)絡(luò)教學(xué)中只要以全新的