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

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

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

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

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

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