H5網(wǎng)頁(yè)設(shè)計(jì)與制作課程綱要

1、 . 1 / 3 樂清市芙蓉中學(xué)選修課課程綱要課程名稱h5 網(wǎng)頁(yè)設(shè)計(jì)與制作負(fù)責(zé)人陳志斌適用年級(jí)一年級(jí)總課時(shí)18 課程類型職業(yè)技能課程簡(jiǎn)介html 是書寫網(wǎng)頁(yè)代碼的一種規(guī)范，一種標(biāo)準(zhǔn)。它通過標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。 瀏覽器根據(jù)這個(gè)標(biāo)準(zhǔn)顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等），可以說 html 是網(wǎng)頁(yè)編程的基礎(chǔ)。html5 是超文本標(biāo)記語(yǔ)言 （html ） 的第五次重大修改， 即最新版本。本套課程將從 html 的基礎(chǔ)入手，并介紹html5 的新特效，再通過一些簡(jiǎn)單的實(shí)例，讓您能夠動(dòng)手書寫html 實(shí)現(xiàn)網(wǎng)頁(yè)的設(shè)計(jì)。這次課程的學(xué)習(xí)提升學(xué)生的創(chuàng)作力和鑒賞力，提高

2、學(xué)生的 it 素養(yǎng)。完成一個(gè)簡(jiǎn)單的個(gè)人網(wǎng)站制作，在互聯(lián)網(wǎng)時(shí)代，增強(qiáng)自己的互聯(lián)網(wǎng)+意識(shí)。背景分析現(xiàn)在這個(gè)時(shí)代，是一個(gè)全民互聯(lián)網(wǎng)的時(shí)代，阿里巴巴，剛剛又宣布了開啟人臉支付， 任何一個(gè)新生事物， 都和互聯(lián)網(wǎng) +相關(guān)，具有良好的信息素養(yǎng)，是一個(gè)新時(shí)代人類的必要能力。網(wǎng)頁(yè)制作，算不上是一個(gè)特別高大上的項(xiàng)目，但是，網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的一個(gè)最最重要的一環(huán)，上淘寶，去京東，看視頻，每一個(gè)網(wǎng)絡(luò)需求，都是通過網(wǎng)頁(yè)來(lái)進(jìn)行，而有些制作網(wǎng)頁(yè)的人們，也有一個(gè)好聽的名字：前端工程師。網(wǎng)頁(yè)制作，它可以很簡(jiǎn)單，也可以很復(fù)雜，更可以很漂亮?；谶@樣的特點(diǎn)，部分學(xué)生，在小學(xué)初中時(shí)期可能都接觸過。課程目標(biāo)總目標(biāo)：本次課程的難度不會(huì)很

3、大，會(huì)適合高中生的水平，最后也讓學(xué)生自行完成一個(gè)個(gè)人網(wǎng)站，提升個(gè)人的成就感。1、知識(shí)與技能目標(biāo)了解網(wǎng)頁(yè)制作的流程。掌握網(wǎng)頁(yè)制作的知識(shí)和技能，和一定的欣賞與制作技巧，懂得從構(gòu)圖、色彩、形式上分析并了解網(wǎng)頁(yè)的特征，并動(dòng)手制作有自己想法的網(wǎng)頁(yè)。2、過程與方法目標(biāo)引導(dǎo)學(xué)生主動(dòng)探究教學(xué)內(nèi)容，培養(yǎng)學(xué)生主動(dòng)觀察分析網(wǎng)頁(yè)的能力，進(jìn)而掌握合適的布局技巧和內(nèi)容體現(xiàn)。3、情感、態(tài)度與價(jià)值觀目標(biāo)深刻地感受網(wǎng)頁(yè)的魅力，形成正確的審美觀和價(jià)值觀。 . 2 / 3 教材編寫原則 從實(shí)際出發(fā)：瀏覽各類網(wǎng)站，看看這些網(wǎng)站都做了什么； 內(nèi)容的可操作性原則：讓學(xué)生掌握網(wǎng)頁(yè)制作知識(shí)與技能； 創(chuàng)意性原則：具體的網(wǎng)頁(yè)制作，學(xué)生自由發(fā)揮；

4、有利于組織授課，方便互動(dòng)；每講應(yīng)有活動(dòng)設(shè)計(jì)（含“探究與練習(xí)”）。課程內(nèi)容內(nèi)容要點(diǎn)：從感受網(wǎng)頁(yè)入手，了解目前網(wǎng)頁(yè)制作的基本方式，工具，以及相關(guān)延伸的庫(kù)，框架。再通過自己動(dòng)手，進(jìn)行網(wǎng)頁(yè)制作，來(lái)掌握網(wǎng)頁(yè)的各種元素，并能運(yùn)用這些元素，做出一個(gè)自己想要的網(wǎng)站。課時(shí)單元主題內(nèi)容簡(jiǎn)介1 2 第一單 元概論、作 品欣賞、現(xiàn)狀、工具1、什么網(wǎng)頁(yè)，網(wǎng)站。2、網(wǎng)頁(yè)制作工具的介紹。3、經(jīng)典作品欣賞。3 10 第 二 單 元實(shí)踐一網(wǎng)頁(yè)布局與嵌入的相關(guān)元素網(wǎng)頁(yè)制作練習(xí)，學(xué)習(xí)基本的網(wǎng)頁(yè)制作方法，table布局， div布局，與 css樣式的使用。11 13 第三單 元實(shí)踐拓展相 關(guān) 延 伸的 網(wǎng) 頁(yè) 制作的框架了解 js，

5、jquery ，bootstrap 等網(wǎng)頁(yè)制作相關(guān)的延伸知識(shí)。14 17 第四單元?jiǎng)?chuàng)作部分創(chuàng)作作品通過制作網(wǎng)站實(shí)例來(lái)讓學(xué)生綜合運(yùn)用網(wǎng)頁(yè)制作技術(shù)， 從而掌握網(wǎng)頁(yè)制作的一般技能。18 第 五 單 元展示作品評(píng)價(jià)展示每個(gè)人的欣賞與構(gòu)思方式都不一樣，通過自己的創(chuàng)作學(xué)習(xí)展示自己制作的網(wǎng)站，同時(shí)學(xué)會(huì)評(píng)價(jià)作品。課程實(shí)施1、 組織形式：自主選課走班教學(xué)2、 課時(shí)安排：每周1 課時(shí)，一學(xué)期共18 課時(shí)3、 教學(xué)設(shè)備：機(jī)房電腦班級(jí)規(guī)模： 30 人左右評(píng) 價(jià) 活 動(dòng)及 學(xué) 分 評(píng)定1、 學(xué)生的課時(shí)出勤結(jié)合課堂表現(xiàn)，重視學(xué)在學(xué)習(xí)過程中表現(xiàn)出來(lái)的積極性、合作性，對(duì)其知情意等方面予以全面評(píng)價(jià)。2、 獨(dú)立完成1 件工筆作品和1 件寫意作品，通過作品的整體效果給予評(píng)價(jià)。3、 評(píng)價(jià)結(jié)果分三