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

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

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

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

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

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