《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)計(jì)劃.doc
《《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)計(jì)劃.doc》由會(huì)員分享,可在線閱讀,更多相關(guān)《《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)計(jì)劃.doc(4頁珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
. 《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)計(jì)劃 一、課程的性質(zhì)與任務(wù) 課程的性質(zhì):本課程是為培養(yǎng)高職廣告專業(yè)學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)知識(shí)而設(shè)置的一門專業(yè)必修實(shí)訓(xùn)課程。由于網(wǎng)頁設(shè)計(jì)與制作所涉及的軟件和相關(guān)知識(shí)十分廣泛,針對(duì)設(shè)計(jì)藝術(shù)專業(yè)學(xué)生的專業(yè)方向和專業(yè)基礎(chǔ),本課程側(cè)重于網(wǎng)頁視覺效果和版式布局的設(shè)計(jì)與制作,對(duì)大中型網(wǎng)站制作中的所涉及到的動(dòng)態(tài)程序編寫等較復(fù)雜技術(shù)手段作了回避或僅作簡(jiǎn)單介紹。 課程的任務(wù):通過本課程學(xué)習(xí),使學(xué)生了解網(wǎng)頁制作的基礎(chǔ)知識(shí)、基本流程,并能熟練使用MacromediaDreamweaver進(jìn)行個(gè)人網(wǎng)站和中小型商業(yè)網(wǎng)站的設(shè)計(jì)、制作與維護(hù)更新,為培養(yǎng)高級(jí)網(wǎng)頁設(shè)計(jì)專業(yè)人才打下堅(jiān)實(shí)的基礎(chǔ)。 二、教學(xué)基本要求 通過課程的教學(xué),在理論知識(shí)教學(xué)和技能培養(yǎng)兩方面要求學(xué)生達(dá)到下列目標(biāo)。 (一)理論知識(shí)方面主要達(dá)到: 1.了解互聯(lián)網(wǎng)、網(wǎng)頁、網(wǎng)站、超級(jí)連接、HTML語言、FTP、HTTP等基礎(chǔ)網(wǎng)絡(luò)知識(shí); 2.了解網(wǎng)站設(shè)計(jì)制作的常用工具與基本流程 3.了解html語言的一般規(guī)律 4.了解不同網(wǎng)站類型不同的設(shè)計(jì)與制作要求 5.了解網(wǎng)站的整體結(jié)構(gòu)規(guī)劃 (二)能力方面主要達(dá)到: 1.熟練掌握MacromediaDremweave的基本操作; 2.掌握photoshop中網(wǎng)頁設(shè)計(jì)稿文件的切片與優(yōu)化輸出; 3.掌握網(wǎng)頁圖像的優(yōu)化技巧; 4.了解網(wǎng)站的測(cè)試、發(fā)布、推廣與維護(hù); 三、教學(xué)條件 內(nèi)部網(wǎng)絡(luò)連接穩(wěn)定的多媒體教室;保障每個(gè)學(xué)生都能單獨(dú)使用一臺(tái)電腦,每臺(tái)電腦都配備Dreamweaver、photoshop等設(shè)計(jì)軟件。 四、教學(xué)內(nèi)容及學(xué)時(shí)安排 序號(hào) 單元 主要內(nèi)容 教學(xué)要求 課時(shí) 1 網(wǎng)頁設(shè)計(jì)制作基本概述 理論 教學(xué) 1.互聯(lián)網(wǎng)、網(wǎng)頁、網(wǎng)站、超級(jí)連接、HTML語言、FTP、HTTP等基礎(chǔ)網(wǎng)絡(luò)知識(shí); 2.網(wǎng)站設(shè)計(jì)制作的常用工具與基本流程 3.HTML語言的一般規(guī)律 4.不同網(wǎng)站類型不同的設(shè)計(jì)與制作要求3.Dreamweaver界面介紹 理解網(wǎng)頁設(shè)計(jì)制作原理、基本手段、流程與制作要求 18 實(shí)踐 項(xiàng)目 1.熟悉Dreamweaver界面 2.收集優(yōu)秀網(wǎng)站頁面,用于分析與學(xué)習(xí) 熟悉軟件各個(gè)功能模塊與主要菜單、窗口 2 網(wǎng)頁設(shè)計(jì)制作基礎(chǔ)操作 理論 教學(xué) 1.網(wǎng)站的整體結(jié)構(gòu)規(guī)劃 2.創(chuàng)建和管理本地站點(diǎn) 3.創(chuàng)建簡(jiǎn)單頁面,設(shè)置頁面屬性 4.插入文字、圖像、水平線等基本頁面元素 5.網(wǎng)頁中的各種超級(jí)連接 熟練掌握網(wǎng)頁設(shè)計(jì)制作的基礎(chǔ)操作 24 實(shí)踐 項(xiàng)目 創(chuàng)建簡(jiǎn)單的網(wǎng)站頁面并進(jìn)行連接 建立3-4個(gè)簡(jiǎn)單頁面組成的基本網(wǎng)站,理解網(wǎng)站的結(jié)構(gòu)與頁面制作 3 頁面版式與布局控制技術(shù) 理論 教學(xué) 1.表格技術(shù)及其應(yīng)用 2.圖層技術(shù)及其應(yīng)用 3.框架技術(shù)及其應(yīng)用 熟練掌握常用的頁面版式與布局控制技術(shù) 30 實(shí)踐 項(xiàng)目 1. 表格練習(xí) 2.圖層練習(xí) 3.框架練習(xí) 以優(yōu)秀的實(shí)際運(yùn)用案例為參照,掌握技巧與原理,積累經(jīng)驗(yàn) 4 網(wǎng)頁制 作擴(kuò)展與網(wǎng)站的發(fā)布維護(hù) 理論 教學(xué) 1.CSS樣式表的運(yùn)用2.時(shí)間線與行為事件3.表單的制作4.模板與庫的運(yùn)用 5.photoshop中網(wǎng)頁設(shè)計(jì)稿文件的切片 與優(yōu)化輸出; 6.網(wǎng)頁圖形的優(yōu)化技巧; 7.網(wǎng)站的測(cè)試、發(fā)布、推廣與維護(hù); 進(jìn)一步掌握專業(yè)網(wǎng)頁設(shè)計(jì)制作中的相關(guān)功能與技巧;熟悉網(wǎng)站的發(fā)布、推廣與維護(hù) 36 實(shí)踐 項(xiàng)目 以上各項(xiàng)目的針對(duì)性專題練習(xí) 以優(yōu)秀案例 為參照,在實(shí) 際操作中掌握技巧與原理,積累經(jīng)驗(yàn) 5 一個(gè)小型網(wǎng)站的設(shè)計(jì)與制作 綜合運(yùn)用所學(xué)知識(shí),完成 一個(gè)真實(shí)可用的小型網(wǎng)站并上傳發(fā)布 12 學(xué)時(shí)合計(jì) 120 五、教法說明 1、本課程是一門專業(yè)技能訓(xùn)練課程,以學(xué)生的實(shí)踐操作為主,注重設(shè)計(jì)與制作能力的培養(yǎng)、經(jīng)驗(yàn)與技巧的積累。課程中引導(dǎo)學(xué)生在練習(xí)中解決具體的問題,使學(xué)生能靈活地、熟練地應(yīng)用所學(xué)的理論知識(shí)。 2、教學(xué)練習(xí)中,以優(yōu)秀實(shí)際案例為參照,增強(qiáng)教學(xué)的趣味性、實(shí)用性和針對(duì)性。 3、課程末要求設(shè)計(jì)制作一個(gè)完整的小型網(wǎng)站,并上傳、發(fā)布和推廣,以綜合運(yùn)用和鞏固所學(xué)知識(shí),激發(fā)學(xué)生興趣,為將來的進(jìn)一步學(xué)習(xí)打下基礎(chǔ)。 六、考核方式與評(píng)分方法 1.考勤總成績(jī)的10%。 2.過程考核(理論知識(shí)、提問、查閱、課堂作業(yè)與課堂表現(xiàn)等)總成績(jī)的30% 3.以綜合性設(shè)計(jì)作業(yè)的方式,設(shè)計(jì)制作完整的小型網(wǎng)站,占總成績(jī)的60%。 精選word范本!- 1.請(qǐng)仔細(xì)閱讀文檔,確保文檔完整性,對(duì)于不預(yù)覽、不比對(duì)內(nèi)容而直接下載帶來的問題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請(qǐng)點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
15 積分
下載 |
- 配套講稿:
如PPT文件的首頁顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國(guó)旗、國(guó)徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對(duì)作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- 網(wǎng)頁設(shè)計(jì)與制作 網(wǎng)頁 設(shè)計(jì) 制作 教學(xué)計(jì)劃
鏈接地址:http://www.820124.com/p-5401990.html