第一篇：以任務(wù)為導(dǎo)向的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)設(shè)計(jì)

樣刊快遞到付至：遼寧省錦州市開(kāi)發(fā)區(qū)西海路東段2號(hào)遼寧理工職業(yè)學(xué)院 陳雪嬌（收）*** 作者簡(jiǎn)介：陳雪嬌（1985—），女，遼寧錦州人，碩士，遼寧理工職業(yè)學(xué)院教師

任務(wù)導(dǎo)向法高職在《網(wǎng)頁(yè)設(shè)計(jì)與制作》實(shí)訓(xùn)課程中的應(yīng)用

陳雪嬌

（遼寧理工職業(yè)學(xué)院，遼寧錦州 121007）

摘要：隨著職業(yè)教育的蓬勃發(fā)展，傳統(tǒng)的教學(xué)方法在課程中亟待改進(jìn)。本文主要研究在任務(wù)導(dǎo)向法的指導(dǎo)下，對(duì)實(shí)訓(xùn)課的教學(xué)過(guò)程進(jìn)行重新設(shè)計(jì)，對(duì)教學(xué)目標(biāo)重新定位，選取任務(wù)為導(dǎo)向的教學(xué)內(nèi)容，建立多元評(píng)價(jià)體系，構(gòu)建新型的教學(xué)關(guān)系。關(guān)鍵詞：任務(wù)導(dǎo)向；課程設(shè)計(jì)

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門實(shí)踐性很強(qiáng)的學(xué)科，授課過(guò)程的實(shí)踐表明：“任務(wù)導(dǎo)向法”在本課程中的能夠促進(jìn)學(xué)生學(xué)習(xí)的積極性，它符合素質(zhì)教育以學(xué)生為主體、教師為主導(dǎo)的思

①想，同時(shí)也符合教育理論“樂(lè)學(xué)教育”、“愉快情感”的教育思想理念。

一、基于任務(wù)為導(dǎo)向教學(xué)目標(biāo)的確定

高等職業(yè)院校《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程旨在培養(yǎng)計(jì)算機(jī)前臺(tái)網(wǎng)頁(yè)制作人員，因此，該課程應(yīng)以行業(yè)需求確定為培養(yǎng)目標(biāo)，以實(shí)踐能力為目標(biāo)實(shí)施教學(xué)活動(dòng)，用多元的評(píng)價(jià)機(jī)制評(píng)價(jià)

②教學(xué)效果，并突出以能力為主的理實(shí)結(jié)合的教學(xué)目標(biāo)。

教師可以將《網(wǎng)頁(yè)設(shè)計(jì)》課程分為3個(gè)模塊：運(yùn)用PS對(duì)網(wǎng)頁(yè)進(jìn)行效果制作；運(yùn)用Dreamweaver軟件搭建網(wǎng)頁(yè)、運(yùn)用 PS、Flash 軟件為網(wǎng)頁(yè)制作 LOGO 及廣告動(dòng)畫、三個(gè)軟件的綜合使用，并分別確定如下目標(biāo)。

（一）能力目標(biāo)

能夠具備規(guī)劃網(wǎng)站能力，編寫網(wǎng)站策劃書(shū)；能夠進(jìn)行網(wǎng)站效果圖設(shè)計(jì)及網(wǎng)站動(dòng)畫設(shè)計(jì)；能夠應(yīng)用新技術(shù)DIV+CSS進(jìn)行網(wǎng)站布局，進(jìn)而進(jìn)行靜態(tài)網(wǎng)站的開(kāi)發(fā)與制作。

（二）知識(shí)目標(biāo)

掌握 Dreamweaver 的工作環(huán)境、菜單、工具欄的使用方法；掌握新建網(wǎng)站的方法、文檔的保存方法；掌握網(wǎng)頁(yè)的編輯技術(shù)；掌握網(wǎng)頁(yè)超鏈接的插入和編輯技術(shù)；掌握表格、布局表格、單元格、框架、層的輔助定位工具操作；掌握文本、圖片、動(dòng)畫、視頻的插入、編輯、格式設(shè)置的方法；掌握利用 PS 制作處理網(wǎng)頁(yè)中所需圖像的操作方法及圖像格式轉(zhuǎn)換技術(shù)；掌握基本動(dòng)畫和高級(jí)動(dòng)畫的制作。

（三）素質(zhì)目標(biāo)

培養(yǎng)學(xué)生的敬業(yè)精神、團(tuán)隊(duì)協(xié)作神；自主學(xué)習(xí)能力；溝通能力、感悟能力；表達(dá)能力、知識(shí)應(yīng)用能力；獲取知識(shí)能力、自我發(fā)展能力、創(chuàng)新能力；責(zé)任感、效率觀念。

二、基于任務(wù)為導(dǎo)向教學(xué)內(nèi)容的選取

教師根據(jù)劃分的模塊可以將整個(gè)項(xiàng)目分為2個(gè)子項(xiàng)目，每個(gè)子項(xiàng)目對(duì)應(yīng)的子任務(wù)如下：

（一）用ps制作網(wǎng)頁(yè)效果圖

制作 LOGO 及廣告動(dòng)畫制作網(wǎng)頁(yè)動(dòng)畫；制作網(wǎng)站LOGO、最終形成網(wǎng)頁(yè)效果圖。網(wǎng)站風(fēng)定位、網(wǎng)站布局設(shè)計(jì)、網(wǎng)站草圖繪制。

（二）搭建網(wǎng)頁(yè)

組織和管理網(wǎng)頁(yè)文件和文件夾；進(jìn)行網(wǎng)頁(yè)布局；超鏈接的制作和編輯；網(wǎng)頁(yè)元素的插入和編輯。處理網(wǎng)頁(yè)中的圖形圖像制作和處理網(wǎng)頁(yè)中所需的圖形圖像文字邊框等素材。

三、基于任務(wù)為導(dǎo)向教學(xué)過(guò)程的實(shí)施

本次教學(xué)實(shí)訓(xùn)主要是以學(xué)生的獨(dú)立分析、研究、實(shí)踐為主，教師的傳授、指導(dǎo)和共同參與展開(kāi)的。

（一）實(shí)訓(xùn)內(nèi)容分析 本次實(shí)訓(xùn)的主要內(nèi)容就是設(shè)計(jì)制作PS網(wǎng)頁(yè)效果圖，并通過(guò)效果圖完成制作網(wǎng)頁(yè)。

（二）實(shí)訓(xùn)過(guò)程分解 1.任務(wù)解析

本項(xiàng)目屬于企業(yè)類網(wǎng)站，在前面學(xué)習(xí)的基礎(chǔ)上可將這類站點(diǎn)的開(kāi)發(fā)簡(jiǎn)化為：項(xiàng)目的前期策劃、效果圖設(shè)計(jì)、動(dòng)畫設(shè)計(jì)制作、網(wǎng)站靜態(tài)頁(yè)面的編輯。

2.學(xué)習(xí)資源的發(fā)布

明確任務(wù)后，教師幫助學(xué)生理解任務(wù)、分析任務(wù)、分發(fā)各種圖標(biāo)及素材等，收集好所需資源。

3.計(jì)劃與決策

在教師的建議下分組，明確分工，細(xì)分任務(wù)，按照計(jì)劃開(kāi)展進(jìn)度。教師要實(shí)時(shí)關(guān)注學(xué)生進(jìn)度，提出可行性建議和知道意見(jiàn)，形成可行方案。

4.實(shí)施

教師下達(dá)學(xué)習(xí)任務(wù)，學(xué)生根據(jù)任務(wù)做好計(jì)劃，對(duì)于重點(diǎn)難點(diǎn)進(jìn)行講解和分析，學(xué)生做好知識(shí)點(diǎn)記錄。對(duì)于重點(diǎn)難點(diǎn)，教師先行演練，學(xué)生同步跟練。簡(jiǎn)單知識(shí)點(diǎn)可以學(xué)生自主學(xué)生，商討學(xué)習(xí)，自己解決完成任務(wù)中遇到的問(wèn)題。

（三）“雙品”轉(zhuǎn)化

“雙品”轉(zhuǎn)換，即作品到產(chǎn)品的轉(zhuǎn)化。是在臨摹學(xué)習(xí)過(guò)后，自行設(shè)計(jì)一套產(chǎn)品，這既是從學(xué)習(xí)到創(chuàng)作的提升；也是學(xué)生學(xué)習(xí)領(lǐng)域到職場(chǎng)領(lǐng)域的過(guò)度。鼓勵(lì)學(xué)生自己設(shè)計(jì)一個(gè)完整的網(wǎng)站，實(shí)際是將網(wǎng)站欣賞、網(wǎng)站規(guī)劃、效果圖設(shè)計(jì)、網(wǎng)頁(yè)布局設(shè)計(jì)等教學(xué)模塊進(jìn)行重構(gòu)和細(xì)化，在自己的創(chuàng)作中不斷發(fā)現(xiàn)和解決問(wèn)題，對(duì)實(shí)訓(xùn)課程之外的另一種強(qiáng)化和延伸。從學(xué)生的作品與產(chǎn)品中，不可否認(rèn)學(xué)生已經(jīng)熟練了網(wǎng)頁(yè)的制作軟件：Ps、Flash、Dw,但是作為一名專業(yè)從事網(wǎng)頁(yè)工作的設(shè)計(jì)師，除了掌握這些，還需要在視覺(jué)素養(yǎng)方面更上一層樓。否則，我們的學(xué)生只能是工匠，而不是設(shè)計(jì)師。?

四、基于任務(wù)為導(dǎo)向教學(xué)評(píng)價(jià)的確定

課程的評(píng)價(jià)模式通過(guò)多方面相結(jié)合綜合評(píng)價(jià)學(xué)生的知識(shí)掌握情況、技能水平和綜合素質(zhì)，學(xué)生自評(píng)、學(xué)生互評(píng)、綜合評(píng)定多元評(píng)價(jià)模式，過(guò)程評(píng)價(jià)與最終結(jié)果評(píng)價(jià)相結(jié)合。?

五、總結(jié)

總之，教無(wú)定法，重在得法。以項(xiàng)目為載體、以任務(wù)為導(dǎo)向的教學(xué)方法能夠調(diào)動(dòng)高職院校的學(xué)生學(xué)習(xí)積極性。學(xué)生在進(jìn)行項(xiàng)目設(shè)計(jì)時(shí)，操作更加靈活，展示自己的思路，從而更主動(dòng)地參與到教學(xué)活動(dòng)中來(lái)，促使學(xué)生為完成項(xiàng)目而進(jìn)行多渠道的自主學(xué)習(xí)，讓學(xué)生能在知識(shí)的學(xué)習(xí)和將來(lái)的工作崗位間實(shí)現(xiàn)零距離接觸，為學(xué)生走向工作崗位奠定一定的基礎(chǔ)。

參考文獻(xiàn)：

[1]杜理明.“任務(wù)導(dǎo)向法”在計(jì)算機(jī)基礎(chǔ)教學(xué)中的應(yīng)用及效果[J].河北理工大學(xué)學(xué)報(bào),2010(10):89-91.[2]都桂英.高職院?！毒W(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)設(shè)計(jì)[J].教育理論與實(shí)踐,2010(9):57-59.[3]吳俊榮.基于行動(dòng)導(dǎo)向的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)設(shè)計(jì)研究[D].東北師范大學(xué),2012 [4]康康.論網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)設(shè)計(jì) [D].南京藝術(shù)學(xué)院,2012

第二篇：以任務(wù)驅(qū)動(dòng)為導(dǎo)向的國(guó)際貿(mào)易課程教學(xué)設(shè)計(jì).

西 教 育 2010.4 廣 【 摘

要 】 國(guó)際貿(mào)易課程是國(guó)際商

務(wù)、國(guó)際經(jīng)濟(jì)與貿(mào)易等專業(yè)的專業(yè)基礎(chǔ) 課程之一, 其理論性與實(shí)用性都非常強(qiáng)。本文以任務(wù)驅(qū)動(dòng)為導(dǎo)向, 從設(shè)計(jì)思路、課 程教學(xué)設(shè)計(jì)、課程內(nèi)容設(shè)計(jì)、教學(xué)建議等 方面對(duì)該課程設(shè)計(jì)進(jìn)行探討。

【 關(guān)鍵詞 】 國(guó)際貿(mào)易 課程設(shè)計(jì) 任 務(wù)驅(qū)動(dòng)

目前,高職院校正在大力推行人才 培養(yǎng)模式改革,其中課程建設(shè)是高職院 校教學(xué)改革工程的重要組成部分,課程 建設(shè)的水平直接關(guān)系到教育教學(xué)質(zhì)量及 人才培養(yǎng)的質(zhì)量。如何在有限課時(shí)內(nèi)使 學(xué)生掌握國(guó)際貿(mào)易的精髓,是教師在課 程教學(xué)設(shè)計(jì)中最為關(guān)心的問(wèn)題。筆者認(rèn) 為,高職國(guó)際貿(mào)易課程必須進(jìn)行課程整 體設(shè)計(jì)和細(xì)節(jié)的重新設(shè)計(jì),采用任務(wù)驅(qū) 動(dòng)的方法進(jìn)行課程教學(xué)。

一、課程性質(zhì)及設(shè)計(jì)思路

國(guó)際貿(mào)易課程是高職國(guó)際商務(wù)、國(guó) 際經(jīng)濟(jì)與貿(mào)易等專業(yè)的核心基礎(chǔ)課程, 是進(jìn)一步學(xué)習(xí)專業(yè)課程如國(guó)際貿(mào)易實(shí) 務(wù)、國(guó)際商務(wù)單證、國(guó)際匯兌等課程的基 礎(chǔ),是一門基礎(chǔ)理論與實(shí)踐相結(jié)合很緊 密的課程,要求學(xué)生掌握國(guó)際貿(mào)易基本 理論,并培養(yǎng)學(xué)生具備解決具體問(wèn)題的 實(shí)踐能力,能夠?qū)⒒纠碚撝R(shí)綜合地 運(yùn)用到具體實(shí)踐中。

國(guó)際貿(mào)易課程設(shè)計(jì)的理念是以職業(yè) 能力培養(yǎng)為重點(diǎn),根據(jù)國(guó)際商務(wù)等專業(yè) 的主要就業(yè)崗位 “ 外貿(mào)業(yè)務(wù)員 ”、“ 國(guó)際商 務(wù)單證員 ”、“ 外貿(mào)跟單員 ” 的職業(yè)技能標(biāo) 準(zhǔn), 以任務(wù)驅(qū)動(dòng)作為導(dǎo)向, 將國(guó)際貿(mào)易理 論知識(shí)分解成為若干模塊項(xiàng)目,根據(jù)項(xiàng) 目工作確定教學(xué)任務(wù), 選擇教學(xué)內(nèi)容, 將 國(guó)際貿(mào)易基本理論與知識(shí)按照工作項(xiàng)目 的內(nèi)在聯(lián)系來(lái)組織課程教學(xué)。教學(xué)中根 據(jù)高職教育的特點(diǎn),緊密結(jié)合當(dāng)前我國(guó)

與國(guó)際貿(mào)易實(shí)踐,對(duì)國(guó)際貿(mào)易基本原理 實(shí)務(wù)進(jìn)行系統(tǒng)介紹,同時(shí)要求學(xué)生進(jìn)行 網(wǎng)上資料信息的收集、分析, 以及校外見(jiàn)習(xí)等,從而使學(xué)生不僅能掌握國(guó)際貿(mào)易 理論和基礎(chǔ)知識(shí),而且能學(xué)會(huì)分析和處 理實(shí)際進(jìn)出口業(yè)務(wù),加深對(duì)重難點(diǎn)知識(shí) 的掌握。通過(guò)知識(shí)和技能的綜合運(yùn)用, 達(dá) 到適應(yīng)崗位的教學(xué)目的。二、課程教學(xué)設(shè)計(jì)(一 教學(xué)環(huán)節(jié)設(shè)計(jì)

為了使國(guó)際貿(mào)易課程的教學(xué)達(dá)到知 識(shí)教育與綜合能力培養(yǎng)有機(jī)結(jié)合,筆者 在課程開(kāi)發(fā)過(guò)程中, 取得多位行業(yè)專家、企業(yè)骨干的大力支持。聘請(qǐng)的專家分別 對(duì)外貿(mào)業(yè)務(wù)員崗位的工作任務(wù)、所需的 能力進(jìn)行了梳理, 通過(guò)現(xiàn)場(chǎng)歸納和總結(jié), 本課程開(kāi)發(fā)的思路逐步清晰。崗位所需 要完成的工作任務(wù)和完成工作任務(wù)所需 要能力逐項(xiàng)得到確定。教學(xué)項(xiàng)目的設(shè)計(jì) 找到了工作任務(wù)這一載體,圍繞這一載 體我們確定了教學(xué)中貫徹理論性、實(shí)務(wù) 性和可操作性的原則,在課程學(xué)習(xí)中讓 學(xué)生逐步明白 “ 知道什么 ”、“ 會(huì)做什么 ”。充分運(yùn)用多媒體和網(wǎng)絡(luò)實(shí)踐教學(xué),將課 程教學(xué)設(shè)計(jì)為以下環(huán)節(jié): 第一, 理論教學(xué)。在理論內(nèi)容上力求 全面、完整, 理論體系嚴(yán)密, 使學(xué)生系統(tǒng) 接受本課程的理論教育。同時(shí), 注意及時(shí) 吸收學(xué)科最新成果、最新知識(shí)以及國(guó)際 貿(mào)易發(fā)展的最新動(dòng)態(tài),及時(shí)補(bǔ)充到理論 課程教學(xué)中。

第二, 案例教學(xué)。教師舉案例 , 不僅是 為了引向 “ 新概念、新知識(shí) ” , 而且也是 為了引向任務(wù)、問(wèn)題。以我國(guó)加入 WTO 后在對(duì)外貿(mào)易實(shí)踐中遇到的真實(shí)案例, 將理論教學(xué)與案例教學(xué)結(jié)合起來(lái),培養(yǎng) 學(xué)生靈活運(yùn)用所學(xué)知識(shí)分析問(wèn)題和解決 問(wèn)題的能力。

第三, 模擬教學(xué)。課程圍繞外貿(mào)業(yè)務(wù)

員職業(yè)崗位的需要來(lái)開(kāi)展教學(xué),為了使 學(xué)生能夠具有國(guó)際貿(mào)易學(xué)生操作素質(zhì), 教師以實(shí)例或資料進(jìn)行操作示范 , 學(xué)生可 以先模仿 , 后將實(shí)例或資料的功能進(jìn)行 提升 , 將實(shí)例或資料的結(jié)構(gòu)進(jìn)行改造 , 由 學(xué)生試著獨(dú)立完成。訓(xùn)練學(xué)生思考、判斷 能力和實(shí)際操作能力,達(dá)到理論與應(yīng)用 相結(jié)合, 學(xué)以致用。

第四, 實(shí)踐教學(xué)。在校內(nèi)理論知識(shí)學(xué)習(xí)與分析問(wèn)題訓(xùn)練的基礎(chǔ)上,安排學(xué)生 到外貿(mào)公司、貨運(yùn)公司、報(bào)關(guān)行見(jiàn)習(xí), 進(jìn) 一步加強(qiáng)課堂的教學(xué)效果。

(二 教學(xué)內(nèi)容設(shè)計(jì)

傳統(tǒng)的國(guó)際貿(mào)易教學(xué)內(nèi)容大致分 為:國(guó)際貿(mào)易基礎(chǔ)知識(shí)、國(guó)際分工與國(guó)際 貿(mào)易理論、國(guó)際交換與世界市場(chǎng)、影響國(guó) 際貿(mào)易發(fā)展的因素、國(guó)際貿(mào)易政策與措 施、貿(mào)易條約與協(xié)定、關(guān)稅與貿(mào)易總協(xié)定 等。傳統(tǒng)教學(xué)中內(nèi)容獨(dú)立, 自成章節(jié), 學(xué) 生感受不到知識(shí)的連貫性。常規(guī)的教學(xué) 中又都以理論講授為主,配以適當(dāng)?shù)木毩?xí)等輔助教學(xué), 這些章節(jié)內(nèi)容繁多, 知識(shí) 枯燥、數(shù)字繁多且知識(shí)難度大, 學(xué)生不易 掌握, 極容易讓學(xué)生產(chǎn)生厭學(xué)情緒。根據(jù) 國(guó)際商務(wù)的職業(yè)特點(diǎn)及國(guó)際商務(wù)工作崗 位的要求, 本人采用 “ 任務(wù)驅(qū)動(dòng) ” 的教學(xué) 方法, 重新設(shè)計(jì)教學(xué)內(nèi)容(見(jiàn)表 1。

在新的課程內(nèi)容中,將國(guó)際貿(mào)易基 礎(chǔ)知識(shí)貫穿于整個(gè)課程的各項(xiàng)活動(dòng)中, 體現(xiàn)高職院校的理論教學(xué)以 “ 夠用, 適 度 ” 的原則。三、教學(xué)建議

第一,本課程教學(xué)中根據(jù)高職高專 專業(yè)培養(yǎng)目標(biāo)及學(xué)生的實(shí)際情況,結(jié)合 課程的重點(diǎn)問(wèn)題, 精心組織教學(xué)活動(dòng)。

第二,由于國(guó)際經(jīng)濟(jì)貿(mào)易環(huán)境變化 很快,各國(guó)對(duì)外貿(mào)易政策與措施時(shí)有調(diào) 整與變化,因此本門課程的教學(xué)內(nèi)容尤 其是學(xué)生任務(wù)的內(nèi)容要及時(shí)更新。

以任務(wù)驅(qū)動(dòng)為導(dǎo)向的 國(guó)際貿(mào)易課程教學(xué)設(shè)計(jì) □ 廣西國(guó)際商務(wù)職業(yè)技術(shù)學(xué)院 趙江紅 33

西 教 育 2010.4 第三,由于本課程作為一門專業(yè)基 礎(chǔ)課, 為后續(xù)課程如國(guó)際貿(mào)易實(shí)務(wù)、國(guó)際 匯兌等的學(xué)習(xí)提供理論基礎(chǔ),在授課時(shí) 注意把知識(shí)點(diǎn)講透, 注意理論聯(lián)系實(shí)際, 理論講解通俗易懂,注意培養(yǎng)學(xué)生融會(huì) 貫通的能力,使學(xué)生能逐步深入學(xué)習(xí)國(guó) 際貿(mào)易相關(guān)知識(shí), 掌握基本技能。

第四, 教學(xué)中采用多種教學(xué)方法, 開(kāi)

展多種形式的教學(xué)活動(dòng), 通過(guò)邊學(xué)邊練, 調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性,通過(guò)實(shí)踐任務(wù) 訓(xùn)練來(lái)達(dá)到應(yīng)用理論、加強(qiáng)技能的目的。第五,本課程需要學(xué)生在教師的指 導(dǎo)下,自己搜集相關(guān)國(guó)內(nèi)外貿(mào)易發(fā)展的 狀況信息資料,以便培養(yǎng)獨(dú)立學(xué)習(xí)、搜 集、整理資料和分析問(wèn)題的能力。

【 參考文獻(xiàn) 】

[1]周惠娟.“ 行動(dòng)導(dǎo)向式的 ” 《 報(bào)關(guān)實(shí) 務(wù) 》 課程設(shè)計(jì) [J ].消費(fèi)導(dǎo)刊(理論版 , 2008(19 [2]蔣小明.高職 《 保險(xiǎn)營(yíng)銷 》 項(xiàng)目化 教學(xué)設(shè)計(jì)初探 [J ].科技信息, 2009(17(責(zé)編 黎 原 序號(hào) 工作任務(wù)

課程內(nèi)容與教學(xué)要求 活動(dòng)設(shè)計(jì) 學(xué)時(shí) 模塊一 國(guó)際貿(mào)易形 成與發(fā)展

用國(guó)際貿(mào)易基礎(chǔ)知識(shí)解釋 國(guó)際貿(mào)易活動(dòng)的相關(guān)現(xiàn)象 1.掌握國(guó)際貿(mào)易的基本概念。

1.情景模擬:組織學(xué)生上網(wǎng)收集國(guó)際貿(mào)易或

國(guó)別對(duì)外貿(mào)易數(shù)據(jù)并作簡(jiǎn)要分析。

142.了解國(guó)際貿(mào)易產(chǎn)生的歷史和作用。2.學(xué)生討論:案例討論, 討論國(guó)際貿(mào)易發(fā)展?fàn)顩r 及目前我國(guó)對(duì)外貿(mào)易發(fā)展?fàn)顩r。3.清楚自由經(jīng)濟(jì)學(xué)家關(guān)于國(guó)際分工和國(guó)際貿(mào)易 的三個(gè)基本理論。

模塊二 國(guó)際市場(chǎng)與 價(jià)格 用國(guó)際市場(chǎng)與價(jià)格基本理 論和基礎(chǔ)知識(shí)分析、解釋 國(guó)際貿(mào)易活動(dòng)的發(fā)展

1.了解國(guó)際市場(chǎng)的形成, 掌握國(guó)際市場(chǎng)的種類。

1.情景模擬:分組選擇一家經(jīng)營(yíng)出口產(chǎn)品企業(yè), 網(wǎng)絡(luò)資源搜索, 圖書(shū)資料查詢或現(xiàn)場(chǎng)感知制定調(diào) 研地點(diǎn)與內(nèi)容。2.了解影響國(guó)際市場(chǎng)價(jià)格的因素。2.學(xué)生討論:調(diào)研成果總結(jié)匯報(bào), 教師綜合評(píng)價(jià)。

3.掌握國(guó)際市場(chǎng)價(jià)格的種類。

模塊三 國(guó)際貿(mào)易政 策與措施 用國(guó)際貿(mào)易政策與措施基 本知識(shí)分析我國(guó)對(duì)外貿(mào)易 發(fā)展中所面臨的問(wèn)題, 能

初步判斷國(guó)際貿(mào)易形勢(shì)的 變化與發(fā)展趨勢(shì) 1.了解對(duì)外貿(mào)易政策的內(nèi)涵, 了解資本主義國(guó)家 對(duì)外貿(mào)易政策的演變過(guò)程。

1.情景模擬:按實(shí)訓(xùn)要求或指導(dǎo)書(shū)的案例, 網(wǎng)絡(luò) 資源搜索, 圖書(shū)資料查詢或填寫原產(chǎn)地證明書(shū)和

進(jìn)口許可證。

2.掌握自由貿(mào)易政策和保護(hù)貿(mào)易政策的主要內(nèi) 容及其理論依據(jù)。3.掌握關(guān)稅的概念和種類, 以及海關(guān)稅則和協(xié)調(diào) 制度。2.學(xué)生討論:分組搜集有關(guān)資料寫一份反外國(guó)商 品傾銷調(diào)查的書(shū)面申請(qǐng)。

4.掌握非關(guān)稅壁壘措施的特點(diǎn)和種類;清楚鼓勵(lì) 出口和限制出口的措施。模塊四 經(jīng)濟(jì)一體化

用經(jīng)濟(jì)一體化發(fā)展、運(yùn)作 及世界貿(mào)易組織的基本業(yè) 務(wù)知識(shí)分析、判斷和解決 開(kāi)展國(guó)際貿(mào)易活動(dòng)中的遇

到的實(shí)際問(wèn)題

1.對(duì)世界貿(mào)易組織的歷史及現(xiàn)狀有一個(gè)總體的 認(rèn)識(shí);了解關(guān)稅與貿(mào)易總協(xié)定。

1.情景模擬:按實(shí)訓(xùn)要求或指導(dǎo)書(shū)的案例, 網(wǎng)絡(luò) 資源搜索, 圖書(shū)資料查詢。24 2.了解我國(guó)與世界貿(mào)易組織的歷史關(guān)系及我國(guó) “ 復(fù)關(guān) ”

和 “ 入世 ” 的談判歷程。3.理解我國(guó)積極加入東亞經(jīng)濟(jì)一體化的重大意 義。

4.掌握區(qū)域經(jīng)濟(jì)一體化的主要形式。2.學(xué)生討論:案例討論, 討論世界貿(mào)易組織的性 質(zhì)、職能、地位、基本業(yè)務(wù)。我國(guó)企業(yè)出口產(chǎn)品如 何應(yīng)對(duì)傾銷與應(yīng)訴 “ 反傾銷 ”。5.掌握世界貿(mào)易組織的原則和內(nèi)容。6.掌握當(dāng)前主要地區(qū)經(jīng)濟(jì)一體化組織的狀況和 歷史發(fā)展。模塊五 國(guó)際資本移 動(dòng)與跨國(guó)公 司 用跨國(guó)公司、資本移動(dòng)的 基本原理與基礎(chǔ)知識(shí)分析 我國(guó)跨國(guó)公司、資本移動(dòng) 的狀況

1.掌握國(guó)際投資的方式-對(duì)外直接投資和對(duì)外 間接投資。

1.情景模擬:按實(shí)訓(xùn)要求或指導(dǎo)書(shū)的案例, 安排 學(xué)生分組查資料, 完成后班上介紹幾個(gè)主要國(guó)家 和地區(qū)跨國(guó)公司的情況。6 2.了解跨國(guó)公司的形成要素和基本特征。2.學(xué)生討論:選擇目前我國(guó)的主要貿(mào)易伙伴之

一, 分析其資本投資活動(dòng)或我國(guó)資本移動(dòng)的狀

況。

3.了解第二次世界大戰(zhàn)后跨國(guó)公司和對(duì)外直接 投資發(fā)展的特點(diǎn), 跨國(guó)公司和對(duì)外直接投資發(fā)展 變化對(duì)國(guó)際貿(mào)易的影響。

其他 24 表 1 34

第三篇：網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)大綱

網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)大綱

1.課程設(shè)計(jì)的指導(dǎo)思想

（一）課程性質(zhì)

1．課程類別：專業(yè)選修課 2．適應(yīng)專業(yè)：軟件工程 3．開(kāi)設(shè)學(xué)期：第二學(xué)期

4．學(xué)時(shí)安排：周學(xué)時(shí)2＋2，總學(xué)時(shí)72 5．學(xué)分分配：

（二）開(kāi)設(shè)目的

本課程是計(jì)算機(jī)類專業(yè)的專業(yè)選修課,它是一門操作性和實(shí)踐性很強(qiáng)的課程。本課程開(kāi)設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁(yè)制作打下基礎(chǔ)。通過(guò)本課程的學(xué)習(xí)，讓學(xué)生了解一定的網(wǎng)絡(luò)應(yīng)用基礎(chǔ)知識(shí)；能夠熟練掌握網(wǎng)頁(yè)制作工具——網(wǎng)頁(yè)三劍客Dreamweaver、Fireworks、Flash的使用，能自行設(shè)計(jì)各種網(wǎng)頁(yè)、編輯一定的平面圖像、網(wǎng)絡(luò)動(dòng)畫。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁(yè)制作的操作技能，能獨(dú)立設(shè)計(jì) WEB 站點(diǎn)。

（三）基本要求

1、知識(shí)要求：

（1）網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)（2）DREAMWEAVER 的使用（3）FIREWORKS 圖像處理（4）FLASH 的使用（5）網(wǎng)站制作實(shí)例

2、能力要求：

（1）學(xué)會(huì)熟練運(yùn)用 Dreamweaver、Flash 和 Fireworks 應(yīng)用軟件；（2）熟練掌握使用絕對(duì)和相對(duì) URL，創(chuàng)建超鏈接，圖像鏈接；（3）熟練掌握設(shè)置顏色、文本格式和列表；（4）掌握在網(wǎng)頁(yè)中添加 CSS 的方法

（5）掌握在網(wǎng)頁(yè)中嵌入圖像、聲音、多媒體信息的方法；（6）熟練掌握表格的使用方法，學(xué)會(huì)利用表格布局網(wǎng)頁(yè)；（7）掌握框架制作網(wǎng)頁(yè)的方法，會(huì)使用框架設(shè)計(jì)網(wǎng)頁(yè)；（8）掌握用 Fireworks 處理矢量圖和位圖。（9）掌握用 Flash 制作網(wǎng)頁(yè)動(dòng)畫。

3、素質(zhì)要求：

（1）具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)；（2）具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)（3）具有高度責(zé)任心和良好的團(tuán)隊(duì)合作精神

（4）具有一定的科學(xué)思維方式和判斷分析問(wèn)題的能力（5）具有較強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì)。

（四）主要內(nèi)容 計(jì)算機(jī)網(wǎng)站基礎(chǔ)知識(shí)、網(wǎng)頁(yè)三劍客DREAMWEAVER 的使用、FIREWORKS 圖像處理、FLASH 的使用。

（五）先修課程 計(jì)算機(jī)基礎(chǔ)

（六）后繼課程 Web 程序設(shè)計(jì)

（七）考核方式 上機(jī)考試

（八）使用教材

（九）參考書(shū)目

1、《網(wǎng)頁(yè)設(shè)計(jì)與制作技術(shù)教程》 作者：王傳華、段青玲、馬欽? 清華大學(xué)出版社?第二版.2、網(wǎng)頁(yè)和網(wǎng)站制作基礎(chǔ)操作與實(shí)例教程.陜西科學(xué)技術(shù)出版社

3、Dreamweaver8PhotoshopCS2Flash8網(wǎng)頁(yè)制作教材.陳笑；李景池.清華大學(xué)出版社

4、《使用網(wǎng)站技術(shù)基礎(chǔ)》作者：德力、盧明波、王化宇.內(nèi)蒙古教育出版社 教學(xué)內(nèi)容

第一部分 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)知識(shí) 教學(xué)目的

使學(xué)生了解什么是網(wǎng)頁(yè)，網(wǎng)站，網(wǎng)頁(yè)元素等概念 主要內(nèi)容 什么是網(wǎng)頁(yè)，網(wǎng)站;2 Html語(yǔ)言基礎(chǔ)； 構(gòu)建網(wǎng)站的一般過(guò)程； 教學(xué)要求

了解：網(wǎng)站設(shè)計(jì)與制作的前期準(zhǔn)備 掌握： 繪制網(wǎng)站首頁(yè)效果圖 第二部分 網(wǎng)頁(yè)制作軟件Dreamweaver 教學(xué)目的

使學(xué)生了解網(wǎng)站設(shè)計(jì)概念；掌握軟件界面及站點(diǎn)建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁(yè)制作的高級(jí)技術(shù)。主要內(nèi)容

1、網(wǎng)站設(shè)計(jì)概念，要求達(dá)到“了解掌握”程度 網(wǎng)站的主題定位

網(wǎng)站的風(fēng)格和創(chuàng)意設(shè)計(jì) 準(zhǔn)備材料和結(jié)構(gòu)規(guī)劃 頁(yè)面布局

定義站點(diǎn)、申請(qǐng)域名、空間 認(rèn)識(shí)HTML語(yǔ)言

2、初識(shí)軟件界面及站點(diǎn)建立，要求達(dá)到“了解掌握”程度 Dreamweaver軟件界面 對(duì)象控制面板的使用 建立本地站點(diǎn) 建立遠(yuǎn)程站點(diǎn) 站點(diǎn)的更新和管理

3、Dreamweaver的基本功能，要求達(dá)到“掌握”程度，添加文本 插入圖片 插入表格

超級(jí)鏈接和導(dǎo)航條的創(chuàng)建 插入多媒體

4、表單和CSS樣式表的應(yīng)用，要求達(dá)到“了解掌握”程度 插入表單

插入表單對(duì)象

創(chuàng)建并鏈接到外部CSS樣式

5、網(wǎng)頁(yè)制作高級(jí)技術(shù)，要求達(dá)到“了解掌握”程度 創(chuàng)建層 設(shè)置層

層與表格的相互轉(zhuǎn)換 創(chuàng)建框架 行為操作 創(chuàng)建模板 模板的應(yīng)用 教學(xué)要求

了解：網(wǎng)站設(shè)計(jì)概念

掌握：軟件界面及站點(diǎn)建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁(yè)制作的高級(jí)技術(shù)。

第三部分 圖形制作與處理軟件Firewoks 教學(xué)目的

使學(xué)生了解Fireworks軟件界面；掌握?qǐng)D像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動(dòng)畫的制作。主要內(nèi)容

1、Fireworks簡(jiǎn)介，要求達(dá)到“了解掌握”程度 Fireworks概述

Fireworks的系統(tǒng)需求 Fireworks的新增功能 Fireworks窗口界面 創(chuàng)建新文檔

導(dǎo)入和導(dǎo)出文檔

2、圖像的繪制和編輯，要求達(dá)到“掌握”程度 繪制圖像 編輯圖像

3、文本與顏色，要求達(dá)到“掌握”程度 文本的使用 顏色的使用 設(shè)置畫布

4、層與元件，要求達(dá)到“掌握”程度 層的使用 元件的使用

5、濾鏡和特效，要求達(dá)到“了解掌握”程度 使用濾鏡 使用特效

6、按鈕和動(dòng)畫，要求達(dá)到“了解掌握”程度 按鈕 動(dòng)畫

教學(xué)要求

了解：Fireworks軟件界面

掌握：圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動(dòng)畫的制作。第四部分 動(dòng)畫制作與編輯軟件Flash 教學(xué)目的

使學(xué)生了解Flash基本工作環(huán)境；掌握Flash繪圖工具的使用方法，F(xiàn)lash動(dòng)畫基礎(chǔ)及FIash影片制作和發(fā)布。主要內(nèi)容

1、初識(shí)Flash，要求達(dá)到“了解”程度 Flash基本工作環(huán)境 認(rèn)識(shí)舞臺(tái)與時(shí)間軸.認(rèn)識(shí)不同作用的面板

2、Flash繪圖工具，要求達(dá)到“掌握”程度 矢量圖與位圖 線型與顏色

線條的繪制與修改 填充圖形的繪制，選取工具 文本

變換工具 其他工具

3、Flash動(dòng)畫基礎(chǔ)，要求達(dá)到“掌握”程度 層 幀 元件

Flash的基本操作

4、FIash影片制作和發(fā)布，要求達(dá)到“掌握”程度 動(dòng)畫基礎(chǔ) 逐幀動(dòng)畫 形狀漸變 動(dòng)作漸變 蒙板

運(yùn)動(dòng)導(dǎo)線 按鈕

軌跡追蹤 導(dǎo)入聲音 加入視頻 測(cè)試發(fā)布 教學(xué)要求

了解：Flash基本工作環(huán)境

掌握：Flash繪圖工具的使用方法，F(xiàn)lash動(dòng)畫基礎(chǔ)及FIash影片制作和發(fā)布。第五章 綜合實(shí)例 教學(xué)目的

使學(xué)生能夠熟練掌握網(wǎng)頁(yè)制作工具Dreamvwaver、Fireworks、Flash的使用，能自行設(shè)計(jì)各種網(wǎng)頁(yè)、編輯一定的平面圖象、網(wǎng)絡(luò)動(dòng)畫。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁(yè)制作的操作技能，能獨(dú)立設(shè)計(jì) WEB 站點(diǎn)。主要內(nèi)容

綜合實(shí)例，要求達(dá)到“掌握”程度 網(wǎng)頁(yè)設(shè)計(jì)準(zhǔn)備工作

用Fireworks設(shè)計(jì)網(wǎng)頁(yè)結(jié)構(gòu) 用Dreamweaver生成網(wǎng)頁(yè) 用Flash制作網(wǎng)頁(yè)動(dòng)畫 整理網(wǎng)頁(yè)

完成小型WEB站點(diǎn)網(wǎng)頁(yè)的規(guī)劃、設(shè)計(jì)、管理與維護(hù) 教學(xué)要求

掌握：Web網(wǎng)站建設(shè)的基本方法，掌握網(wǎng)頁(yè)制作工具的使用方法和技巧，培養(yǎng)學(xué)生設(shè)計(jì)網(wǎng)站的能力。課時(shí)分配及其它

（一）課時(shí)分配

課程總教學(xué)時(shí)數(shù)為90學(xué)時(shí)，安排在第二學(xué)期，每周3＋2學(xué)時(shí)，上課18周。具體分配如下

教學(xué)內(nèi)容 講授學(xué)時(shí)數(shù)

章次

第一部分 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)知識(shí) 4 第二部分 網(wǎng)頁(yè)制作軟件Dreamweaver 12 第三部分 圖形制作與處理軟件Firewoks 8 第四部分 動(dòng)畫制作與編輯軟件Flash 8 第五部分 綜合實(shí)例 4 合計(jì)

實(shí)驗(yàn)學(xué)時(shí)數(shù) 10 8 2 36

（二）考核要求

平時(shí)成績(jī)（含考勤、作業(yè)與實(shí)驗(yàn)）占50%，期末（上機(jī)考試）成績(jī)占50%。

第四篇：網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)1

教學(xué)目標(biāo)：

1、知識(shí)與技能

（1）了解超級(jí)鏈接的含義及鏈接源和鏈接目標(biāo)的含義，掌握同一站點(diǎn)內(nèi)以及不同站點(diǎn)間網(wǎng)頁(yè)超級(jí)鏈接的創(chuàng)建方法。

（2）掌握網(wǎng)頁(yè)內(nèi)書(shū)簽的作用及創(chuàng)建書(shū)簽鏈接方法，掌握交互式按鈕、框架網(wǎng)頁(yè)內(nèi)超級(jí)鏈接的設(shè)置方法。

（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。

2、過(guò)程與方法

（1）通過(guò)創(chuàng)建網(wǎng)頁(yè)超級(jí)鏈接的操作，使學(xué)生了解網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接的基本方法，破除對(duì)網(wǎng)頁(yè)鏈接的神秘感。

（2）通過(guò)對(duì)不同對(duì)象設(shè)置超級(jí)鏈接的操作，使學(xué)生總結(jié)出操作的規(guī)律，培養(yǎng)學(xué)生自主學(xué)習(xí)與操作的能力。

（3）通過(guò)網(wǎng)頁(yè)不同的超級(jí)鏈接方法，拓展學(xué)生思維，創(chuàng)建多種形式的網(wǎng)頁(yè)鏈接。

3、情感態(tài)度與價(jià)值觀

（1）通過(guò)鏈接我國(guó)主要自然保護(hù)區(qū)網(wǎng)頁(yè)，激發(fā)學(xué)生熱愛(ài)祖國(guó)、熱愛(ài)自然、熱愛(ài)生命的激情。

（2）完成超級(jí)鏈接，使學(xué)生感受成功的喜悅和快樂(lè)。

教學(xué)重、難點(diǎn)：

1、教學(xué)重點(diǎn)：

（1）超級(jí)鏈接的含義及鏈接源和鏈接目標(biāo)的含義。

（2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書(shū)簽鏈接，給交互式按鈕制作超鏈接，框架頁(yè)面內(nèi)的超鏈接，圖片區(qū)域制作超鏈接等。

2、教學(xué)難點(diǎn)

（1）書(shū)簽鏈接中名稱及對(duì)應(yīng)鏈接位置的設(shè)定。

（2）在框架頁(yè)面中制作超鏈接時(shí)，目標(biāo)對(duì)象所選擇的顯示窗口形式。

教學(xué)方法與教學(xué)手段：

任務(wù)驅(qū)動(dòng)法、討論探究法、講解與演示法、類比知識(shí)遷移法。

教學(xué)準(zhǔn)備：

“動(dòng)物——人類的朋友”站點(diǎn)，包括未鏈接的網(wǎng)頁(yè)，如歡迎頁(yè)、表格頁(yè)、框架頁(yè)，表單頁(yè)等。

教學(xué)過(guò)程：

1、引入

展示兩個(gè)主頁(yè)，一個(gè)已經(jīng)創(chuàng)建了鏈接，一個(gè)沒(méi)有創(chuàng)建鏈接，讓學(xué)生進(jìn)行比較并找出區(qū)別，引出本課課題——超級(jí)鏈接。

提出：我們?cè)谙惹暗膶W(xué)習(xí)中，哪個(gè)軟件中的相關(guān)操作與它類似？什么是超級(jí)鏈接？找一個(gè)例子，分析鏈接源和鏈接目標(biāo)分別是什么？

學(xué)生展開(kāi)交流，通過(guò)對(duì)比找出不同點(diǎn)，并積極思考，回答老師的問(wèn)題。

設(shè)計(jì)意圖：通過(guò)對(duì)比操作、交流，再輔以知識(shí)遷移，明確本節(jié)課教學(xué)內(nèi)容。

2、新授

（1）站內(nèi)超級(jí)鏈接

引導(dǎo)學(xué)生回顧PowerPoint中超鏈接的制作方法（教師提示：右擊鏈接源，利用快捷菜單制作超鏈接），輔以教材中的內(nèi)容，讓學(xué)生自行探究并完成以下操作：

任務(wù)1同一站點(diǎn)內(nèi)不同頁(yè)面之間的鏈接

○1制作首頁(yè)（歡迎頁(yè)）到表格頁(yè)的超鏈接。

○2給表格頁(yè)內(nèi)交互式按鈕設(shè)置超級(jí)鏈接，鏈接到相關(guān)頁(yè)面。

○3給框架頁(yè)內(nèi)交互式按鈕設(shè)置超級(jí)鏈接，鏈接到相關(guān)頁(yè)面。

教師巡視，及時(shí)指導(dǎo)，安排學(xué)生示范操作并講解如何制作超鏈接。

交互式按鈕的超鏈接制作要求在框架網(wǎng)頁(yè)中演示操作。老師可以提問(wèn)學(xué)生：演示者操作的對(duì)嗎？有沒(méi)有問(wèn)題？

引導(dǎo)學(xué)生發(fā)現(xiàn)問(wèn)題：超鏈接制作完成后需要檢驗(yàn)（保存后預(yù)覽）。

教師講解，突破難點(diǎn)，再交由學(xué)生操作。

以上是同一站點(diǎn)內(nèi)不同網(wǎng)頁(yè)之間的鏈接，有時(shí)一個(gè)頁(yè)面中內(nèi)容過(guò)多，需要不斷拖動(dòng)滾動(dòng)條實(shí)現(xiàn)閱讀，能否實(shí)現(xiàn)快速跳轉(zhuǎn)呢？

任務(wù)2同一站點(diǎn)內(nèi)同一頁(yè)面內(nèi)的跳轉(zhuǎn)（鏈接）：在“動(dòng)物趣聞”頁(yè)面內(nèi)制作書(shū)簽鏈接。

教師講解：由生活中的書(shū)簽引入，介紹“書(shū)簽鏈接”的概念，然后再演示如何操作。

提示：書(shū)簽鏈接的雙向性問(wèn)題（返回）。

學(xué)生認(rèn)真聽(tīng)講后模仿制作，教師巡視進(jìn)行指導(dǎo)并反饋學(xué)生的完成情況。

（2）站間超級(jí)鏈接

僅憑我們課堂上制作的這些頁(yè)面還不足以詳細(xì)介紹我們的主題，此時(shí)我們還可以借助超鏈接，鏈接到因特網(wǎng)上的其他網(wǎng)站，以豐富我們的內(nèi)容。

任務(wù)3借助熱區(qū)鏈接，為“友情鏈接”頁(yè)面制作超鏈接，鏈接我國(guó)一些自然保護(hù)區(qū)網(wǎng)站。

有了以上基礎(chǔ)，可安排學(xué)生自學(xué)教材中有關(guān)熱區(qū)鏈接的相關(guān)內(nèi)容，學(xué)生探究操作后教師再安排學(xué)生進(jìn)行演示，輔助以提問(wèn)的形式檢驗(yàn)學(xué)生的自學(xué)情況。

3、總結(jié)與評(píng)價(jià)

開(kāi)展同學(xué)間的互助，檢驗(yàn)其鏈接完成情況，推薦優(yōu)秀同學(xué)做展示。引導(dǎo)學(xué)生分類總結(jié)本節(jié)課的知識(shí)點(diǎn)。

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)2

教學(xué)目標(biāo)：

1、讓學(xué)生掌握在網(wǎng)頁(yè)中插入表格的方法以及表格的修改

2、學(xué)會(huì)利用表格來(lái)規(guī)劃網(wǎng)頁(yè)

3、培養(yǎng)學(xué)生創(chuàng)新的能力以及動(dòng)手操作的能力

教學(xué)重、難點(diǎn)：

利用表格來(lái)規(guī)劃網(wǎng)頁(yè)，從中培養(yǎng)學(xué)生的創(chuàng)新能力

教學(xué)過(guò)程：

一、情境導(dǎo)入

同學(xué)們你們善于觀察嗎？老師先考考你們，我們一起來(lái)看一組圖片，你們看看在那里看過(guò)呢？學(xué)校緩臺(tái)的窗臺(tái)上。你們的觀察能力真的很強(qiáng)啊，對(duì)，這些都是我們學(xué)校美術(shù)的特色作口，盤畫。其實(shí)，我們做過(guò)很多作品：有手工作品，語(yǔ)文課中的作文、書(shū)法等都是作品，這節(jié)課我們以繪畫作口品為例，做一個(gè)學(xué)習(xí)園地網(wǎng)頁(yè)，把我們的作品展示到自己的班級(jí)網(wǎng)站中，以便我們更好的努力學(xué)習(xí)?，F(xiàn)在我們就一起來(lái)制作吧！

二、新知探究

首先我們來(lái)打開(kāi)上節(jié)課的班級(jí)網(wǎng)站，在這個(gè)網(wǎng)站中新建一個(gè)網(wǎng)頁(yè)，并保存成“學(xué)習(xí)園地”。

教師講解：如何制作學(xué)習(xí)園地網(wǎng)頁(yè)。

1、制作網(wǎng)頁(yè)的標(biāo)題：輸入文字，并設(shè)置文字的格式。

2、插入表格：?jiǎn)螕簟氨砀瘛敝械摹安迦氡砀瘛辈?duì)表格屬性進(jìn)行設(shè)置。如：行、列的操作，對(duì)齊方式等。同時(shí)講解什么是行，什么是列，以及單元格的概念。

3、修改表格：調(diào)整表格行高和列寬。

4、在學(xué)生學(xué)會(huì)插入表格的基礎(chǔ)上，來(lái)設(shè)計(jì)網(wǎng)頁(yè)，展示作品。并講解在單元格中可以插入圖片、文字。那我們就一起快快去做吧！插入圖片，并在圖片的上面或下面進(jìn)行圖片的注釋。

5、進(jìn)一步設(shè)置單元格的背景，來(lái)美化網(wǎng)頁(yè)。

6、設(shè)置超鏈接：通過(guò)導(dǎo)航欄目，設(shè)置文字超鏈接。選中文字，點(diǎn)擊右鍵選擇超鏈接在列表中選擇你要鏈接的網(wǎng)頁(yè)，單擊“確定”按鈕。

7、學(xué)生在教師的講解后，學(xué)生自己動(dòng)手操作制作網(wǎng)頁(yè)。教師進(jìn)行指導(dǎo)。（伴隨音樂(lè)）

三、作品評(píng)價(jià)

1、生評(píng)：從網(wǎng)頁(yè)設(shè)計(jì)上，美觀程度上，知識(shí)落實(shí)上重點(diǎn)評(píng)價(jià)。

2、師評(píng)：對(duì)學(xué)生作品進(jìn)行評(píng)價(jià)，并對(duì)其它學(xué)生的評(píng)價(jià)加以更完整的解釋。

四、總結(jié)

我們這節(jié)課主要是利用了表格來(lái)設(shè)計(jì)網(wǎng)頁(yè)，以使來(lái)美化我們的網(wǎng)頁(yè)，通過(guò)繪畫作品的展示，學(xué)習(xí)更多的知識(shí)。

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)3

一、課程基本信息

課程編號(hào)：

中文名稱：網(wǎng)頁(yè)設(shè)計(jì)與制作

英文名稱：Web Design and Production課程類別：選修課適用專業(yè)：所有專業(yè)

開(kāi)課學(xué)期：20xx—20xx第2學(xué)期總學(xué)時(shí)：24學(xué)時(shí)總學(xué)分：1課程簡(jiǎn)介：

本課程突出網(wǎng)頁(yè)設(shè)計(jì)與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識(shí)入手，重點(diǎn)介紹HTML超文本標(biāo)記語(yǔ)言，以及所見(jiàn)即所得的網(wǎng)頁(yè)設(shè)計(jì)制作工具Dreamweaver的基本操作流程。從靜態(tài)頁(yè)面到動(dòng)態(tài)頁(yè)面由淺入深的介紹網(wǎng)頁(yè)設(shè)計(jì)與制作全過(guò)程。采用案例分析和親自實(shí)踐的方式突出、突破課程的重點(diǎn)和難點(diǎn)。并指導(dǎo)每一名選課的同學(xué)為自己建一個(gè)博客網(wǎng)站，以此提高同學(xué)對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的興趣和愛(ài)好。參考書(shū)：

1、網(wǎng)頁(yè)設(shè)計(jì)與制作教程，熊前興閔聯(lián)營(yíng)，科學(xué)出版社；

2、網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)，張貴明，清華大學(xué)出版社；

3、網(wǎng)頁(yè)美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，王曉峰焦燕，清華大學(xué)出版社；

4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；

二、課程教學(xué)目標(biāo)：

網(wǎng)頁(yè)和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過(guò)網(wǎng)站來(lái)宣傳推介自己的技術(shù)和產(chǎn)品，個(gè)人發(fā)布主頁(yè)展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來(lái)獲取需要的信息。因此，設(shè)計(jì)與制作網(wǎng)頁(yè)已經(jīng)成為計(jì)算機(jī)應(yīng)用技術(shù)的一個(gè)重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的基礎(chǔ)知識(shí)，能運(yùn)用網(wǎng)頁(yè)工具設(shè)計(jì)和制作常用網(wǎng)頁(yè)。

三、理論教學(xué)內(nèi)容與要求

第一章、網(wǎng)頁(yè)的基礎(chǔ)知識(shí)（1學(xué)時(shí)）

（1）Internet基礎(chǔ)知識(shí)

（2）www簡(jiǎn)介

（3）網(wǎng)頁(yè)制作的技術(shù)和工具介紹

第二章、超文本編輯語(yǔ)言HTML（8學(xué)時(shí)）

（1）HTML文件的基本結(jié)構(gòu)

（2）文字和段落標(biāo)記

（3）列表標(biāo)記

（4）圖片標(biāo)記

（5）表格標(biāo)記

（6）超鏈接標(biāo)記

（7）表單標(biāo)記

（8）框架標(biāo)記

第三章、JavaScript語(yǔ)言（4學(xué)時(shí)）

（1）JavaScript語(yǔ)言簡(jiǎn)介

（2）JavaScript編程基礎(chǔ)

（3）基于對(duì)象的JavaScript語(yǔ)言

（4）JavaScript程序?qū)嵗?/p>

第四章、層疊樣式表CSS（1學(xué)時(shí)）

（1）CSS概述

（2）CSS屬性

第五章、可視化網(wǎng)頁(yè)設(shè)計(jì)工具

（1）網(wǎng)頁(yè)的基本操作

（2）圖像、表格與超鏈接

（3）表單與框架

（4）添加網(wǎng)頁(yè)元素

（5）發(fā)布站點(diǎn)

第六章、動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言ASP（4學(xué)時(shí)）

（1）ASP簡(jiǎn)介

（2）VBScript腳本基礎(chǔ)

（3）ASP的內(nèi)置對(duì)象

（4）實(shí)用文件

第七章、利用AD0訪問(wèn)數(shù)據(jù)庫(kù)（1學(xué)時(shí)）

（1）數(shù)據(jù)庫(kù)的連接

（2）數(shù)據(jù)庫(kù)的檢索

（3）數(shù)據(jù)庫(kù)的操作

總結(jié)復(fù)習(xí)（1學(xué)時(shí)）

四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求

五、作業(yè)

六、考核方式

期末考核每個(gè)同學(xué)為自己設(shè)計(jì)制作一個(gè)博客網(wǎng)站。

七、成績(jī)?cè)u(píng)定

1、自制網(wǎng)站（80%）

2、平時(shí)考勤、作業(yè)（20%）平時(shí)成績(jī)分配：

平時(shí)考勤5次，每次2分，共占10%作業(yè)5次，每次2分，共占10%

八、執(zhí)行大綱時(shí)應(yīng)注意的問(wèn)題

根據(jù)學(xué)生對(duì)課程內(nèi)容的掌握和理解程度會(huì)對(duì)進(jìn)度做適當(dāng)?shù)恼{(diào)整。

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)4

一、學(xué)習(xí)內(nèi)容分析

《H5快速制作網(wǎng)頁(yè)》是蘇教版《初中信息技術(shù)》8年級(jí)第3章《主題網(wǎng)站設(shè)計(jì)與制作》第2節(jié)《制作網(wǎng)頁(yè)》中第1課時(shí)的內(nèi)容。H5是指第5代HTML標(biāo)記語(yǔ)言，其搭建的站點(diǎn)可方便地應(yīng)用于PC、Android、iOS等多種平臺(tái)，它為互聯(lián)網(wǎng)內(nèi)容的呈現(xiàn)提供了一種全新的框架和平臺(tái)，包括免插件的音視頻、圖像、動(dòng)畫、本地存儲(chǔ)以及更多酷炫的功能。通俗地說(shuō)，H5是一種創(chuàng)建網(wǎng)頁(yè)的方式，用H5創(chuàng)建的網(wǎng)頁(yè)以文字、圖片、動(dòng)畫、聲音等相結(jié)合的富媒體出現(xiàn)，頁(yè)面圖文并茂、生動(dòng)活潑、傳達(dá)方便、易于推廣。

二、學(xué)習(xí)者分析

本節(jié)課的學(xué)習(xí)對(duì)象是八年級(jí)的學(xué)生，處于這一年齡段的學(xué)生，思維活躍，具備一定的理解能力和較強(qiáng)的自學(xué)能力。通過(guò)前面的學(xué)習(xí)，學(xué)生已熟練使用WPS、Photoshop等軟件，也掌握了規(guī)劃設(shè)計(jì)主題網(wǎng)站的方法。本節(jié)課以iH5軟件工具為平臺(tái)，學(xué)習(xí)用H5快速制作網(wǎng)頁(yè)。然而學(xué)生從未接觸過(guò)iH5，對(duì)于陌生軟件的學(xué)習(xí)，有些畏難情緒，覺(jué)得無(wú)從下手。但是在日常生活中，他們經(jīng)常能接觸到各種各樣的手機(jī)H5網(wǎng)頁(yè)，如企業(yè)宣傳、個(gè)人簡(jiǎn)歷、邀請(qǐng)函、紀(jì)念冊(cè)等，這些H5網(wǎng)頁(yè)給大家?guī)?lái)了全新的體驗(yàn)，技術(shù)本身帶來(lái)的新奇感讓學(xué)生心生向往。

三、學(xué)習(xí)目標(biāo)

知識(shí)與技能：能列舉H5網(wǎng)頁(yè)的特點(diǎn)；掌握在iH5軟件中添加和編輯文字、圖片、動(dòng)畫等元素的方法以及設(shè)置對(duì)象屬性的方法，理解舞臺(tái)、頁(yè)面、對(duì)象之間的層級(jí)關(guān)系。

過(guò)程與方法：通過(guò)制作校園文化藝術(shù)節(jié)邀請(qǐng)函，經(jīng)歷制作H5網(wǎng)頁(yè)的基本過(guò)程。

情感態(tài)度及價(jià)值觀：感悟網(wǎng)頁(yè)制作并非難事，軟件使用有共通之處。

四、教學(xué)過(guò)程

（一）創(chuàng)設(shè)情境，初認(rèn)H5

以藝載德、以藝促智，一年一度的校園文化藝術(shù)節(jié)又開(kāi)始了，同學(xué)們踴躍報(bào)名，比拼才藝。八年級(jí)將舉行以“多彩校園，閃亮你我”為主題的匯報(bào)演出，充分展示八年級(jí)同學(xué)的青春活力和精神面貌。

思考：本次演出將要邀請(qǐng)家長(zhǎng)參加，你會(huì)選擇什么樣的方式來(lái)做出邀請(qǐng)呢？（口頭傳達(dá)、短信、紙質(zhì)邀請(qǐng)函等）

活動(dòng)1：體驗(yàn)“校園文化藝術(shù)節(jié)邀請(qǐng)函H5”，初認(rèn)H5。

（1）二人一組，一位同學(xué)在手機(jī)瀏覽器中打開(kāi)；另一位同學(xué)在電腦瀏覽器中打開(kāi)（網(wǎng)址：xxxxxx）。瀏覽后回答以下問(wèn)題：

不同平臺(tái)的瀏覽效果是否一致？為什么？

這支H5中具有哪些媒體元素？

用戶能參與其中嗎？

你會(huì)用什么方式推廣這支H5？

小結(jié)：

（1）H5具有跨平臺(tái)、支持多媒體、可交互、易推廣等優(yōu)勢(shì)。以上特點(diǎn)使得H5可能成為我們發(fā)出邀請(qǐng)的首選。

（2）“校園文化藝術(shù)節(jié)邀請(qǐng)函H5”為何如此吸引人？觀看視頻，思考到底什么是H5？

小結(jié)：H5是指第5代HTML標(biāo)記語(yǔ)言，也指用H5語(yǔ)言制作的一切數(shù)字產(chǎn)品。通俗地說(shuō)，H5是一種創(chuàng)建網(wǎng)頁(yè)的方式。用H5創(chuàng)建的網(wǎng)頁(yè)圖文并茂、生動(dòng)活潑、傳達(dá)方便、易于推廣。

設(shè)計(jì)意圖：與H5相關(guān)的概念性知識(shí)抽象、枯燥難懂，如果采用講授法，學(xué)生并不容易理解。因此本節(jié)課創(chuàng)設(shè)了學(xué)生現(xiàn)實(shí)生活中的情境，以制作校園文化藝術(shù)節(jié)邀請(qǐng)函H5為主題，設(shè)計(jì)了4個(gè)問(wèn)題，每個(gè)問(wèn)題目標(biāo)指向明確，容易引起學(xué)生的共鳴，激發(fā)學(xué)生的思考并得出結(jié)論。通過(guò)微視頻用通俗易懂的語(yǔ)言幫助學(xué)生進(jìn)一步認(rèn)識(shí)H5，內(nèi)化知識(shí)。

（二）根據(jù)需求，規(guī)劃H5

凡事預(yù)則立，不預(yù)則廢，要制作匯報(bào)演出邀請(qǐng)函，首先對(duì)每個(gè)頁(yè)面的內(nèi)容、素材等進(jìn)行一個(gè)簡(jiǎn)單規(guī)劃。

活動(dòng)2：根據(jù)需求，選擇素材，規(guī)劃邀請(qǐng)函。

設(shè)計(jì)意圖：學(xué)生已經(jīng)學(xué)習(xí)過(guò)網(wǎng)站的規(guī)劃，所以容易理解規(guī)劃的重要性。教師通過(guò)搭建“規(guī)劃表”這個(gè)支架，引導(dǎo)學(xué)生根據(jù)制作校園文化藝術(shù)節(jié)邀請(qǐng)函的需求，對(duì)所要制作的邀請(qǐng)函進(jìn)行初步的規(guī)劃，幫助學(xué)生理清楚每個(gè)頁(yè)面的內(nèi)容和所需添加的元素。

（三）知識(shí)遷移，制作H5

能夠用于開(kāi)發(fā)H5網(wǎng)頁(yè)的工具很多，今天以iH5軟件工具為平臺(tái)，學(xué)習(xí)使用H5快速制作網(wǎng)頁(yè)。

活動(dòng)3：找“共性”，探“個(gè)性”，認(rèn)識(shí)iH5軟件。

（1）使用課前申請(qǐng)的賬號(hào)，登錄網(wǎng)址：，進(jìn)入在線編輯平臺(tái)。

（2）對(duì)比Photoshop界面，認(rèn)識(shí)iH5界面，找出相同之處和不同之處。

小結(jié)：相同之處：_______________________（菜單欄、工具面板、編輯區(qū)）

不同之處：_______________________（對(duì)象樹(shù)面板）

（3）比較PS中的圖層面板和iH5中的對(duì)象樹(shù)面板，思考對(duì)象樹(shù)面板的作用。

小結(jié)：對(duì)象樹(shù)面板可以用來(lái)管理舞臺(tái)中的對(duì)象，對(duì)象樹(shù)中的層級(jí)關(guān)系為：舞臺(tái)→頁(yè)面→文本、圖片等素材，每個(gè)頁(yè)面中的對(duì)象上層覆蓋下層。

活動(dòng)4：利用iH5軟件，制作邀請(qǐng)函H5。

（1）觀看操作指導(dǎo)微視頻，自主探究頁(yè)面的制作，完成以下問(wèn)題：

設(shè)置背景：選中頁(yè)面1，在屬性面板中找到_____________選項(xiàng)，添加背景圖片。

添加文字：選中頁(yè)面1，在工具面板中選擇_____________選項(xiàng)。

添加圖片：選中頁(yè)面1，在工具面板中選擇_____________選項(xiàng)。

小結(jié)：添加文字、圖片的一般步驟：選擇位置—添加對(duì)象。

（2）展示學(xué)生作品，師生共同分析存在的問(wèn)題，尋求解決方式。

問(wèn)題1：首頁(yè)、內(nèi)容頁(yè)都播放同一素材。

原因分析：素材全部都添加在了舞臺(tái)之中，其層級(jí)關(guān)系在內(nèi)容頁(yè)和首頁(yè)的上一級(jí)。

問(wèn)題2：內(nèi)容頁(yè)沒(méi)有顯示內(nèi)容。

原因分析：素材全部都添加在了首頁(yè)之中，而不是對(duì)應(yīng)的內(nèi)容頁(yè)中。

設(shè)計(jì)意圖：遷移是人類認(rèn)知的一個(gè)普遍特征，因?yàn)樾碌膶W(xué)習(xí)總是建立在原有學(xué)習(xí)基礎(chǔ)之上。學(xué)生原有的知識(shí)是Photoshop軟件使用，將Photoshop和iH5進(jìn)行對(duì)比，引導(dǎo)學(xué)生發(fā)現(xiàn)界面組成的“共性”與“個(gè)性“，讓學(xué)生初步認(rèn)識(shí)對(duì)象樹(shù)面板，學(xué)會(huì)利用對(duì)象樹(shù)面板來(lái)管理素材。在制作H5時(shí)采用局部“翻轉(zhuǎn)課堂”的形式，通過(guò)高效、簡(jiǎn)短的微視頻和幾個(gè)思考題，引導(dǎo)學(xué)生思考探究；在學(xué)生遇到問(wèn)題和困難時(shí)，師生共同分析問(wèn)題，解決問(wèn)題。給學(xué)生“瑞士奶酪式”知識(shí)建構(gòu)時(shí)間，使學(xué)生從規(guī)律的獲得到知識(shí)的應(yīng)用有一個(gè)過(guò)渡和漸進(jìn)的過(guò)程。

（四）自主探究，美化H5

活動(dòng)5：美化完善邀請(qǐng)函H5。

（1）邀請(qǐng)函中的標(biāo)題、內(nèi)容文字等選用什么樣的字體、字號(hào)合適？如何設(shè)置？

（2）如何改變圖片大小，修改圖片的亮度、對(duì)比度等？

（3）如何設(shè)置元素的動(dòng)態(tài)效果，使得網(wǎng)頁(yè)更生動(dòng)？

小結(jié)：

（1）選中文字或圖片——屬性面板——修改設(shè)置?！把?qǐng)函”等標(biāo)題文字字號(hào)一般選用大些，宜用飽滿的字體，以達(dá)到醒目的作用；內(nèi)容用于提供具體信息，文字字號(hào)可以小些。

（2）圖片選用要符合主題，色彩和諧。字體顏色與背景要有一定的對(duì)比度。（3）選擇要添加動(dòng)態(tài)效果的對(duì)象——選擇動(dòng)效命令。注意：設(shè)置合理、適度的動(dòng)態(tài)效果，可以給觀賞者帶來(lái)較好的視覺(jué)體驗(yàn)。

設(shè)計(jì)意圖：對(duì)邀請(qǐng)函的美化可分成兩個(gè)部分：一是對(duì)邀請(qǐng)函中的文字、圖片進(jìn)行美化，二是合理設(shè)置動(dòng)態(tài)效果。單從技術(shù)角度來(lái)講，這些操作是比較簡(jiǎn)單的，只要學(xué)會(huì)設(shè)置屬性面板即可。但是邀請(qǐng)函的美化不是天馬行空，隨心所欲，還需要一定的藝術(shù)欣賞能力。因此首先讓學(xué)生帶著問(wèn)題思考如何設(shè)置文字、圖片？設(shè)置動(dòng)效時(shí)需要注意的問(wèn)題？得出一定的結(jié)論后，讓學(xué)生帶著構(gòu)思去美化邀請(qǐng)函，以減少學(xué)生操作的盲目性。

（五）作品展示，共析H5

活動(dòng)6：發(fā)布和評(píng)價(jià)作品。

（1）對(duì)于制作好的作品，將其發(fā)布到網(wǎng)上，這樣其他人就可以通過(guò)電腦和手機(jī)訪問(wèn)你的作品。請(qǐng)保存當(dāng)前的網(wǎng)頁(yè)并發(fā)布到網(wǎng)上。

（2）同桌之間用發(fā)布的網(wǎng)址或二維碼相互訪問(wèn)對(duì)方的作品。

（3）根據(jù)評(píng)價(jià)表對(duì)同桌的作品進(jìn)行評(píng)價(jià)。

（4）根據(jù)同伴及老師意見(jiàn)進(jìn)一步修改作品。

設(shè)計(jì)意圖：學(xué)生在制作完成邀請(qǐng)函后，進(jìn)行保存，發(fā)布就可以瀏覽到自己的成品，極大地提高了學(xué)生的學(xué)習(xí)興趣。將學(xué)生的作品進(jìn)行展示，師生共同賞析作品，根據(jù)評(píng)價(jià)表進(jìn)行點(diǎn)評(píng)，給出建議，然后進(jìn)一步完善作品。

（六）知識(shí)梳理，展望H5

展示思維導(dǎo)圖，梳理本節(jié)課內(nèi)容：

總結(jié)利用iH5制作網(wǎng)頁(yè)的基本過(guò)程：

觀看視頻，結(jié)束本課：隨著信息技術(shù)的高速發(fā)展，H5可謂是無(wú)處不在。H5可以是各種宣傳網(wǎng)頁(yè)、在線游戲，甚至戶外大屏中的互動(dòng)也是H5。在未來(lái)5-內(nèi)，H5或?qū)?huì)成為移動(dòng)互聯(lián)網(wǎng)領(lǐng)域的主宰者。

設(shè)計(jì)意圖：借助思維導(dǎo)圖，將關(guān)鍵知識(shí)點(diǎn)結(jié)構(gòu)化，清晰形象地呈現(xiàn)出各知識(shí)點(diǎn)的脈絡(luò)關(guān)系，有助于學(xué)生從整體上把握知識(shí)，完成知識(shí)的建構(gòu)。最后觀看H5應(yīng)用視頻，了解H5的日常應(yīng)用，對(duì)未來(lái)展望，進(jìn)行情感升華。

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)5

1、教學(xué)目標(biāo)知識(shí)與技能：靈活運(yùn)用添加超鏈接和在網(wǎng)頁(yè)中插入表格方法，根據(jù)網(wǎng)頁(yè)內(nèi)容進(jìn)行頁(yè)面布局，完善網(wǎng)頁(yè),掌握網(wǎng)頁(yè)布局的技能和技巧。

過(guò)程與方法：培養(yǎng)學(xué)生加工信息和應(yīng)用信息的能力及培養(yǎng)學(xué)生思維能力，規(guī)劃能力、創(chuàng)新能力、及合作能力。

情感與態(tài)度：使學(xué)生感受中國(guó)源遠(yuǎn)流長(zhǎng)的歷史文明，并通過(guò)網(wǎng)頁(yè)傳遞給世界；幫助學(xué)生樹(shù)立良好的信息道德意識(shí)；讓學(xué)生享受成就感，樹(shù)立自信心。

2、學(xué)生分析初中二年級(jí)學(xué)生感知能力較強(qiáng),理解能力和抽象思維較弱;學(xué)生基本學(xué)會(huì)使用在網(wǎng)頁(yè)中插入表格的方法，但分析信息、處理信息和應(yīng)用信息能力較弱;對(duì)教學(xué)內(nèi)容的了解程度較強(qiáng)。

3、內(nèi)容分析

教學(xué)重點(diǎn)：利用表格對(duì)網(wǎng)頁(yè)頁(yè)面進(jìn)行布局。

教學(xué)難點(diǎn)：怎樣合理、美觀地設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面布局。

此部分教學(xué)內(nèi)容在整個(gè)網(wǎng)頁(yè)設(shè)計(jì)知識(shí)體系中處于綜合處理信息的重要部分。

4、教學(xué)策略設(shè)計(jì)

（1）．教學(xué)方法設(shè)計(jì)

我根據(jù)教學(xué)主題及其教學(xué)目標(biāo)確定的教學(xué)指導(dǎo)思想是以學(xué)生為主體，以學(xué)生自己的親身體驗(yàn)展開(kāi)探究式小組合作學(xué)習(xí)。本節(jié)課采用研究體驗(yàn)式教學(xué)法,建構(gòu)主義模式下的任務(wù)驅(qū)動(dòng)式教學(xué)法組織教學(xué)。首先設(shè)計(jì)“總?cè)蝿?wù)”，再細(xì)分成若干“小任務(wù)”，實(shí)現(xiàn)教學(xué)目標(biāo)。

（2）．教-學(xué)流程和教-學(xué)活動(dòng)的設(shè)計(jì)思路

整個(gè)教學(xué)活動(dòng)，尤其是學(xué)習(xí)活動(dòng)，我采用探究式學(xué)習(xí)法，又稱研究性學(xué)習(xí)，我強(qiáng)調(diào)的是學(xué)生在教師指導(dǎo)下，根據(jù)各自的興趣、愛(ài)好和條件，再結(jié)合與自己有相同或相近的興趣、愛(ài)好的同學(xué)組成合作伙伴，共同選擇西安不同的旅游景點(diǎn)，確定研究課題，借助“表格布局”功能規(guī)劃七天的旅游行程，獨(dú)立自主結(jié)合小組合作開(kāi)展研究，進(jìn)行合理的網(wǎng)頁(yè)布局設(shè)計(jì)，達(dá)到從中培養(yǎng)創(chuàng)新精神和創(chuàng)造能力及審美能力的一種學(xué)習(xí)方式，實(shí)現(xiàn)“雙贏”。建構(gòu)主義學(xué)習(xí)理論認(rèn)為，學(xué)習(xí)過(guò)程不是學(xué)習(xí)者被動(dòng)地接受知識(shí)，而是積極地建構(gòu)知識(shí)的過(guò)程，把學(xué)過(guò)的網(wǎng)頁(yè)設(shè)計(jì)知識(shí)綜合應(yīng)用起來(lái)，由于建構(gòu)主義學(xué)習(xí)活動(dòng)是以學(xué)習(xí)者為中心，而且是真實(shí)的，并且以完成特定的任務(wù)為動(dòng)力，因而學(xué)習(xí)者就更具有興趣和動(dòng)機(jī)，能夠鼓勵(lì)學(xué)習(xí)者進(jìn)行批判型思維，能夠更易于提供個(gè)體的學(xué)習(xí)風(fēng)格，展現(xiàn)自己的獨(dú)特思維，不受現(xiàn)有網(wǎng)頁(yè)模式的拘束。基于構(gòu)建主義的探究性學(xué)習(xí)模式，我的設(shè)想是整個(gè)教學(xué)過(guò)程是動(dòng)態(tài)的，學(xué)生是學(xué)習(xí)的主體，教師是學(xué)生學(xué)習(xí)環(huán)境的創(chuàng)設(shè)者、學(xué)習(xí)動(dòng)力的激發(fā)者、學(xué)習(xí)過(guò)程的指引者和學(xué)生學(xué)習(xí)的協(xié)作者。

（3）．應(yīng)用信息技術(shù)的依據(jù)或考慮

信息技術(shù)在本次教-學(xué)活動(dòng)有不可替代的功能。利用信息技術(shù)中計(jì)算機(jī)技術(shù)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，實(shí)現(xiàn)教學(xué)目標(biāo)，完成讓世界各地的人實(shí)現(xiàn)“網(wǎng)上游古都”。在教學(xué)中計(jì)劃通過(guò)探究式教學(xué)方式，小組合作學(xué)習(xí)方式和“任務(wù)驅(qū)動(dòng)式”教學(xué)策略，自主設(shè)計(jì)網(wǎng)頁(yè)，發(fā)布網(wǎng)頁(yè)，運(yùn)用網(wǎng)絡(luò)使信息技術(shù)的這些潛在優(yōu)勢(shì)發(fā)揮作用并真正促進(jìn)學(xué)生能夠結(jié)合實(shí)際應(yīng)用，通過(guò)自主實(shí)踐，完成“網(wǎng)上游古都”任務(wù)，并同時(shí)完成了學(xué)習(xí)任務(wù)，進(jìn)一步建構(gòu)了自己的知識(shí)體系，并實(shí)時(shí)地享受到巨大的成就感。

（三）、教與學(xué)的過(guò)程

1．教與學(xué)的過(guò)程

活動(dòng)內(nèi)容

教師活動(dòng)

學(xué)生活動(dòng)

設(shè)計(jì)意圖

創(chuàng)設(shè)情境

激發(fā)興趣

［創(chuàng)設(shè)情境］

“要想了解中國(guó)上下五千年文明歷史，請(qǐng)到西安來(lái)！”近幾年，越來(lái)越多的外地游客涌向西安。“十一黃金周”即將來(lái)臨，大家想不想用網(wǎng)頁(yè)形式向外地游客介紹宣傳西安，讓更多的人來(lái)西安，領(lǐng)略其古老的魅力！我們上節(jié)課把利用搜索引擎找到的有關(guān)西安的歷史文物古跡的文字信息和圖片信息整理制作成有關(guān)不同景點(diǎn)的網(wǎng)頁(yè)，但信息是否顯得很零散？怎樣把景點(diǎn)信息整合規(guī)劃，讓人們先在網(wǎng)上一飽眼福，輕松網(wǎng)上游古都？

設(shè)計(jì)一個(gè)含有指向各旅游景點(diǎn)網(wǎng)頁(yè)的超鏈接的主頁(yè)。

提供信息活條件，激發(fā)起學(xué)生的興趣。

［導(dǎo)語(yǔ)］

我們可在主頁(yè)中制作一個(gè)西安旅游景點(diǎn)導(dǎo)航欄，但怎樣合理規(guī)劃各旅游景點(diǎn)，并且使頁(yè)面布局美觀，整潔，分類清晰？

利用“表格”。

為細(xì)化任務(wù)埋下伏筆;并且激發(fā)學(xué)生的認(rèn)知沖突。

［出示課題］

今天我們就圍繞“西安七日游”，在主頁(yè)中利用表格規(guī)劃設(shè)計(jì)旅游行程，本節(jié)課的課題是《“黃金周”—規(guī)劃網(wǎng)上西安七日游》

學(xué)生明確本節(jié)課課題，初步了解任務(wù)。

出示課題，介紹總?cè)蝿?wù)。

［分組方法］

根據(jù)對(duì)各旅游景點(diǎn)的興趣及當(dāng)初搜索信息的分工情況及本節(jié)課任務(wù)分工，四人一小組。

學(xué)生進(jìn)行分組

為細(xì)化任務(wù)做準(zhǔn)備

出示任務(wù)

明確分工

［出示總?cè)蝿?wù)］

每個(gè)組圍繞主題，利用表格規(guī)劃設(shè)計(jì)旅游行程，并建立好超鏈接，利用主頁(yè)展示出來(lái)。

學(xué)生明確任務(wù)

明確總?cè)蝿?wù)

［作品形式及分工參考］

形式：創(chuàng)建并完善主頁(yè)，并展示整個(gè)網(wǎng)站。

分工參考：

內(nèi)容版式規(guī)劃

整理七個(gè)旅游景點(diǎn)網(wǎng)頁(yè)

超鏈接的建立與維護(hù)

作品演示解說(shuō)

學(xué)生明確匯報(bào)形式，分工參考。

使學(xué)生明確各自任務(wù)后，通過(guò)研究，探討，操作，通過(guò)電腦媒體來(lái)完成任務(wù)。

活動(dòng)內(nèi)容

教師活動(dòng)

學(xué)生活動(dòng)

設(shè)計(jì)意圖

出示任務(wù)

明確分工

[角色分工]

學(xué)生自由分組后,共同研究選組長(zhǎng)，組長(zhǎng)進(jìn)行給組員分配任務(wù)。

學(xué)生共同研究選組長(zhǎng),并協(xié)調(diào)分配好任務(wù).

鍛煉學(xué)生自主協(xié)調(diào)分工能力。

［出示作品評(píng)價(jià)標(biāo)準(zhǔn)］

教師出示作品評(píng)價(jià)標(biāo)準(zhǔn)：

作品內(nèi)容：設(shè)計(jì)含有七個(gè)鏈接網(wǎng)頁(yè)的主頁(yè)，資料豐富，內(nèi)容準(zhǔn)確。

技術(shù)表現(xiàn)：頁(yè)面布局設(shè)計(jì)合理，顏色搭配和諧，主題突出，作品演示運(yùn)行正常，操作熟練。

創(chuàng)新特色：作品布局規(guī)劃有獨(dú)特之處，有新意。

提示學(xué)生有三條幫助熱線：

1、組長(zhǎng)2、鄰座學(xué)習(xí)伙伴3、教師4、自學(xué)課件

學(xué)生明確要求。

培養(yǎng)學(xué)生的創(chuàng)新能力，規(guī)劃能力，思維能力和合作能力。

學(xué)生研究探索合作交流創(chuàng)作作品

［創(chuàng)作作品］

播放舒緩音樂(lè)，為學(xué)生營(yíng)造自由和諧氣氛。

（提示學(xué)生利用網(wǎng)上鄰居把各組員的作品組合在一起，共同完成此任務(wù)。）

學(xué)生根據(jù)角色分工，按小組形式開(kāi)始完善網(wǎng)站。

學(xué)生體會(huì)了超鏈接的作用，練習(xí)了超鏈接的使用，理解了表格強(qiáng)大的頁(yè)面布局功能；培養(yǎng)學(xué)生處理信息和應(yīng)用信息的能力；通過(guò)學(xué)生間交流合作，老師及時(shí)點(diǎn)撥與指導(dǎo)，培養(yǎng)學(xué)生發(fā)現(xiàn)問(wèn)題和解決問(wèn)題的能力。

［展示作品］

下面請(qǐng)各組派代表，到教師機(jī)前展示以下你們的旅游行程。其他同學(xué)觀察后，可提意見(jiàn)或建議。

由小組代表展示組內(nèi)作品，并詳細(xì)說(shuō)明旅游景點(diǎn)規(guī)劃的呈現(xiàn)形式，內(nèi)容選擇及整體構(gòu)思。

鍛煉學(xué)生口語(yǔ)表達(dá)能力和分析說(shuō)明問(wèn)題能力。

合作成功展示作品成果匯報(bào)交流探討

［交流探討］

教師引導(dǎo)學(xué)生探討頁(yè)面布局的方法和技巧；談看完作品后，對(duì)其改進(jìn)意見(jiàn)；進(jìn)行組間互評(píng)和組內(nèi)自評(píng)。

評(píng)出“最受歡迎獎(jiǎng)”（即如果此網(wǎng)站上傳到網(wǎng)上，點(diǎn)擊率最高），“最具創(chuàng)意獎(jiǎng)”“最佳布局獎(jiǎng)”作品。

學(xué)生間相互交流探討。

培養(yǎng)學(xué)生合作交流能力。

［教師點(diǎn)評(píng)及檢測(cè)］

教師從頁(yè)面布局，整體規(guī)劃合理性，創(chuàng)意等幾方面進(jìn)行點(diǎn)評(píng)。

學(xué)生思考，怎樣完善作品。

教師鼓勵(lì)學(xué)生發(fā)展創(chuàng)新思維，頁(yè)面布局規(guī)劃能力，邏輯思維能力及合作能力。

教師或其他同學(xué)提問(wèn)頁(yè)面布局的方法。

學(xué)生代表演示

及時(shí)檢測(cè)學(xué)生對(duì)表格的掌握情況。

你受到的最大啟示和收到的最大收獲？成功經(jīng)驗(yàn)和失敗教訓(xùn)？

學(xué)生回答

鞏固知識(shí)，培養(yǎng)情感

[完成旅游規(guī)劃，培養(yǎng)情感]

同學(xué)們已熟練掌握表格的使用方法，并且加工和應(yīng)用信息的能力增強(qiáng)。

悠久的歷史積淀和豐富的人文資源，使西安居中國(guó)六大古都之首，是世界四大文明古都之一，著名的旅游中心城市。希望你們熱愛(ài)中國(guó)博大精深的歷史，感受西安古老的魅力！

學(xué)生感悟。

全課總結(jié)，培養(yǎng)道德情感。

全課總結(jié)知識(shí)延伸

［達(dá)到目標(biāo)，知識(shí)延伸］

網(wǎng)站制作好了，怎樣讓世界各地的人都看到你們的網(wǎng)站呢？

想當(dāng)我們的故鄉(xiāng)—大慶的小導(dǎo)游嗎？趕快制作一個(gè)“鐵人故鄉(xiāng)—大慶”的網(wǎng)站吧！

學(xué)生思考。

學(xué)生課后實(shí)踐。

為激發(fā)下一節(jié)課內(nèi)容（上傳主頁(yè)）的興趣奠定基礎(chǔ)。

讓學(xué)生可把本課內(nèi)容應(yīng)用到實(shí)際生活中去。

培養(yǎng)學(xué)生自發(fā)探究能力。

2．關(guān)鍵環(huán)節(jié)提煉

利用信息技術(shù)創(chuàng)設(shè)情境，播放一段自拍的錄像，內(nèi)容大體是：一位外國(guó)友人，想要來(lái)中國(guó)四大古都之一“西安”旅游，但想要自助游，想借助因特網(wǎng)，先在網(wǎng)上了解一下西安，并參考一下旅游行程。通過(guò)此錄像激發(fā)學(xué)生興趣并利用信息技術(shù)呈現(xiàn)問(wèn)題，使學(xué)生產(chǎn)生認(rèn)知沖突，培養(yǎng)學(xué)生發(fā)現(xiàn)問(wèn)題、分析問(wèn)題、解決問(wèn)題的能力。我通過(guò)學(xué)生利用信息技術(shù)完成此項(xiàng)任務(wù)，促進(jìn)學(xué)生對(duì)基礎(chǔ)知識(shí)、基本技能的學(xué)習(xí)。我利用信息技術(shù)，尤其是網(wǎng)絡(luò)提供的有關(guān)“西安”豐富的旅游景點(diǎn)介紹資源，幫助和拓展學(xué)生的學(xué)習(xí)。讓學(xué)生借助信息技術(shù)手段開(kāi)展探索、總結(jié)并進(jìn)行創(chuàng)作。我利用信息技術(shù)展示學(xué)生自評(píng)，學(xué)生互評(píng)，教師評(píng)價(jià)的評(píng)價(jià)表，為學(xué)生的學(xué)習(xí)提供評(píng)價(jià)、反饋和矯正。我利用網(wǎng)頁(yè)自學(xué)課件和網(wǎng)絡(luò)教室教學(xué)廣播系統(tǒng)支持師生間、生生間的交流對(duì)話。

3.教學(xué)反思

本節(jié)課主題明確、集中，讓學(xué)生分成小組，合作探究學(xué)習(xí)，給出特定的總?cè)蝿?wù)，有利于學(xué)習(xí)效果評(píng)判的可比較性，也便于學(xué)生之間的廣泛交流和良性競(jìng)爭(zhēng)。通過(guò)利用信息技術(shù)規(guī)劃規(guī)劃網(wǎng)上西安七日游，對(duì)西安七個(gè)主要景點(diǎn)的介紹，讓世界了解西安，每個(gè)學(xué)生在共同完成“網(wǎng)上游古都”網(wǎng)站作品后，讓每個(gè)學(xué)生都有完成任務(wù)和宣傳中國(guó)源遠(yuǎn)流長(zhǎng)的文明歷史的成就感，并感到自豪。

本節(jié)課，在小組合作學(xué)習(xí)過(guò)程中，學(xué)生之間互學(xué)互教，彼此交流探討，經(jīng)歷了提出問(wèn)題、分析問(wèn)題和解決問(wèn)題過(guò)程，每個(gè)學(xué)生都承擔(dān)一定學(xué)習(xí)任務(wù)，防止濫竽充數(shù)，促進(jìn)了學(xué)生的參與程度、認(rèn)知深度，高質(zhì)量地實(shí)現(xiàn)了課程的目標(biāo)，增強(qiáng)學(xué)生的責(zé)任感。但個(gè)別學(xué)生沒(méi)有認(rèn)識(shí)到合作學(xué)習(xí)的重要意義，自主探究能力較弱，容易喪失信心。

教學(xué)實(shí)際實(shí)施過(guò)程，有學(xué)生提出：我對(duì)中國(guó)的少數(shù)民族文化感興趣，能否制作一個(gè)宣傳中國(guó)五十六個(gè)少數(shù)民族文化的特色網(wǎng)站？于是我了解到學(xué)生對(duì)中國(guó)的不同文化感興趣，可在課外活動(dòng)小組完成此任務(wù)或作為課外自主探究性學(xué)習(xí)課題來(lái)探究。

本節(jié)課讓學(xué)生掌握了“表格”的妙用，還提高了加工信息和應(yīng)用信息的能力，而且使學(xué)生感悟到了中國(guó)上下五千年的博大精深，對(duì)祖國(guó)更加熱愛(ài)。

（四）、教學(xué)評(píng)析：

在新課程標(biāo)準(zhǔn)的理念中，明確提出要關(guān)注全體學(xué)生，建設(shè)有特色的信息技術(shù)課程。在教材因篇幅的限制，提供給學(xué)生感知的背景材料極其有限，“信息”且都處于“靜止、儲(chǔ)存”狀態(tài)，不利于學(xué)生的感知和抽象概括。因此，允許教師在不改變教材內(nèi)容、體系、結(jié)構(gòu)的前提下，經(jīng)教學(xué)法的加工，營(yíng)造引入新課的“情境問(wèn)題”的氛圍。學(xué)生在積極的參與、體驗(yàn)、研究并在已有知識(shí)經(jīng)驗(yàn)的支持下，自主能動(dòng)地探索，實(shí)現(xiàn)知識(shí)的再創(chuàng)造。

教學(xué)活動(dòng)在面向全體的同時(shí)更注重學(xué)生情感的`交流協(xié)作意識(shí)與因材施教。更注重學(xué)生個(gè)性培養(yǎng)和創(chuàng)新智能的開(kāi)發(fā)。

學(xué)生自主性學(xué)習(xí)，需要有一個(gè)適應(yīng)的過(guò)程，開(kāi)始階段，布置任務(wù)要明確具體。

學(xué)生之間的交流和幫助比較少，自主學(xué)習(xí)的能力還要不斷提高等。

附：學(xué)生學(xué)習(xí)過(guò)程及典型成果

另附：小組成員分工表

第________組組長(zhǎng)________作品題目______________

小組成員

主要負(fù)責(zé)工作

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)6

一、教學(xué)目標(biāo)：

1、知識(shí)與技能：

（1）、了解框架結(jié)構(gòu)網(wǎng)頁(yè)的概念及在網(wǎng)頁(yè)中的作用，了解它與表格網(wǎng)頁(yè)的區(qū)別。

（2）、掌握框架結(jié)構(gòu)網(wǎng)頁(yè)的建立、框架結(jié)構(gòu)的拆分、框架的刪除等。

（3）、掌握框架中頁(yè)面設(shè)置及保存的方法，如設(shè)置初始網(wǎng)頁(yè)按鈕、新建網(wǎng)頁(yè)按鈕等。

2、過(guò)程與方法：

（1）、能夠區(qū)分框架結(jié)構(gòu)屬性設(shè)置與網(wǎng)頁(yè)屬性設(shè)置的不同點(diǎn)。

（2）、通過(guò)框架結(jié)構(gòu)網(wǎng)頁(yè)設(shè)計(jì)，使學(xué)生對(duì)網(wǎng)頁(yè)的整體結(jié)構(gòu)有更進(jìn)一步的認(rèn)識(shí)。

3、情感態(tài)度與價(jià)值觀：

（1）、能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁(yè)結(jié)合使用，在創(chuàng)作中體驗(yàn)樂(lè)趣。

（2）、培養(yǎng)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的審美意識(shí)、創(chuàng)新意識(shí)。

二、教學(xué)重點(diǎn)難點(diǎn)：

1、教學(xué)重點(diǎn)：

（1）、框架網(wǎng)頁(yè)的作用和功能，框架的建立與屬性設(shè)置。

（2）、框架中各個(gè)頁(yè)面之間的關(guān)聯(lián)，每個(gè)框中頁(yè)面的設(shè)置方法。

（3）、框架網(wǎng)頁(yè)的保存方法。

2、教學(xué)難點(diǎn)：

（1）、框架結(jié)構(gòu)網(wǎng)頁(yè)中框架屬性與頁(yè)面屬性的設(shè)置方法。

（2）、理解框架結(jié)構(gòu)的多頁(yè)面存儲(chǔ)方法及各頁(yè)面之間的關(guān)聯(lián)。

三、教學(xué)過(guò)程：

1、創(chuàng)設(shè)情境、導(dǎo)入新課

（1）、教師展示一組表格制作的網(wǎng)頁(yè)，引導(dǎo)學(xué)生找出它們的共同特點(diǎn)。并提問(wèn)如何快捷地制作這種網(wǎng)頁(yè)（學(xué)生回答：使用復(fù)制、粘貼快捷地制作）。

（2）、教師又提問(wèn)：有沒(méi)有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？從而導(dǎo)入新課——框架網(wǎng)頁(yè)的制作。

設(shè)計(jì)意圖：通過(guò)對(duì)比、比較，引導(dǎo)學(xué)生思考，激發(fā)學(xué)生學(xué)習(xí)的樂(lè)趣。

2、任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)

（1）、教師展示一個(gè)框架網(wǎng)頁(yè)，引導(dǎo)學(xué)生理解框架網(wǎng)頁(yè)的概念。

（2）、出示任務(wù)一：框架網(wǎng)頁(yè)的新建與保存。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書(shū)本第227頁(yè)的實(shí)踐學(xué)習(xí)。

（3）、教師講解框架結(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件，即網(wǎng)頁(yè)文件，因此當(dāng)框架確定之后，需要為每個(gè)框分別指定其網(wǎng)頁(yè)文件的來(lái)源，可以通過(guò)每個(gè)框中的“新建網(wǎng)頁(yè)”按鈕和“設(shè)置初始網(wǎng)頁(yè)”按鈕進(jìn)行選擇。

（4）、學(xué)生理解框架網(wǎng)頁(yè)的概念，通過(guò)閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁(yè)的操作，初步了解“新建網(wǎng)頁(yè)”和“設(shè)置初始網(wǎng)頁(yè)”兩個(gè)按鈕的不同，并認(rèn)真聆聽(tīng)教師的講解，注意觀察，按要求模仿操作。

（5）、出示任務(wù)二：相關(guān)頁(yè)面的制作與設(shè)置。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書(shū)本第228、229頁(yè)的實(shí)踐學(xué)習(xí)。

（6）、學(xué)生制作相關(guān)頁(yè)面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。教師反饋學(xué)生的操作情況，開(kāi)展評(píng)比活動(dòng)，對(duì)表現(xiàn)好的學(xué)生給與表?yè)P(yáng)。

（7）、出示任務(wù)三：框架網(wǎng)頁(yè)屬性的設(shè)置。學(xué)生自主探究學(xué)習(xí)，有問(wèn)題可向教師尋求幫助。教師基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行拓展學(xué)習(xí)。

（8）、教師請(qǐng)學(xué)生示范操作，并說(shuō)明自己設(shè)置的方法和原因。同時(shí)鼓勵(lì)做的比較好的學(xué)生。

設(shè)計(jì)意圖：培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，對(duì)于課堂教學(xué)難點(diǎn)，學(xué)生在教師的講解后模仿操作，有效突破難點(diǎn)。

3、展示作品、課堂小結(jié)

（1）、教師給出一些常見(jiàn)的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁(yè)面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，并讓學(xué)生分組，推進(jìn)一些優(yōu)秀作品在全班展示。

（2）、教師點(diǎn)評(píng)，并鼓勵(lì)完成作品比較好的學(xué)生。

設(shè)計(jì)意圖：拓展學(xué)生的視野，使學(xué)生了解框架的應(yīng)用方法。展示優(yōu)秀作品鼓勵(lì)學(xué)生，激發(fā)學(xué)生的創(chuàng)作欲望。

四、教學(xué)反思：

1、本節(jié)課是在學(xué)習(xí)完簡(jiǎn)單網(wǎng)頁(yè)、表格布局網(wǎng)頁(yè)、交互式網(wǎng)頁(yè)的基礎(chǔ)上，進(jìn)一步頁(yè)的設(shè)計(jì)方法。由于學(xué)生已經(jīng)具備了一定的網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)與技能，所以教師可以根據(jù)學(xué)生的實(shí)際情況，采用更靈活

的教學(xué)方法。教師可以簡(jiǎn)單介紹框架結(jié)構(gòu)網(wǎng)頁(yè)的功能及框架的建立與編輯方法，以及框架屬性設(shè)置與網(wǎng)頁(yè)屬性設(shè)置的方法與區(qū)別。然后由學(xué)生根據(jù)教師提供的學(xué)案及演示動(dòng)畫，完成框架網(wǎng)頁(yè)設(shè)計(jì)任務(wù)。

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)7

教學(xué)目標(biāo)：

1、知識(shí)與技能：

（1）理解框架的概念及用途。

（2）掌握框架網(wǎng)頁(yè)的新建、制作、編輯與保存，了解框架的拆分方法。

（3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來(lái)制作網(wǎng)頁(yè)。

2、過(guò)程與方法：

（1）通過(guò)對(duì)表格網(wǎng)頁(yè)的分析，體驗(yàn)新知識(shí)（框架結(jié)構(gòu)網(wǎng)頁(yè)）的優(yōu)點(diǎn)，從而促進(jìn)其學(xué)習(xí)新知識(shí)。

（2）理解框架的概念與組成，學(xué)會(huì)分析網(wǎng)站的結(jié)構(gòu)。

3、情感態(tài)度與價(jià)值觀：

（1）通過(guò)以“人與動(dòng)物”為主題的框架結(jié)構(gòu)網(wǎng)頁(yè)制作活動(dòng)，了解更多有關(guān)人與動(dòng)物和諧相處的知識(shí)，通過(guò)故事趣聞，增強(qiáng)學(xué)生關(guān)注動(dòng)物的興趣和意識(shí)。

（2）能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁(yè)結(jié)合使用，在創(chuàng)作中體驗(yàn)樂(lè)趣。

教學(xué)重、難點(diǎn)：

1、重點(diǎn)：框架的概念、用途， 創(chuàng)建、編輯與保存框架網(wǎng)頁(yè)的方法。

2、難點(diǎn)：框架的拆分。

教學(xué)方法：

對(duì)比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。

教學(xué)準(zhǔn)備：

整理、歸類相關(guān)素材，并按要求擺放。

教學(xué)過(guò)程：

1、引入

老師展示一組利用表格制作的網(wǎng)頁(yè)，要求學(xué)生仔細(xì)觀察，找出它們的一個(gè)共同特點(diǎn)（學(xué)生答：網(wǎng)頁(yè)上方和左側(cè)內(nèi)容都是相同的，僅右下部分內(nèi)容不一樣），并提問(wèn)如何快捷地制作這種網(wǎng)頁(yè)？（學(xué)生答：使用復(fù)制粘貼快捷地制作）

盡管復(fù)制、粘貼能為我們節(jié)省時(shí)間，但有沒(méi)有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？今天我們要學(xué)習(xí)的內(nèi)容——框架網(wǎng)頁(yè)制作，就能給我們帶來(lái)更多便捷。（讓學(xué)生明確框架網(wǎng)頁(yè)使用的場(chǎng)合）

2、新授

（1）框架網(wǎng)頁(yè)概念

由以上例子入手，再展示一個(gè)框架網(wǎng)頁(yè)，教師引導(dǎo)學(xué)生理解框架網(wǎng)頁(yè)的概念

（2）框架網(wǎng)頁(yè)的新建與保存

教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試進(jìn)行探究操作。

任務(wù)1 創(chuàng)建“橫幅和目錄”結(jié)構(gòu)的框架網(wǎng)頁(yè)，新建top和left頁(yè)面，并學(xué)會(huì)保存。

框架結(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件，即網(wǎng)頁(yè)文件，因此當(dāng)框架確定之后，需要為每個(gè)框分別指定其網(wǎng)頁(yè)文件的來(lái)源，可以通過(guò)每個(gè)框中的“新建網(wǎng)頁(yè)”按鈕和“設(shè)置初始網(wǎng)頁(yè)”按鈕進(jìn)行選擇。在top和left頁(yè)面中，單擊“保存”按鈕，隨即開(kāi)始保存。

此處為教學(xué)難點(diǎn)，可先由框架的概念入手，再針對(duì)保存頁(yè)面中的藍(lán)色部分，教師進(jìn)行講解，教會(huì)學(xué)生注意觀察。

學(xué)生要理解框架網(wǎng)頁(yè)的概念，通過(guò)閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁(yè)的操作，初步了解“新建網(wǎng)頁(yè)”和“設(shè)置初始網(wǎng)頁(yè)”兩個(gè)按鈕的不同，并認(rèn)真聆聽(tīng)教師的講解，注意觀察，按要求模仿操作。

設(shè)計(jì)意圖：培養(yǎng)學(xué)生自主

學(xué)習(xí)能力，課堂教學(xué)難點(diǎn)在教師的講解后模仿操作，有效突破難點(diǎn)。

（3）相關(guān)頁(yè)面的制作與設(shè)置

框架網(wǎng)頁(yè)中相關(guān)頁(yè)面的制作，需要結(jié)合表格來(lái)布局，插入文字、圖片和交互式按鈕。

任務(wù)2 top和left頁(yè)面的制作。

要求：

○1top頁(yè)面內(nèi)插入1行2列的表格，左邊單元格插入logo圖片，右邊單元格插入banner圖片。

○2 left頁(yè)面內(nèi)插入5行1列的表格，在每個(gè)單元格內(nèi)依次插入交互式按鈕（共4個(gè)），交互式按鈕文字為展示介紹的相關(guān)內(nèi)容概括，在第5個(gè)單元格內(nèi)插入一個(gè)郵箱指示的圖片。

○3調(diào)整表格邊框的粗細(xì)。

○4為main區(qū)域設(shè)置初始頁(yè)面。（該網(wǎng)頁(yè)由教師提供現(xiàn)成的）

學(xué)生制作相關(guān)頁(yè)面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。老師反饋學(xué)生的操作情況，開(kāi)展比一比、評(píng)一評(píng)活動(dòng)，對(duì)表現(xiàn)好的學(xué)生給予表?yè)P(yáng)。

（4）框架網(wǎng)頁(yè)屬性的設(shè)置

創(chuàng)建好框架網(wǎng)頁(yè)后，可以根據(jù)實(shí)際需要改變框架的屬性。

任務(wù)3 調(diào)整框架的大小、設(shè)置框架的邊框、設(shè)置框架窗口中的滾動(dòng)條等。

提高任務(wù)：框架的拆分。

學(xué)生自主探究學(xué)習(xí)，可向老師尋求幫助。完成設(shè)置后請(qǐng)同學(xué)示范操作，并說(shuō)明自己設(shè)置的方法和原因。操作基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行擴(kuò)展學(xué)習(xí)。

3、總結(jié)與評(píng)價(jià)

老師可以給出一些常見(jiàn)的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁(yè)面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，梳理課堂知識(shí)，并讓學(xué)生分組，推薦一些優(yōu)秀作品進(jìn)行全班展示。

設(shè)計(jì)意圖：開(kāi)拓學(xué)生的視野，使學(xué)生了解框架的應(yīng)用，教會(huì)學(xué)生要善于總結(jié)，要學(xué)會(huì)學(xué)習(xí)的方法。

第五篇：網(wǎng)頁(yè)設(shè)計(jì)與制作課程學(xué)習(xí)論文

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程學(xué)習(xí)論文

作為一個(gè)二十一世紀(jì)的大學(xué)生，學(xué)習(xí)如何設(shè)計(jì)與制作網(wǎng)頁(yè)變?yōu)橐粋€(gè)必不可少的過(guò)程。經(jīng)過(guò)這幾個(gè)星期的學(xué)習(xí)，我開(kāi)始對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作有了初步的認(rèn)識(shí)，并且學(xué)習(xí)了一些網(wǎng)頁(yè)設(shè)計(jì)與制作的基礎(chǔ)。隨著時(shí)代的發(fā)展，網(wǎng)站建設(shè)越來(lái)越接近于一門藝術(shù)而不僅僅是一門技術(shù)。網(wǎng)站設(shè)計(jì)日有必要的益被重視，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作這門學(xué)科是非常。

作為網(wǎng)頁(yè)設(shè)計(jì)的初學(xué)者，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁(yè)。我通過(guò)自己動(dòng)手、動(dòng)腦，通過(guò)網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問(wèn)題和解決問(wèn)題的過(guò)程中學(xué)到了很多知識(shí)，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過(guò)程我都全身心投入，使我真正學(xué)到了網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)。

互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。網(wǎng)頁(yè)設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁(yè)講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。

網(wǎng)頁(yè)設(shè)計(jì)與制作包含視聽(tīng)元素于版式設(shè)計(jì)兩項(xiàng)內(nèi)容，以主題鮮明、形式與內(nèi)容統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計(jì)原則，具有互交性與持續(xù)性、綜合性、版式的不可以控性、藝術(shù)與技術(shù)的結(jié)合的緊密型等特點(diǎn)。美和功能都是為了表達(dá)網(wǎng)站的主題。我認(rèn)為在一個(gè)網(wǎng)站中，最重要的頁(yè)面當(dāng)屬主頁(yè)，所以在此以主頁(yè)為例，說(shuō)明在網(wǎng)頁(yè)制作中版面設(shè)計(jì)的問(wèn)題。從版面設(shè)計(jì)來(lái)講,一個(gè)有特色的主頁(yè),必須包含有四個(gè)要素：文字，圖片，排列方式和主色調(diào)，這四者相輔相成，缺一不可。圖片要素

要設(shè)計(jì)出漂亮的主頁(yè)，首先要成為計(jì)算機(jī)圖形高手，僅這一點(diǎn)就可以讓初學(xué)者花上一年半載的時(shí)間。排列方法要素，主頁(yè)的第二個(gè)要素是排列方法，即網(wǎng)頁(yè)布局。色彩在網(wǎng)頁(yè)所占比重很大。有了合理清新的色調(diào)，會(huì)彌補(bǔ)主頁(yè)上的其它不足。頁(yè)面的色彩搭配是與網(wǎng)站的主題分不開(kāi)的，一個(gè)網(wǎng)站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調(diào)乏味。一般來(lái)說(shuō)，頁(yè)面的主體文字應(yīng)盡量使用黑色等較深的顏色，與背景對(duì)比明顯，按鈕、邊框等使用彩色。例如教育類網(wǎng)站使用藍(lán)色為主題色，再用紅色和黑色作為配色，就能表達(dá)出嚴(yán)肅、穩(wěn)重的效果。網(wǎng)頁(yè)作為一種版面，既有文字，又有圖片；文字有大有小，還有標(biāo)題和正文之分；圖片頁(yè)有大小而且有橫豎之別。圖片和文字都需要同時(shí)展示給觀眾，不能簡(jiǎn)單地將其羅列在一個(gè)頁(yè)面上，否則會(huì)搞得雜亂無(wú)章。關(guān)于具體的網(wǎng)頁(yè)布局，常見(jiàn)的有“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，關(guān)于它們，在網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)書(shū)籍中或者在網(wǎng)絡(luò)上都可以看到詳細(xì)的敘述

網(wǎng)頁(yè)作為傳播信息的一種載體，同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同，網(wǎng)頁(yè)設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。一般的來(lái)說(shuō)，絕大多數(shù)普通受眾圖形，插件，applets和其它有關(guān)的高級(jí)Web瀏覽器特性。對(duì)我們來(lái)說(shuō)，頁(yè)面的實(shí)用可能比漂亮更重要，對(duì)于用戶來(lái)說(shuō)，沒(méi)有什么比頁(yè)面能夠快速下載更重要了，簡(jiǎn)而言之，精簡(jiǎn)你的站點(diǎn)，這是一條最佳的捷徑。就站點(diǎn)設(shè)計(jì)而言，的確能夠通過(guò)成功的圖形設(shè)計(jì)招徠或者丟失訪問(wèn)者。并非所有的訪問(wèn)者可以完全看到圖片，某些人為了加快存取網(wǎng)絡(luò)的速度已經(jīng)關(guān)閉了瀏覽器端的圖形。簡(jiǎn)而言之，圖形并不能正確的在客戶端加載。然而，圖形經(jīng)常被用來(lái)作為導(dǎo)航按鈕。使用可以把一個(gè)瀏覽器分成幾個(gè)不同的窗口，對(duì)于站點(diǎn)的結(jié)構(gòu)的把握是一個(gè)不錯(cuò)的方法。但是，你還是必須知道，還是有人在使用不支持幀的瀏覽器。在你開(kāi)始打算設(shè)計(jì)一個(gè)幀的時(shí)候，你該仔細(xì)的考慮考慮你是否的確真的需要。經(jīng)常，你這樣的需求可以通過(guò)表格來(lái)組織站點(diǎn)的結(jié)構(gòu)。網(wǎng)頁(yè)設(shè)計(jì)涉及到對(duì)多種軟件、多種知識(shí)的學(xué)習(xí)和應(yīng)用，以及個(gè)人的審美觀等等。所以要想制作出漂亮的網(wǎng)頁(yè)，需要一個(gè)逐步學(xué)習(xí)和經(jīng)驗(yàn)積累的過(guò)程。

隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國(guó)網(wǎng)絡(luò)人口的日益增長(zhǎng)，建立個(gè)人網(wǎng)站，不但可以很好的展示自己，而且可以提高自己在計(jì)算機(jī)應(yīng)用方面的能力。個(gè)人在設(shè)計(jì)時(shí)考慮的多為個(gè)人的興趣喜好，而不注重商業(yè)的展示。內(nèi)容以反映個(gè)人為中心，從而使個(gè)人網(wǎng)站真正的成為展示自己的網(wǎng)絡(luò)名片。一張完美的主頁(yè)設(shè)計(jì)需要積累豐富的知識(shí)以及掌握大量的技巧。

由于平時(shí)課程比較繁忙，學(xué)習(xí)時(shí)間比較少，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)軟件的強(qiáng)大功能運(yùn)用得還不夠。不知不覺(jué)網(wǎng)頁(yè)設(shè)計(jì)的課程將要結(jié)束了，這門課程所包含內(nèi)容的豐富是讓我從沒(méi)有想到的。在整個(gè)的學(xué)習(xí)過(guò)程中，我學(xué)習(xí)了Flash、Fireworks、Html語(yǔ)言、IIS、網(wǎng)站建設(shè)的基本思想等重要內(nèi)容。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，由于沒(méi)有網(wǎng)頁(yè)制作代碼的知識(shí)，所以在設(shè)計(jì)時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁(yè)制作過(guò)程中，想提高設(shè)計(jì)水平，想有個(gè)理想的網(wǎng)頁(yè)，必須學(xué)會(huì)代碼的運(yùn)用，我將在以后的學(xué)習(xí)過(guò)程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡(jiǎn)單介紹一下代碼，讓我也對(duì)它有個(gè)初步的認(rèn)識(shí)，以后再加強(qiáng)學(xué)習(xí)也才會(huì)有所提高。

總體來(lái)說(shuō)，通過(guò)今次的對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對(duì)網(wǎng)頁(yè)設(shè)計(jì)的熱情和執(zhí)著，我將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。網(wǎng)頁(yè)設(shè)計(jì)還有更多的技巧，有待于我們?nèi)ネ诰蚝脱芯俊?/p>