通過制定教學計劃，可以明確學習目標和教學內容，提高教學效果。小編整理了一些優秀的教學計劃范文，供大家參考和學習。

網頁的制作教學設計（優秀19篇）篇一

總體可以分為以下幾點：

1、建設企業網站所遵循的一般原則。

（1）完整性原則。企業網站是企業在互聯網上的經營場所，應該為用戶提供完整的信息和服務：網站的基本要素合理、完整；網站的內容全面、有效；網站的服務和功能適用、方便；網站建設與網站運營維護銜接并提供支持。

（2）系統性原則。同時提供設計方案。設計實施單位應充分了解企業文化和企業機構及管理信息等基本情況，對營銷目標、行業競爭狀況、產品特征、用戶需求行為以及網站推廣運營等基本問題等要素融入到網站建設方案中。

（3）簡單性原則。在保證網站基本要素完整的前提下，盡可能減少不相關的內容、圖片和多媒體文件等，使得用戶以盡可能少的點擊次數和盡可能短的時間獲得需要的信息和服務。

（4）友好性原則。網站的友好性包括三個方面：對用戶友好——滿足用戶需求、獲得用戶信任；對網絡環境友好——適合搜索引擎檢索、便于積累網絡營銷資源；對經營者友好——網站便于管理維護、提高工作效率。

（5）適應性原則。企業網站的功能、內容、服務和表現形式等需要適應不斷變化的網絡營銷環境，網站應具有連續性和可擴展性。

2、網站優化。

網站優化包括三個方面：對用戶獲取信息優化、搜索引擎優化、網站維護優化。

（1）網站欄目結構合理，欄目設置不要過于復雜；

（2）網站導航清晰且全站統一，通過任何一個網頁可以逐級返回上一級欄目直到首頁；

（3）網頁布局設計合理，網站設計符合用戶瀏覽習慣；

（4）重要文字信息盡可能出現在網頁靠前位置；

（5）字體清晰，css風格協調一致；

（6）最多3次點擊可到達產品詳細內容頁面；

（7）通過網站任何一個網頁不超過3次點擊可達到站內其他任何一個網頁；

（9）網站首頁、欄目首頁及產品內容頁面均有一定的文字信息量；

（12）每個網頁有獨立的url；

（13）產品內容頁面url盡可能簡短且體現出產品屬性；

（14）產品/企業新聞詳細內容頁面是獨立網頁不是彈出窗口；

（15）對于產品品種多的企業網站，要有合理的產品分頁方式；

一網站名稱。

綠色的靈動。

二主題思想：

讓原創精神穿越人群，在綠色的靈動中尋找創意。

三個人分工。

1、主頁制作：（謝龍、李金洪、王海灝---環藝四班）。

2、設計模板制作：謝龍廣告模板制作：李金洪攝影模板制作：王海灝。

3、網頁設計策劃書：（謝龍、李金洪、王海灝---環藝四班）。

四設計網頁前的市場分析。

1、原創作品的意思就是內容不是抄錄別人的，而完全是自己創作的，包括原創文學、原創音樂等等。

原創作品是對既定參照物的懷疑與否定，是在刷新固有的經典界面之后呈現出破土而出的生命氣息，是在展現某種被忽視的體驗，并預設著新的可能性；原創是可經過、可停留、可發展的新的存在，是新的經典的原型，具有集體共識的社會價值。

原創作品不是對既定狀態的完善與提升，也不是對已有的存在的另類注解；注解可以發展原創，但不產生原創。原創作品也不是形式的突圍表演，不是先鋒理念的夸張與變異；反叛的行為具有對既定秩序與價值的否定，但不指向原創以及原創作品。

通過我的創作活動產生的具有文學、藝術或科學性質而以一定物質形式表現出來的一切智力成果（即作品），并且內容不是抄錄別人的，而完全是自己創作的稱為原創作品。

2、人群分析：原創一直作為一種青年人群的喜愛，中年人和青年人也是原創產品的主要創作群體。綠色能給青少年兒童一種生機和活力，能為失落者帶來新的希望，讓原創精神穿越人群。

五、創新點——綠色與原創。

分析：綠色為植物的色彩，綠色的明視度不高，刺激性不大，對生理作用和心理作用都極為溫和，因此人對綠色的嗜好范圍很大，給人以寧靜、休息、使之精神不易疲勞。剛好也是大自然草木的色，所以綠色意味著自然、生命、生長，同時綠色也象征著和平。在交通信號中又象征著前進與安全。

原創作品是對在刷新固有的經典界面之后呈現出破土而出的生命氣息，是在展現某種被忽視的體驗，并預設著新的可能性；原創是可經過、可停留、可發展的新的存在，是新的經典的原型，具有集體共識的社會價值。

六、建設網頁的目的及功能定位。

1、建立網頁是為了和大眾共享自己的原創作品并開展業務，是個人市場開拓的延伸。

2、根據網頁功能，確定網頁能夠達到宣傳和讓客戶更好的了解原創的目的。

七、網頁內容及實現方式。

根據網頁的目的確定網頁的結構導航。

1、一般網頁應該包括：首頁、設計、攝影、廣告、聯系方式、在線留言等內容。內容包括：作品展示、視頻、背景音樂及留言板塊。

2、根據網頁的目的及內容確定網頁整合功能。

1、網頁美術設計要求，網頁美術設計一般要與企業整體形象一致，要符合企業ci規范。要注意網頁色彩、圖片的應用及版面策劃，保持網頁的整體一致性。

2、在新技術的采用上要考慮主要目標訪問群體的分布地域、年齡階層、網絡速度、閱讀習慣等。

（1）、在網站根目錄中開設imagescommontemp三個子目錄，根據需要再開設media子目錄，images目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標志、banner條、菜單、按鈕等等；common子目錄中放css、js,、php、include等公共文件；temp子目錄放客戶提供的各種文字圖片等等原始資料；media子目錄中放flash,avi,quicktime等多媒體文件。

（2）、在根目錄中原則上應該按照首頁的欄目結構，給每一個欄目開設一個目錄，根據需要在每一個欄目的目錄中開設一個images和media的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內容特別多，又分出很多下級欄目，可以相應的再開設其他目錄。目錄中的文件往往會比較多，建議以時間為名稱開設目錄，將客戶陸續提供的資料歸類整理。

（3）、除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請盡量以英文為指導，不到萬不得已不要以拼音作為目錄名稱，經驗證明，用拼音命名的目錄往往連一天后的自己都看不懂。

九、網頁測試。

網頁發布前要進行細致周密的測試，以保證正常瀏覽和使用，主要測試內容：

1、服務器穩定性、安全性。

2、程序及數據庫測試，網頁兼容性測試，如瀏覽器、顯示器。

3、文字、圖片、連接是否有錯誤。

少采用大型圖片，用戶關心的信息在首頁體現，不應多次點擊；

?首頁下載速度要快；

?首頁有效信息量豐富；

?首頁有標題；

?提供一種以上外語鏈接頁面。

?主頁布局比整潔，重要信息得以重點體現；

?打開網頁不宜彈出多個窗口，影響正常瀏覽；

?不要刻意追求“創意”效果，以至于很難理解網站要表達的意思。

頁面信息：

?重要信息完整，如聯系方式和產品介紹等；

?頁面信息足夠，減少多次翻頁；

?去除與企業形象、產品、促銷等方面無關的信息；

?產品詳細介紹內容過少；

?內容頁面沒有標題，或者全部使用公司名為標題；

?客戶能夠方便的及時維護補充，保持其時效性；

?不允許有無任何內容的欄目。

?注重美術效果，但不必大量采用圖片，影響網頁下載速度；

?頁面不應過于花哨。

必須克服的問題：

（5）網站有利于促銷：通過網站向訪問者展示產品、對銷售提供支持，有多種具體表現方式，如主要頁面的產品圖片、介紹、通過頁面廣告較好體現出企業形象或者新產品信息、列出銷售機構聯系方式、銷售網店信息等，或者具有積累內部網絡營銷資源和拓展外部網絡營銷資源的作用。

適應現在越多的網絡設備和應用的需要；

是web發展的趨勢。可以使web平滑的過渡到xml。

3.使用xhtml嚴密。

與其它基于xml的標記語言、應用程序及協議進行良好的交互工。

網頁的制作教學設計（優秀19篇）篇二

4、掌握頁面文件與圖片的保存。

1、能在指定位置建立只有一個網頁的站點（難點）。

2、能在頁面中插入文字、圖片、水平線。

3、掌握頁面文件與圖片的保存（難點）。

學生已經學習了word、powerpoint與上網瀏覽信息，對計算機的基本操作（word中文檔的編輯，網頁的瀏覽等）比較熟練。這使得學生主動探索、自主學習成為可能。每位學生必須完成基本任務，有能力的學生還可以完成提高篇的學習，以充分發揮學生的積極性與自主性。

在教學中，一方面采用比較教學的方法，促進學生知識的遷移；另一方面，提供學生一個導學，讓學生根據這個網絡環境下的自己探索學習，以滿足不同層次學生的需求。

教師活動：1、引入課題：（激發興趣，活躍氣氛）。

同學們喜不喜歡上網？經常上新浪、西祠胡同等，有沒有同學知道新浪、西祠胡同稱做什么？（網站）。

瀏覽新浪網站，瀏覽的第一個頁面稱為什么？（主頁）。

我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當鼠標變成手指的形狀時有超鏈接。

問題1：網站是不是就是網頁？用自己的語言描述一下網站的概念（網站包含多個網頁，通過超鏈接把不同的頁面鏈接起來）。

問題2：網頁是不是就是主頁？（第一個頁面稱為主頁，網站設計者可以確定哪一個是主頁，主頁的文件名一般為：,主頁也是網頁）。

設計網站一般必須經過兩個步驟，首先是在計算機里做好，然后發布在internet上，讓所有的人訪問瀏覽。

今天我們學習用frntpage建立站點，制作一個主頁。

先來研究一下沒有發布的網站，打開教師做的網站。

網頁的制作教學設計（優秀19篇）篇三

本章內容在本教材中的位置處于第五章,是在文字處理(word)和網絡基礎及因特網應用兩章之后。學生所學的文字處理軟件word和將要學習的網頁制作軟件frontpage同是microsoft公司的產品,在軟件的使用上有很多的共通之處,所以在學習frontpage的時候,很多內容可以讓學生自學,而不必面面俱到地在課上講授。而第四章網絡基礎及因特網的應用又為學生對網頁的理解奠定了基礎,學生對網頁中的基本元素――文字、圖片、動畫、聲音等都有所了解,而網頁的制作就是將這些元素重新組合到網頁上,學生要學的就是這種組合的方法。所以說,雖然大多數學生以前都未接觸過網頁的制作,但有了以上這些基礎,學起來就輕松多了。

本章內容按照學生已有的基礎,我對教學內容分了一下類,也為教學的組織工作打下一點基礎。本章內容主要由網頁基礎知識、網站的建立和管理、網頁的制作、創建超鏈接、圖片的處理、網頁框架。

重點是網頁的制作和創建超鏈接,學會了這些就可以開始簡單的網頁制作了。

難點是網頁框架,這部分相互之間關系比較復雜,必要時,老師在對各組個別輔導時,可以給予分別講解。這個分類可以為組長安排各個組員的任務提供參考,使分工更加合理。

二、教學對象的分析。

信息技術課雖然已經成為初中的必修科目,但是城鄉學生之間掌握情況的差異卻相當大,條件好一點的初中學生不僅已經熟練掌握了課本上的內容,還對一些常用軟件有所了解;而差一點的可以說是從高中開始才正式接觸到信息技術知識的學習,他們需要多鍛煉、多指導,所以協作學習對學生的學習幫助很大。

三、教學策略的選擇及媒體的使用。

在教學策略的選擇上,我使用的是任務驅動和協作學習相結合的方法。

任務驅動就是要求本章內容學習完之后,每個小組都要完成自己班級網站的制作,并在全班進行評比,選擇最好的作為班級主頁掛到學校主頁上去,這有助于激發學生參與學習的積極性。

協作學習則是讓學生在學習過程中互幫互助,用較短的時間、教少的精力學到更多的東西,完成一個集體項目,讓他們在學習之后獲得成就感。因此在媒體的選擇上,我們使用的是top2000系統。top2000系統有利于教師進行分組教學和學生作品的點評及成果的展示。教學過程開始之前,教師把學生按座位分成四組,每個組都按學生對計算機的掌握程度平均分配,保證每個組都有計算機操作方面比較突出的,也有相對比較差的,使其形成能夠互幫互助的學習小組。并由他們自己選出組長各一名,然后由組長根據組員的情況,確定在班級主頁制作過程中主要完成什么任務,也就是說起到一個組織者的作用。做過網頁的人都知道,做網頁是一項比較費時的工作,而要學生在較短的時間內制作出像樣的網頁是比較困難的,而在這個過程中,網頁的設計占去了相當多的一部分時間,組長把任務分到各組員頭上以后,組員就可根據自己要完成的任務相對集中的做某方面的工作,做完以后,組員之間進行經驗交流,告訴組員自己的網頁是如何制作出來的,在完成自己的網頁后,再重復一遍制作過程花費的時間的不多的。這樣,其他組員就可在較短的時間之內掌握比較先進的網頁制作方法,而不必再花那么多時間去探索。因為每位組員都必須自己完成一個任務,所以在這個過程中,也同樣有自己探索學習的機會和介紹自己經驗的機會,使組內的每個學生都在學習中獲得成就感。

四、教學過程。

教學進程。

教師活動。

學生活動。

1、課前準備。

課前將本章內容的基本結構、內容的歸類、網頁基礎知識、網頁素材做成一個網站,供學生參考,網站上的內容可根據學生以后在學習中的要求添加。根據學生對已有的網頁制作的情況進行分組。

學生根據自己的分組情況選出組織能力較強、計算機水平較高的人做組長,協作小組形成。

2、教師布置任務,作必要講解。

第一節課,教師簡單介紹網頁基礎知識,并給各小組布置任務――用下面的時間完成班級網頁的制作,并對組長進行本章基本內容及本章內容的分類的介紹,讓他們對本章內容有總體上的'把握。

在教師對網頁基礎知識講解的基礎上,瀏覽教師制作的網站,繼續學習;。

課后各組設計自己的班級主頁,組長根據網站上教師對本章內容的分類給學生布置任務。

3、教師指導分工情況,學生開始自主學習。

第二節課教師對組長對全組的分工情況給予檢查,提出意見和建議。

學生根據分工制作網頁,學習可以跟著課本上自學,也可根據以前學習word的經驗自己摸索制作過程,不懂之處可向會的同學請教,還可以相互之間討論,在網頁的設計方面也可以相互之間多商量,發揚互幫互助的精神。

4、學生自主學習,教師指導、監督。

下面三節課,老師在每組各用10分鐘時間檢查他們上節課的網頁制作情況,并對他們碰到的問題給予提示或解決,起指導和監督作用。

學生繼續學習、制作網頁。

五、階段總結。

四節課的制作以后,各組員所制作的網頁都初見雛形,所以教師組織一堂課,由各組展示自己的作品。教師在學生評講完后,給予總結。

各組分別展示自己的作品,其他組對他們可以提出意見或建議,也可從其他組的學到好的創意。由組長在課后寫一份階段總結,從而指導以后的工作。

六、學生自主學習,教師指導、監督。

下面四節課,老師仍然對每組各花10分鐘時間輪流檢查他們上節課的網頁制作情況,并對他們碰到的問題給予提示或解決,起指導和監督作用。

學生繼續學習、制作網頁。

七、各組將內容匯總,形成班級主頁。

教師對各組出現的問題提出建議或意見。

組長或組長安排人將各組的主頁進行匯總,形成一個完整的班級主頁,對欠缺的地方進行修補。

八、班級網站制作完成,展示與總結。

老師請其他信息技術教師來做評委,對各組做的網站提出意見或建議,評出最佳網站、最佳創意等獎,讓大家的付出都有所收獲。

各組分別展示自己組所制作的班級主頁。

課后:。

大家集中各組的優勢,將班級主頁完成,掛到學校主頁上。

網頁的制作教學設計（優秀19篇）篇四

1.在學生自主練習過程中，適時指導很重要，但教師一人肯定不能照顧全體學生，所以充分發揮學習小組的“技術顧問”的作用很關鍵。

2.在“制作主題網頁”環節，給學生準備四個不同的主題素材是很有必要的，我們在進行教學設計時要考慮到學生個性、興趣不同，并加以利用，促進教學。

3.對進行展示的同學要進行簡單培訓（或者對各組長進行培訓，由組長傳達到展示者），防止展示時只宣講他們網頁中的內容，而忽略技術，浪費寶貴的時間。4.課堂即時評價很重要。學生初次接觸一個軟件，要經常收獲一點成就感才有進一步探索的欲望，這就需要我們教師注意發現、及時鼓勵。學科班長記錄好大家的課堂參與情況，下課前公布，這項工作若堅持下來，對我們的教學會有很大促進。

網頁的制作教學設計（優秀19篇）篇五

二、教學目標：

1、知道站點、主頁的概念，能在指定位置建立只有一個網頁的站點；

2、認識frontpage的界面；

3、掌握在主頁中插入文字、圖片、水平線；

4、掌握頁面文件與圖片的保存。

三、教學重點：

1、能在指定位置建立只有一個網頁的站點（難點）。

2、能在頁面中插入文字、圖片、水平線。

3、掌握頁面文件與圖片的保存（難點）。

四、教學難點：

在教學中，一方面采用比較教學的方法，促進學生知識的遷移；另一方面，提供學生一個導學課件，讓學生根據這個網絡環境下的課件自己探索學習，以滿足不同層次學生的需求。

五、教學過程：

教師活動：

1、引入課題：（激發興趣，活躍氣氛）。

同學們喜不喜歡上網？經常上新浪、西祠胡同等，有沒有同學知道新浪、西祠胡同稱做什么？（網站）。

瀏覽新浪網站，瀏覽的第一個頁面稱為什么？（主頁）。

我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當鼠標變成手指的形狀時有超鏈接。

問題1：網站是不是就是網頁？用自己的語言描述一下網站的概念（網站包含多個網頁，通過超鏈接把不同的頁面鏈接起來）。

問題2：網頁是不是就是主頁？(第一個頁面稱為主頁,網站設計者可以確定哪一個是主頁,主頁的文件名一般為：,主頁也是網頁)設計網站一般必須經過兩個步驟，首先是在計算機里做好，然后發布在internet上，讓所有的人訪問瀏覽。

今天我們學習用frontpage建立站點，制作一個主頁。先來研究一下沒有發布的網站,打開教師做的網站問：同學們看到了什么？（文件夾）總結：

可以這樣理解網站：在資源管理器里，網站表現為一個文件夾，里面存放的是所有與網站相關的文件。

打開主頁，瀏覽頁面，這是老師做的一個導學課件，將幫助大家完成學習任務。請學生瀏覽教師課件，了解學習任務。

2、新建站點。

frontpage的啟動問：與word比較，有什么不同？（增加了視圖區，編輯區有三個窗口）總結：

視圖區：多種視圖模式是為了方便網站的管理。制作網頁時，必須在網頁視圖中編輯頁面。

普通窗口：鼠標在閃動，可編輯、修改頁面，所見即所得的方式。

預覽窗口：瀏覽器中出現的效果，與powerpoint中的“放映幻燈片”類似。html窗口：編寫html（超文本標記語言，它是描述網頁內容和外觀的標準。）打開導學軟件，根據步驟，示范建立只有一個網頁的站點，強調新站點的位置、路徑的正確輸入，站點的名稱。

分析多出的文件夾列表欄，多了一個文件夾，里面有兩個子文件夾和主頁，圖片存放在images文件夾中。

3、編輯主頁與保存主頁。

看效果圖，請學生分析主頁中的元素。

根據導學軟件，學生完成任務2：設計主頁、保存主頁與圖片。

4、總結反饋。

請學生示范，講解如何插入圖片（來自剪貼畫與來自文件）、插入水平線，如何保存。

總結：必須切換到“普通”窗口下編輯主頁的保存中存在問題：

單擊“文件”---“保存”或工具欄的“保存”按扭，彈出一個對話框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點images文件夾中,便于站點的管理。

5、請學生繼續完成自己的主頁，有能力的同學完成提高篇。

六、小結：

展示學生作品，教師與學生共同評價請學生總結今天的學習內容：建立包含一個頁面的站點，主頁的設計與保存。

網頁的制作教學設計（優秀19篇）篇六

《網頁制作》教學是信息基礎必修教材中第六章第1節信息集成中網站制作簡介的有關內容。編輯網頁所使用的是軟件是frontpage20xx，該軟件的使用與以前所學的word有類似的地方，軟件操作具有一定的遷移性。

學生在之前已經學習了word的有關操作，具備網上獲取信息和一定的信息處理能力。frontpage20xx的使用與word有很多類似的地方，學生較容易上手。

過程與方法：通過實踐體驗對比，得出結論。親歷網頁制作的過程。情感態度與價值觀：在與同伴合作完成簡單網頁的制作過程中，培養與他人合作交流的意識和習慣，通過設計學校網頁，培養學生熱愛學校的情感。

教學重點：網頁制作中網頁元素的應用。

教學難點：利用表格布局網頁。

（一）情境導入。

生回答：通過網絡發布，需要制作網頁（如回答不在話題上，引導）。

師：本節課我們就一起來學習制作《美麗的蒲中校園》網頁，宣傳學校的美。學校將組織評選同學們設計的優秀網頁作品，放在學校網站上。

（二）新課講授。

生：文字、圖片、動畫、聲音、超鏈接等。

師：網頁里的這些元素是通過什么工具集成起來的呢？在這里，老師向大家介紹office20xx中的frontpage20xx來制作網頁，它具有功能強大、簡單易用的特點。

教師演示啟動frontpage20xx的步驟，啟發學生：界面和學過的哪個軟件比較相似？教師點擊相關菜單，引導。由于都是office套件的一種，所以和word界面很相似，演示界面和功能。演示打開站點bpzx，站點打開后，觀察網站文件夾的結構，介紹images文件夾與_private文件夾的作用。，代表的是網頁文件。其中，表示網站的主頁名稱。點擊視圖下的網頁，切換到網頁窗口，點擊文件夾，切換到站點文件夾窗口，點擊bpzx站點文件夾，便于我們打開網頁文件。

師：剛才同學們的都非常好，在制作網頁前，我們先來放松一下，來玩拼圖。請同學們打開d盤的《網頁制作》學案，完成實踐一。

實踐一：2個小實驗。

實驗1：啟動frontpage后，點擊“文件”“打開站點”，找到d盤下的bpzx文件夾。雙擊文件夾列表里的文件，學生嘗試拼湊圖形。

學生操作，發現實驗1中的圖形總有1個無法拖動，拼湊不成功，實驗2在表格中拼湊圖形成功。

教師啟發學生思考，引導學生觀察一開始出示的網頁，發現圖片、文字、動畫等網頁元素排列整齊。

師：是什么在起作用？

師生共同得出：利用表格布局網頁。得出：表格的定位。

師：利用表格的布局功能。表格的'布局功能可以對頁面元素進行定位，使網頁清晰美觀、富有條理。表格中可以包含多種類型的內容，如圖像、文本、多媒體文件。

師：在網站文件夾里有一張利用表格布局的“美麗的蒲中校園”網頁，今天，老師要請你們當網頁設計師，完成“美麗的蒲中”網頁制作。制作學校風景，需要什么樣的素材？學生回答：圖片。老師已經預先把素材準備好了，大家可以打開acde瀏覽素材，選擇合適的素材。

實踐二：雙擊文件夾視圖里的。

任務一：請大家從d盤的sucai文件夾中，從7張校園風景圖片中挑選其中一張，插入網頁表格的適當位置。文字材料直接從sucai文件夾中的word文檔中復制。注意頁面的保存，保存時要注意：網站中用到的圖像、聲音、視頻文件應有條理地存放到指定文件夾中。當保存圖片時，要把圖片保存到images文件夾中。

學生自主操作，4人一組合作學習。教師巡回輔導。操作中的操作步驟要點參考《網頁制作》學案。

任務二：在單元格中各插入gif圖像動畫、歡迎字幕和flash動畫,，以實現頁面的動態效果。注意保存和預覽。

可能的問題：1、圖片屬性設置2、flash動畫的插入教師展示一部分學生的作品，點評，小結。學生再次練習完善。

師：剛才，同學們的表現都非常出色，要想使自己的網頁更漂亮、更受歡迎嗎？

實踐三：

任務一：美化頁面操作小貼士：

操作右擊網頁空白處，“網頁屬性”，“常規”，輸入標題。切換到“背景”，設置背景色。設置背景圖片：可勾選“背景圖片”，“瀏覽”。

任務二：打開頁面，對“美麗校園”創建超鏈接到。操作小貼士：

創建超鏈接：選定文字，“插入”、“超鏈接”，選定超鏈接的網頁。學生合作學習，教師巡回輔導。教師展示學生作品，點評，小結。

教師提醒學生，做好后的網頁，在瀏覽器里預覽，發現有邊框線，如何解決？學生自主探究。

文檔為doc格式。

網頁的制作教學設計（優秀19篇）篇七

1、知識與技能：靈活運用添加超鏈接和在網頁中插入表格方法，根據網頁內容進行頁面布局，完善網頁,掌握網頁布局的技能和技巧。

過程與方法：培養學生加工信息和應用信息的能力及培養學生思維能力，規劃能力、創新能力、及合作能力。

情感與態度：使學生感受中國源遠流長的歷史文明，并通過網頁傳遞給世界；幫助學生樹立良好的信息道德意識；讓學生享受成就感，樹立自信心。

2、初中二年級學生感知能力較強,理解能力和抽象思維較弱;學生基本學會使用在網頁中插入表格的方法，但分析信息、處理信息和應用信息能力較弱;對教學內容的了解程度較強。

3、

教學重點：利用表格對網頁頁面進行布局。

教學難點：怎樣合理、美觀地設計網頁頁面布局。

此部分教學內容在整個網頁設計知識體系中處于綜合處理信息的重要部分。

4、

我根據教學主題及其教學目標確定的教學指導思想是以學生為主體，以學生自己的親身體驗展開探究式小組合作學習。本節課采用研究體驗式教學法,建構主義模式下的任務驅動式教學法組織教學。首先設計“總任務”，再細分成若干“小任務”，實現教學目標。

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

信息技術在本次教-學活動有不可替代的功能。利用信息技術中計算機技術進行網頁設計，實現教學目標，完成讓世界各地的人實現“網上游古都”。在教學中計劃通過探究式教學方式，小組合作學習方式和“任務驅動式”教學策略，自主設計網頁，發布網頁，運用網絡使信息技術的這些潛在優勢發揮作用并真正促進學生能夠結合實際應用，通過自主實踐，完成“網上游古都”任務，并同時完成了學習任務，進一步建構了自己的知識體系，并實時地享受到巨大的成就感。

創設情境。

激發興趣。

設計一個含有指向各旅游景點網頁的超鏈接的主頁。

提供信息活條件，激發起學生的興趣。

利用“表格”。

為細化任務埋下伏筆;并且激發學生的認知沖突。

學生明確本節課課題，初步了解任務。

出示課題，介紹總任務。

根據對各旅游景點的興趣及當初搜索信息的分工情況及本節課任務分工，四人一小組。

學生進行分組。

為細化任務做準備。

出示任務。

明確分工。

每個組圍繞主題，利用表格規劃設計旅游行程，并建立好超鏈接，利用主頁展示出來。

學生明確任務。

明確總任務。

形式：創建并完善主頁，并展示整個網站。

分工參考：

內容版式規劃。

整理七個旅游景點網頁。

超鏈接的建立與維護。

作品演示解說。

學生明確匯報形式，分工參考。

使學生明確各自任務后，通過研究，探討，操作，通過電腦媒體來完成任務。

出示任務。

明確分工。

學生自由分組后,共同研究選組長，組長進行給組員分配任務。

學生共同研究選組長,并協調分配好任務.

鍛煉學生自主協調分工能力。

教師出示作品評價標準：

作品內容：設計含有七個鏈接網頁的主頁，資料豐富，內容準確。

技術表現：頁面布局設計合理，顏色搭配和諧，主題突出，作品演示運行正常，操作熟練。

創新特色：作品布局規劃有獨特之處，有新意。

提示學生有三條幫助熱線：

1、組長2、鄰座學習伙伴3、教師4、自學課件。

學生明確要求。

培養學生的創新能力，規劃能力，思維能力和合作能力。

學生研究探索合作交流創作作品。

播放舒緩音樂，為學生營造自由和諧氣氛。

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

學生根據角色分工，按小組形式開始完善網站。

學生體會了超鏈接的作用，練習了超鏈接的使用，理解了表格強大的頁面布局功能；培養學生處理信息和應用信息的能力；通過學生間交流合作，老師及時點撥與指導，培養學生發現問題和解決問題的能力。

下面請各組派代表，到教師機前展示以下你們的旅游行程。其他同學觀察后，可提意見或建議。

由小組代表展示組內作品，并詳細說明旅游景點規劃的呈現形式，內容選擇及整體構思。

鍛煉學生口語表達能力和分析說明問題能力。

合作成功展示作品成果匯報交流探討。

教師引導學生探討頁面布局的方法和技巧；談看完作品后，對其改進意見；進行組間互評和組內自評。

評出“最受歡迎獎”（即如果此網站上傳到網上，點擊率最高），“最具創意獎”“最佳布局獎”作品。

學生間相互交流探討。

培養學生合作交流能力。

教師從頁面布局，整體規劃合理性，創意等幾方面進行點評。

學生思考，怎樣完善作品。

教師鼓勵學生發展創新思維，頁面布局規劃能力，邏輯思維能力及合作能力。

教師或其他同學提問頁面布局的方法。

學生代表演示。

及時檢測學生對表格的掌握情況。

你受到的最大啟示和收到的最大收獲？成功經驗和失敗教訓？

學生回答。

鞏固知識，培養情感。

同學們已熟練掌握表格的使用方法，并且加工和應用信息的能力增強。

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

學生感悟。

全課總結，培養道德情感。

全課總結知識延伸。

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

想當我們的故鄉—大慶的小導游嗎？趕快制作一個“鐵人故鄉—大慶”的網站吧！

學生思考。

學生課后實踐。

為激發下一節課內容（上傳主頁）的興趣奠定基礎。

讓學生可把本課內容應用到實際生活中去。

培養學生自發探究能力。

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

本節課主題明確、集中，讓學生分成小組，合作探究學習，給出特定的總任務，有利于學習效果評判的可比較性，也便于學生之間的廣泛交流和良性競爭。通過利用信息技術規劃規劃網上西安七日游，對西安七個主要景點的介紹，讓世界了解西安，每個學生在共同完成“網上游古都”網站作品后，讓每個學生都有完成任務和宣傳中國源遠流長的文明歷史的成就感，并感到自豪。

本節課，在小組合作學習過程中，學生之間互學互教，彼此交流探討，經歷了提出問題、分析問題和解決問題過程，每個學生都承擔一定學習任務，防止濫竽充數，促進了學生的參與程度、認知深度，高質量地實現了課程的目標，增強學生的責任感。但個別學生沒有認識到合作學習的重要意義，自主探究能力較弱，容易喪失信心。

教學實際實施過程，有學生提出：我對中國的少數民族文化感興趣，能否制作一個宣傳中國五十六個少數民族文化的特色網站？于是我了解到學生對中國的不同文化感興趣，可在課外活動小組完成此任務或作為課外自主探究性學習課題來探究。

本節課讓學生掌握了“表格”的妙用，還提高了加工信息和應用信息的能力，而且使學生感悟到了中國上下五千年的博大精深，對祖國更加熱愛。

（

在新課程標準的理念中，明確提出要關注全體學生，建設有特色的信息技術課程。在教材因篇幅的限制，提供給學生感知的背景材料極其有限，“信息”且都處于“靜止、儲存”狀態，不利于學生的感知和抽象概括。因此，允許教師在不改變教材內容、體系、結構的前提下，經教學法的加工，營造引入新課的“情境問題”的氛圍。學生在積極的參與、體驗、研究并在已有知識經驗的支持下，自主能動地探索，實現知識的再創造。

教學活動在面向全體的同時更注重學生情感的`交流協作意識與因材施教。更注重學生個性培養和創新智能的開發。

學生自主性學習，需要有一個適應的過程，開始階段，布置任務要明確具體。

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

附：學生學習過程及典型成果。

第________組組長________作品題目______________。

網頁的制作教學設計（優秀19篇）篇八

一、教學目標、知道站點、主頁的概念，能在指定位置建立只有一個網頁的站點；、認識frontpage的界面；、掌握在主頁中插入文字、圖片、水平線；、掌握頁面文件與圖片的保存。

二、教學重點、能在指定位置建立只有一個網頁的站點（難點）、能在頁面中插入文字、圖片、水平線、掌握頁面文件與圖片的保存（難點）。

三、學情分析。

學生已經學習了word、powerpoint與上網瀏覽信息，對計算機的基本操作（word中文檔的編輯，網頁的瀏覽等）比較熟練。這使得學生主動探索、自主學習成為可能。每位學生必須完成基本任務，有能力的學生還可以完成提高篇的學習，以充分發揮學生的積極性與自主性。

四、教學方法。

在教學中，一方面采用比較教學的方法，促進學生知識的遷移；另一方面，提供學生一個導學課件，讓學生根據這個網絡環境下的課件自己探索學習，以滿足不同層次學生的需求。

教師活動：1、引入課題：（激發興趣，活躍氣氛）。

同學們喜不喜歡上網？經常上新浪、西祠胡同等，有沒有同學知道新浪、西祠胡同稱做什么？（網站）。

瀏覽新浪網站，瀏覽的第一個頁面稱為什么？（主頁）。

我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當鼠標變成手指的形狀時有超鏈接。

問題1：網站是不是就是網頁？用自己的語言描述一下網站的概念（網站包含多個網頁，通過超鏈接把不同的頁面鏈接起來）。

問題2：網頁是不是就是主頁？(第一個頁面稱為主頁,網站設計者可以確定哪一個是主頁,主頁的文件名一般為：,主頁也是網頁)。

設計網站一般必須經過兩個步驟，首先是在計算機里做好，然后發布在internet上，讓所有的人訪問瀏覽。

今天我們學習用frontpage建立站點，制作一個主頁。

先來研究一下沒有發布的網站,打開教師做的網站。

問：同學們看到了什么？（文件夾）。

總結：

可以這樣理解網站：在資源管理器里，網站表現為一個文件夾，里面存放的是所有與網站相關的文件。

打開主頁，瀏覽頁面，這是老師做的一個導學課件，將幫助大家完成學習任務。

請學生瀏覽教師課件，了解學習任務、新建站點。

fp的啟動。

問：與word比較，有什么不同？

（增加了視圖區，編輯區有三個窗口）。

總結：

視圖區：多種視圖模式是為了方便網站的管理。制作網頁時，必須在網頁視圖中編輯頁面。

普通窗口：鼠標在閃動，可編輯、修改頁面，所見即所得的方式。

預覽窗口：瀏覽器中出現的效果，與powerpoint中的“放映幻燈片”類似。

html窗口：編寫html（超文本標記語言，它是描述網頁內容和外觀的標準。）。

打開導學軟件，根據步驟，示范建立只有一個網頁的站點，強調新站點的位置、路徑的正確輸入，站點的名稱。

（教會學生利用導學課件，根據導學軟件完成任務）。

任務1：學生根據導學課件，在d:建立自己站點。

教師巡視指導。

請一位學生示范如何建立站點,教師總結。

問：在文件夾列表中看到了什么？

看效果圖，請學生分析主頁中的元素。

根據導學軟件，學生完成任務2：設計主頁、保存主頁與圖片。

教師巡視指導、總結反饋。

請學生示范，講解如何插入圖片（來自剪貼畫與來自文件）、插入水平線，如何保存。

總結：必須切換到“普通”窗口下編輯。

主頁的保存中存在問題：

教師巡視指導、教師與學生共同評價總結。

展示學生作品，教師與學生共同評價。

請學生總結今天的學習內容：建立包含一個頁面的站點，主頁的設計與保存。

注：課件中包含每一個操作過程的操作步驟及拓展的知識、基本任務與提高任務的效果圖。

點評：

教學課題“網頁制作”作為初中階段的最后一部分內容，難度較大，教學的深度較難掌握。這就要教師在備教材的基礎上，同時還要備學生，做到對學生的情況有較為深刻地了解，以便很好地完成教學任務，達到預期的教學效果。根據教材和《中小學信息技術課程指導綱要（試行）》中的精神，本課應以“任務驅動”的方式完成，一方面教會學生了解和熟悉具體軟件的基本功能，另一方面又能主動地掌握并深入學習思考。尋著這個思路授課教師在課前作了大量的課前準備制作出了相應的教學課件“網頁制作”。

一、調動學生的學習熱情，變被動學習為主動學習。

整個教學過程張云老師采取了“引導加任務驅動”的模式進行。首先教師進行導入，導入概念，強調概念；再引導學生學習課件的使用，引導他們讀懂課件中的第一個任務：建立一個只有一頁的網站，（此處若能引導學生，由學生來完成，減少老師的操作，效果會更好），然后讓學生模仿第一步的操作進行下面內容的學習，完成導學材料中給出的一個個任務。

二、突出重點，及時點評。

張云老師在引導學生進行學習、操作后，就主動地去觀察和發現學生中出現的問題，甚至于課前對可能出現的問題，也進行有預見性地準備；發現問題及時點評。（點評分為個別點評和全班點評，點評不等于教師將操作過程演示一遍。張云老師在點評建成的網站時，重點若再突出些，介紹再清楚些，效果會更好。比如：站點中內容說明不夠清楚等。）。

三、發揮學生的協作學習精神。

張云老師在教學過程中，對有困難的學生進行個別輔導，同時還需發揮學生的協作學習的精神，充分調動學生學習的積極性，讓學有余力的學生充當“小老師”，從而體會到學習的樂趣。（整個教學過程中，這點做地不夠，沒有充分地讓師生互動起來）。

四、重點突出、目標明確。

最后，張老師在整個教學過程中，應再突出教學重點，明確本節課的任務。（課前的導入，最好給出教學目標，課后的小結應讓學生總結他本堂課學習到哪些知識，所以感覺這節課重點不突出，內容分散。）。

五、教學效果較好。

由于張云老師在課前對本課作了大量的準備工作，課件制作效果較好，所以學生完成情況很好，教學任務完成情況較好。

網頁的制作教學設計（優秀19篇）篇九

3、培養學生創新的能力以及動手操作的能力。

利用表格來規劃網頁，從中培養學生的創新能力。

一、情境導入。

同學們你們善于觀察嗎？老師先考考你們，我們一起來看一組圖片，你們看看在那里看過呢？學校緩臺的窗臺上。你們的觀察能力真的很強啊，對，這些都是我們學校美術的特色作口，盤畫。其實，我們做過很多作品：有手工作品，語文課中的作文、書法等都是作品，這節課我們以繪畫作口品為例，做一個學習園地網頁，把我們的作品展示到自己的班級網站中，以便我們更好的努力學習。現在我們就一起來制作吧！

二、新知探究。

首先我們來打開上節課的班級網站，在這個網站中新建一個網頁，并保存成“學習園地”。

教師講解：如何制作學習園地網頁。

1、制作網頁的標題：輸入文字，并設置文字的格式。

2、插入表格：單擊“表格”中的“插入表格”并對表格屬性進行設置。如：行、列的操作，對齊方式等。同時講解什么是行，什么是列，以及單元格的概念。

3、修改表格：調整表格行高和列寬。

4、在學生學會插入表格的基礎上，來設計網頁，展示作品。并講解在單元格中可以插入圖片、文字。那我們就一起快快去做吧！插入圖片，并在圖片的上面或下面進行圖片的注釋。

5、進一步設置單元格的背景，來美化網頁。

6、設置超鏈接：通過導航欄目，設置文字超鏈接。選中文字，點擊右鍵選擇超鏈接在列表中選擇你要鏈接的網頁，單擊“確定”按鈕。

7、學生在教師的講解后，學生自己動手操作制作網頁。教師進行指導。（伴隨音樂）。

三、作品評價。

1、生評：從網頁設計上，美觀程度上，知識落實上重點評價。

2、師評：對學生作品進行評價，并對其它學生的評價加以更完整的解釋。

四、總結。

我們這節課主要是利用了表格來設計網頁，以使來美化我們的網頁，通過繪畫作品的展示，學習更多的知識。

網頁的制作教學設計（優秀19篇）篇十

【學情分析】。

1.在學習網頁制作之前，學生進行了網站的規劃與設計，還沒有就網頁制作真正著手練習，對frontpage的使用比較陌生，但是已經有word等軟件的操作基礎，很多基本的操作可以遷移過來。并且，通過高一的學習與養成，學習小組的整體意識已經建立，組內合作、組間競爭的氛圍已經形成，所以可以采用先進行自主練習，然后合作探究，通過各組推薦的作品展示進行評價，在展示的同時也提高了學生的技術水平。

課前準備：提前做好小組座次安排，由學科班長組織大家按組入座。

一、展示導入，明確學習目標（3分鐘）。

1.展示精彩網頁（如北京大學、清華大學網站首頁），引導學生簡單分析網頁風格。2.明確本節課學習目標與主要任務。

二、指導與點撥（3分鐘）。

三、基本功練習（10分鐘）。

1.任務：快速“克隆”示例網頁。（素材發到桌面“基本功練習”文件夾中）。

（2）每組的“技術顧問”完成任務后可下座指導；（3）完成后相互檢查超鏈接的效果。

四、制作主題網頁（15分鐘）。

2.具體要求參看導學案“實踐探究”部分；可兩人合作，有能力者最好獨立完成；

五、作品推選、上傳：每組推選一個作品參加組間評選，并將作品文件夾傳至ftp。

六、精彩展示（10分鐘）各組派一代表向全班展示自己的作品，并簡介操作要點。展示前，引導全體學生積極思考以下問題：

1.你從展示作品中學到了什么？有哪些可借鑒之處？

注：1.學生展示過程中，教師要引導大家規范操作，對于重點加以強調。2.提醒學科班長記錄參與展示和積極質疑、解答的同學，匯入評價。

七、完善提升：（5分鐘）。

1.借鑒所展示作品的優秀之處，進一步完善自己的作品；2.根據展示同學的演示，將新學到的操作嘗試一遍。

八、總結：

1.網頁制作要領：（1）靈活運用基本操作；（2）版面設計清晰、條理，或者有獨特之處；（3）配色和諧，給人美感；（4）超鏈接順暢、自由，方便使用。2.由學科班長公布本節課評價統計情況。

【教學反思】。

1.在學生自主練習過程中，適時指導很重要，但教師一人肯定不能照顧全體學生，所以充分發揮學習小組的“技術顧問”的作用很關鍵。

2.在“制作主題網頁”環節，給學生準備四個不同的主題素材是很有必要的，我們在進行教學設計時要考慮到學生個性、興趣不同，并加以利用，促進教學。

3.對進行展示的同學要進行簡單培訓（或者對各組長進行培訓，由組長傳達到展示者），防止展示時只宣講他們網頁中的內容，而忽略技術，浪費寶貴的時間。4.課堂即時評價很重要。學生初次接觸一個軟件，要經常收獲一點成就感才有進一步探索的欲望，這就需要我們教師注意發現、及時鼓勵。學科班長記錄好大家的課堂參與情況，下課前公布，這項工作若堅持下來，對我們的教學會有很大促進。

網頁的制作教學設計（優秀19篇）篇十一

2、學會利用表格來規劃網頁。

3、培養學生創新的能力以及動手操作的能力。

利用表格來規劃網頁，從中培養學生的創新能力。

一、情境導入。

同學們你們善于觀察嗎？老師先考考你們，我們一起來看一組圖片，你們看看在那里看過呢？學校緩臺的窗臺上。你們的觀察能力真的很強啊，對，這些都是我們學校美術的特色作口，盤畫。其實，我們做過很多作品：有手工作品，語文課中的作文、書法等都是作品，這節課我們以繪畫作口品為例，做一個學習園地網頁，把我們的作品展示到自己的班級網站中，以便我們更好的努力學習。現在我們就一起來制作吧！

二、新知探究。

首先我們來打開上節課的班級網站，在這個網站中新建一個網頁，并保存成“學習園地”。

教師講解：如何制作學習園地網頁。

1、制作網頁的標題：輸入文字，并設置文字的格式。

2、插入表格：單擊“表格”中的“插入表格”并對表格屬性進行設置。如：行、列的操作，對齊方式等。同時講解什么是行，什么是列，以及單元格的概念。

3、修改表格：調整表格行高和列寬。

4、在學生學會插入表格的基礎上，來設計網頁，展示作品。并講解在單元格中可以插入圖片、文字。那我們就一起快快去做吧！插入圖片，并在圖片的上面或下面進行圖片的注釋。

5、進一步設置單元格的背景，來美化網頁。

6、設置超鏈接：通過導航欄目，設置文字超鏈接。選中文字，點擊右鍵選擇超鏈接在列表中選擇你要鏈接的網頁，單擊“確定”按鈕。

7、學生在教師的講解后，學生自己動手操作制作網頁。教師進行指導。（伴隨音樂）。

三、作品評價。

1、生評：從網頁設計上，美觀程度上，知識落實上重點評價。

2、師評：對學生作品進行評價，并對其它學生的評價加以更完整的解釋。

四、總結。

我們這節課主要是利用了表格來設計網頁，以使來美化我們的網頁，通過繪畫作品的展示，學習更多的知識。

網頁的制作教學設計（優秀19篇）篇十二

1、知識與技能：

（1）、了解框架結構網頁的概念及在網頁中的作用，了解它與表格網頁的區別。

（2）、掌握框架結構網頁的建立、框架結構的拆分、框架的刪除等。

（3）、掌握框架中頁面設置及保存的方法，如設置初始網頁按鈕、新建網頁按鈕等。

2、過程與方法：

（1）、能夠區分框架結構屬性設置與網頁屬性設置的不同點。

（2）、通過框架結構網頁設計，使學生對網頁的整體結構有更進一步的認識。

3、情感態度與價值觀：

（1）、能夠將表格與框架結構網頁結合使用，在創作中體驗樂趣。

（2）、培養學生網頁設計的審美意識、創新意識。

1、教學重點：

（1）、框架網頁的作用和功能，框架的建立與屬性設置。

（2）、框架中各個頁面之間的關聯，每個框中頁面的設置方法。

（3）、框架網頁的保存方法。

2、教學難點：

（1）、框架結構網頁中框架屬性與頁面屬性的設置方法。

（2）、理解框架結構的多頁面存儲方法及各頁面之間的關聯。

1、創設情境、導入新課。

（1）、教師展示一組表格制作的網頁，引導學生找出它們的共同特點。并提問如何快捷地制作這種網頁（學生回答：使用復制、粘貼快捷地制作）。

（2）、教師又提問：有沒有更好的方法呢？相同的區域我們能否只做一遍呢？從而導入新課——框架網頁的制作。

設計意圖：通過對比、比較，引導學生思考，激發學生學習的樂趣。

2、任務驅動、自主學習。

（1）、教師展示一個框架網頁，引導學生理解框架網頁的概念。

（2）、出示任務一：框架網頁的新建與保存。教師要求學生先閱讀教材中的操作步驟，再嘗試完成書本第227頁的實踐學習。

（3）、教師講解框架結構中的每個框都是一個獨立的選項文件，即網頁文件，因此當框架確定之后，需要為每個框分別指定其網頁文件的來源，可以通過每個框中的“新建網頁”按鈕和“設置初始網頁”按鈕進行選擇。

（4）、學生理解框架網頁的概念，通過閱讀教材中的內容，自學新建框架網頁的操作，初步了解“新建網頁”和“設置初始網頁”兩個按鈕的不同，并認真聆聽教師的講解，注意觀察，按要求模仿操作。

（5）、出示任務二：相關頁面的制作與設置。教師要求學生先閱讀教材中的操作步驟，再嘗試完成書本第228、229頁的實踐學習。

（6）、學生制作相關頁面，同時也是對前面所學內容的復習和回顧。教師反饋學生的操作情況，開展評比活動，對表現好的學生給與表揚。

（7）、出示任務三：框架網頁屬性的設置。學生自主探究學習，有問題可向教師尋求幫助。教師基礎扎實的同學完成任務后可進行拓展學習。

（8）、教師請學生示范操作，并說明自己設置的方法和原因。同時鼓勵做的比較好的學生。

設計意圖：培養學生的自主學習能力，對于課堂教學難點，學生在教師的講解后模仿操作，有效突破難點。

3、展示作品、課堂小結。

（1）、教師給出一些常見的框架結構應用界面，如web郵箱頁面等，引導學生總結本課內容，并讓學生分組，推進一些優秀作品在全班展示。

（2）、教師點評，并鼓勵完成作品比較好的學生。

設計意圖：拓展學生的視野，使學生了解框架的應用方法。展示優秀作品鼓勵學生，激發學生的創作欲望。

的教學方法。教師可以簡單介紹框架結構網頁的功能及框架的建立與編輯方法，以及框架屬性設置與網頁屬性設置的方法與區別。然后由學生根據教師提供的學案及演示動畫，完成框架網頁設計任務。

網頁的制作教學設計（優秀19篇）篇十三

乙方(受托人)：_________。

甲方托付乙方制造主頁，幫忙甲方建立公司形象，擴展宣揚，拓展出售途徑，為明晰兩邊職責，依據有關法令，經兩邊洽談，簽定此合同，以期兩邊一起恪守。

甲方托付乙方制造甲方網站_________的主頁，乙方應依照甲方的懇求制造主頁，并達到甲方滿足的作用。該頁面內含有/不含有后臺辦理系統。

1、主頁規劃，制造費：_________元;。

2、內頁規劃，制造費：_________元;。

3、gif多層動畫規劃，制造費：_________元;。

4、flash頁面規劃，制造費：_________元。

5、別的頁面規劃，制造費：_________元。

1、合同簽定后當日，甲方應當預付_________元定金。

2、頁面制造費用合計人民幣：_________元整，應在檢驗期完結后_________天內交給。

1、甲方擔任供給制造所需的悉數材料(包含文字，圖像以及別的有關文件)，并制形成電子文件。在乙方開端制造頁面時，甲方應備齊悉數內容材料，并確保材料完好，圖像明晰。

2、甲方應確保所供給的材料不侵略任何第三方的知識產權。乙方對甲方供給的文字及圖像材料中所觸及的包含知識產權在內的悉數法令問題不承當任何法令職責。

3、兩邊合作時期，乙方對甲方供給的文字及圖像材料未經甲方答應不得以任何方法走漏給第三方。

4、甲方應確保其托付制造的網站的合法性，對于觸及盜版、違法、政治、色情及其直接直接危害他人合法權益的內容乙方有權拒絕制造。

1、甲方應在頁面制造的全進程中給與乙方便當條件，并活躍合作。

2、甲方應供給專人與乙方聯絡。

1、由甲方供給公司的網站電子文字材料及圖像，乙方依據網站材料及甲方規劃懇求進行網站主頁規劃，在_________個作業日后將主頁平面規劃圖交給甲方審閱。

2、甲方依據網站平面規劃圖提出修正意見，乙方依據修正意見進行改動。

3、網站平面圖經乙方修正完結并經甲方簽字承認后，頁面主頁規劃完結。如甲方在網站規劃作業完結后更改本來兩邊已承認的網站構思，圖像，構造及案牘時，由此發作的悉數費用由甲方一次性支交給乙方。

4、乙方應在_________月_________日開端頁面制造作業，悉數網站制造時刻為_________個作業日，悉數作業將在_________月_________日前完結。竣工后，乙方將頁面上傳至甲方效勞器空間，由甲方依據檢驗。

5、在頁面制造進程中，對甲方連續提出的修正懇求，乙方應盡力幫忙完結，并交甲方檢驗經過。對有也許影響兩邊約好的完結時刻的懇求，乙方有權提出延期懇求，由兩邊洽談斷定詳細時刻。

1、甲方應在收到乙方書面竣工告訴的_________日內對悉數方案進行驗證，并告訴乙方進行修正，不然，視為悉數規劃檢驗合格。

2、檢驗規范。

(1)甲方能夠經過任何與因特網進行網絡連接的計算機瀏覽自己的主頁。

(2)主頁無文字拼寫及圖像(以甲方供給的材料為規范)過錯。

(3)檢驗合格，甲方以書面文字傳真方法簽收。檢驗期限為_________。

斷定滿足后，如甲方再懇求更改頁面，則應付費，更改的費用與新作主頁費用一樣。可是，在任何狀況下，有下列狀況之一者，乙方擔任免費為甲方修正頁面：

(1)頁面內文字呈現錯別字的，乙方擔任在_________個作業日內改正;。

(2)后臺辦理呈現過錯的，乙方擔任在_________個作業日內改正;。

(3)任何別的數據庫方面的過錯，乙方擔任在_________個作業日內改正;。

(4)因甲方地址改變或電話號碼更改，而進行必要的內容方面的更改的，自接到甲方告訴之日起，乙方在_________個作業日內改正。

甲方應對頁面的源代碼進行備份。因甲方未對頁面的源代碼進行備份而發作源代碼損壞丟掉等，乙方無法為甲方恢復，也對此不負職責。

乙方擔任對甲方進行操作訓練，該訓練能夠以任何方法進行，如電話、傳真、面授等，訓練內容僅限于乙方所供給的效勞的內容，如郵件的運用，源代碼及數據庫的備份，網站后臺辦理的運用等。訓練內容不包含頁面制造等有關內容。

1、乙方對規劃完結的著作享有著作權。甲方將托付規劃的悉數費用結算結束后，乙方將著作著作權轉讓給甲方。

2、甲方在未付清悉數托付規劃費用之前，乙方規劃的著作著作權歸乙方，甲方對該著作不享有任何權力。

3、甲方在余款未付清之前私行運用或許修正運用乙方規劃的著作而導致的侵權，乙方有權依據《中華人民共和國著作權法》追究其法令職責。

1、甲方有必要確保供給的信息內容實在可靠，不得發布虛假信息，信息內容有必要契合中華人民共和國有關的法令和法規，特別是國務院公布的《互聯網信息效勞辦理辦法》。不然，由此而形成的悉數后果由甲方承當職責。

2、兩邊簽署協議后，甲方應按規則交納預付金額，在乙方制造結束后當日，甲方交給悉數制造費，不然因違反規則形成的后果，由甲方擔任。

3、由不可抗力要素(地震，臺風，洪水，政府行動及其它非乙方人力所能預見或防止的要素)形成本協議無法實行，乙方不承當任何職責。

4、甲方違約或拒不付費時，乙方有權封閉甲方租借效勞器的運用帳號，頁面，空間，域名另行處理。由此形成的丟失由甲方擔任。

5、因不可抗力之外的緣由，形成甲方效勞器間斷運轉，乙方以_________天為基本單位(虛擬主機租借費之1%)，向甲方補償租借效勞費丟失。

因為internet是全球互聯網絡，因而因為別的通路上的偶爾堵塞，而形成用戶的拜訪速率下降;有時在對效勞器或裝置用戶程序時也許會發作一段時刻的間斷，以上表象在任何效勞器上都有也許發作，是屬正常表象。甲方對此應表明認同。

甲方：

1、甲方為一家依法建立并合法存續的公司，有權簽署并有才能實行本合同。

2、甲方簽署和實行本合同所需的悉數手續(_________)均已辦好并合法有用。

3、在簽署本合同時，任何法院、判決組織、行政機關或監管組織均未作出任何足以對甲方實行本合同發作嚴重晦氣影響的判定、判定、判定或詳細行政行動。

4、甲方為簽署本合同所需的內部授權程序均已完結，本合同的簽署人是甲方法定代表人或授權代表人。本合同收效后即對合同兩邊具有法令約束力。

乙方：

1、乙方為一家依法建立并合法存續的公司，有權簽署并有才能實行本合同。

2、乙方簽署和實行本合同所需的悉數手續(_________)均已辦好并合法有用。

3、在簽署本合同時，任何法院、判決組織、行政機關或監管組織均未作出任何足以對乙方實行本合同發作嚴重晦氣影響的判定、判定、判定或詳細行政行動。

4、乙方為簽署本合同所需的內部授權程序均已完結，本合同的簽署人是乙方法定代表人或授權代表人。本合同收效后即對合同兩邊具有法令約束力。

甲乙兩邊確保對在評論、簽定、實行本協議進程中所得悉的歸于對方的且無法自揭露途徑獲得的文件及材料(包含商業秘密、公司方案、運營活動、財政信息、技術信息、運營信息及別的商業秘密)予以保密。未經該材料和文件的原供給方贊同，另一方不得向任何第三方走漏該商業秘密的悉數或有些內容。但法令、法規還有規則或兩邊還有約好的在外。保密期限為_________年。

1、依據本合同需求一方向另一方宣布的悉數告訴以及兩邊的文件來往及與本合同有關的告訴和懇求等，有必要用書面形式，可采用_________(信件、傳真、電報、當面送交等)方法傳遞。以上方法無法送達的，方可采取公告送達的方法。

2、各方通訊地址如下：_________。

3、一方改變告訴或通訊地址，應自改變之日起_________日內，以書面形式告訴對方;不然，由未告訴方承當由此而導致的有關職責。

本合同實行時期，發作特殊狀況時，甲、乙任何一方需改變本合同的，懇求改變一方應及時書面告訴對方，征得對方贊同后，兩邊在規則的時限內(書面告訴宣布_________天內)簽定書面改變協議，該協議將變成合同不可分割的有些。未經兩邊簽署書面文件，任何一方無權改變本合同，不然，由此形成對方的經濟丟失，由職責方承當。

除合同中還有規則外或經兩邊洽談贊同外，本合同所規則兩邊的任何權力和職責，任何一方在未經征得另一方書面贊同之前，不得轉讓給第三者。任何轉讓，未經另一方書面明晰贊同，均屬無效。

1、本合同受中華人民共和國法令統轄并按其進行解說。

2、本合同在實行進程中發作的爭議，由兩邊當事人洽談處理，也可由有關部門調停;洽談或調停不成的，按下列第_________種方法處理：

(1)提交_________判決委員會判決;。

(2)依法向人民法院起訴。

1、假如本合同任何一方因受不可抗力事情影響而未能實行其在本合同下的悉數或有些職責，該職責的實行在不可抗力事情阻礙其實行時期應予間斷。

2、宣稱遭到不可抗力事情影響的一方應盡也許在最短的時刻內經過書面形式將不可抗力事情的發作告訴另一方，并在該不可抗力事情發作后_________日內向另一方供給對于此種不可抗力事情及其持續時刻的恰當依據及合同不能實行或許需求延期實行的書面材料。宣稱不可抗力事情導致其對本合同的實行在客觀上變成不也許或不實際的一方，有職責盡悉數合理的盡力消除或減輕此等不可抗力事情的影響。

3、不可抗力事情發作時，兩邊應立即經過友愛洽談決議如何實行本合同。不可抗力事情或其影響停止或消除后，兩邊須立即恢復實行各安閑本合同項下的各項職責。如不可抗力及其影響無法停止或消除而致使合同任何一方損失繼續實行合同的才能，則兩邊可洽談解除合同或暫時推遲合同的實行，且遭受不可抗力一方無須為此承當職責。當事人拖延實行后發作不可抗力的，不能革除職責。

4、本合同所稱“不可抗力”是指受影響一方不能合理操控的，無法意料或即便可意料到也不可防止且無法戰勝，并于本合同簽定日之后呈現的，使該方對本合同悉數或有些的實行在客觀上變成不也許或不實際的任何事情。此等事情包含但不限于自然災害如水災、火災、旱災、臺風、地震，以及社會事情如戰爭(不管曾否宣戰)、騷動、停工，政府行動或法令規則等。

本合同未盡事宜或條款內容不明晰，合同兩邊當事人能夠依據本合同的準則、合同的意圖、買賣習氣及相關條款的內容，依照一般了解對本合同作出合了解說。該解說具有約束力，除非解說與法令或本合同相沖突。

本合同未盡事宜，依照有關法令、法規實行，法令、法規未作規則的，甲乙兩邊能夠達到書面彌補合同。本合同的附件和彌補合同均為本合同不可分割的組成有些，與本合同具有同等的法令效能。

1、本合同自兩邊或兩邊法定代表人或其授權代表人簽字并加蓋單位公章或合同專用章之日起收效。

2、本協議一式_________份，甲方、乙方各_________份，具有同等法令效能。

3、本合同的附件和彌補合同均為本合同不可分割的組成有些，與本合同具有同等的法令效能。

甲方(蓋章)：_________。

乙方(蓋章)：_________。

_________年____月____日。

網頁的制作教學設計（優秀19篇）篇十四

法定代表人：_________________。

住所：_______________________。

統一社會信用代碼：___________。

郵編：_______________________。

電話：_______________________。

傳真：_______________________。

乙方(受托方)：______________。

法定代表人：_________________。

住所：_______________________。

統一社會信用代碼：___________。

郵編：_______________________。

電話：_______________________。

傳真：_______________________。

甲方為樹立企業形象，擴大宣傳，拓寬銷售渠道，甲方在此委托乙方設計、制作網頁。為明確雙方責任，經雙方協商，根據中國法律，上述甲、乙雙方就委托設計、制作網頁達成如下協議并承諾共同遵守。

第一條工作進度與安排、數量、價款、交付和驗收方式。

1.合同金額及付款方式明細。

1-1合同金額。

策劃創意費：策劃創意a型______元;電子商務型______元;。

首頁：_________頁×______元/頁=______元;。

中文主頁：______頁×______元/頁=______元;。

英文主頁：______頁×______元/頁=______元;。

屏幕保護：__________個×______元/個=______元;。

全景演示：__________個×______元/個=______元;。

計數器：____________個×______元/個=______元;。

動畫效果：__________個×______元/個=______元;。

realmedia：________個×______元/個=______元;。

wp3：___________個×______元/個=______元;。

movmpeg：______個×______元/個=______元。

其他：_______________________________________。

費用總計：____________，大寫：________________。

1-2付款方式。

本合同涉及總金額為人民幣________元，大寫：____________，合同簽訂后______日內，甲方支付合同金額的________%，即________元，大寫：____________。驗收之后________日內支付合同余款即________元，大寫：____________。

完成時間：乙方收到材料、圖片及合同第九條的款項后______日內制作完成。

驗收期限：甲方在________年________月________日前完成網頁的驗收，并確認。

上傳期限：乙方在________年________月________日前交付網頁或者上傳至指定網絡服務器上。

付款期限：甲方須于________年________月________日前將余項匯至乙方賬戶。

2.驗收標準和驗收后修改補充。

2-1甲方可以通過任何與因特網進行網絡連接的計算機瀏覽自己的主頁。

2-2主頁無文字拼寫及圖片(以甲方提供的材料為標準)錯誤。

2-3驗收期限為______星期。

2-4驗收合格，甲方以書面方式簽收。

2-5驗收合格網上發布后，如果甲方需要修改主頁，可根據改動情況酌情優惠收取制作費。

3.合同期限。

本合同有效期為________年________月________日至________年________月________日。

4.我公司免費為甲方提供服務____個月，從____年____月____日至____年____月____日。

5.驗收完成接收我公司提交的《網站維護手冊》及《網站維護報價表》。本頁面均不包括多媒體頁面。每次維護客戶需出具書面的維護任務單。任務單下達后再有變更，將視為又一次維護;涉及網站結構、頁面模板的更新將視為重新制作，具體價格另行商議。

第二條合同履行期限按照前述的工作進度決定，經雙方協商一致，可以延長該期限(以下統稱合同期限)。

第三條甲方應向乙方提供必要的資料并派專人負責與乙方聯絡、協調。

第四條乙方承諾在履行合同時不進行有損甲方形象、聲譽等的行為。

第五條雙方的基本權利和基本義務。

1.甲方的權利和義務。

1-1提供有關甲方的材料及圖片等，并保證材料完整、圖片清晰。

1-2本合同標的物的使用應當符合國家法律規定和社會公共利益。

1-3按本合同約定支付費用。

1-4依合同約定使用合同標的`物。

2.乙方的權利和義務。

2-1按照甲方提供的材料按時完成主頁的制作。

2-2可以在主頁中注明該主頁由乙方制作。

2-3依合同收取費用。

第六條甲方同意按雙方約定的付款方式和時間及時向乙方支付合同費用，以及提供其他必要的幫助。

第七條工作完成后乙方以紙介、磁盤或cd-rom形式將合同標的物交付給甲方，也可以按照甲方的要求將網頁上傳到指定的網絡服務器上。

第八條本合同標的物在交付后_____日內，乙方可以按照甲方的請求進行修改。在上述期限內甲方未提出異議的，視為合格。

第九條在本合同簽訂后_____日內，甲方向乙方支付合同金額的_________%，計人民幣________元整，大寫___________。

第十條甲方承諾，向乙方提供的內容、資料等不會侵犯任何第三方的權利;若發生侵犯第三方的權利的情形，由甲方承擔全部責任。因甲方在使用本合同標的物時給第三人造成損害的，由甲方自行承擔責任。

第十一條甲方同意，本合同的簽署意味著甲方授權乙方在履行本合同時可以使用甲方的名稱、商標、域名、企業標志等，但此等使用不能損害甲方的利益。

第十二條乙方如有需要須將本合同項目有關內容委托第三方制作、設計的，應保證該有關內容的質量符合前述的要求并保證甲方在本合同中的利益不會受到不利影響。

第十三條本合同標的物及相關作品、程序、文件源碼的，但乙方授予甲方排他的使用權。未經乙方許可，甲方不得公布文件源碼，不得復制、傳播、出售或者許可他人使用標的物作品及其程序等。乙方可以在業務范圍內使用這些作品。

第十四條甲方不能按時支付合同費用，導致的工期延誤，其責任由甲方承擔。

第十五條雙方當事人應當保守在履行本合同過程中獲知的對方商業秘密。

第十六條雙方應本著誠實信用的原則履行本合同。任何一方在履行中采用欺詐、脅迫或者暴力的手段，另一方可以解除本合同并有權要求對方賠償損失。

任何一方在履行中發現或者有證據表明對方已經、正在或將要違約，可以中止履行本合同，但應及時通知對方。若對方繼續不履行、履行不當或者違反本合同，該方可以解除本合同并要求對方賠償損失。

第十七條本合同簽訂后，經雙方當事人協商一致，可以對本合同有關條款進行變更或者補充但應當以書面形式確認。上述文件一經簽署，即具有法律效力并成為本合同的有效組成部分。

第十八條任意一方欲提前解除本合同，應提前通知對方。甲方提前解除合同的，無權要求乙方返還第九條的費用并應對乙方遭受的損失承擔賠償責任;乙方無故解除合同的，應雙倍返還上述費用。本合同其他條款對合同的解除另有約定的，從其約定。

第十九條任何一方沒有行使其權利或沒有就對方的違約行為采取任何行動，不應被視為是對權利的放棄或對追究違約責任或義務的放棄。任何一方放棄針對對方的任何權利，或放棄追究對方的任何過失，不應視為對任何其他權利或追究任何其他過失的放棄。

前款權利不因本合同的終止、撤銷、無效而消失。

第二十條任何一方違反本合同，給對方造成損失的，還應賠償損失。

在本合同其他條款對違約有具體約定時，從其約定。

第二十一條因不可抗力或者其他意外事件，或者使得本合同的履行不可能、不必要或者無意義的，任一方均可以解除本合同。遭受不可抗力、意外事件的一方全部或部分不能履行本合同、解除或遲延履行本合同的，應將事件情況以書面形式通知另一方并向另一方提交相應的證明。

本合同所稱不可抗力、意外事件是指不能預見、不能克服并不能避免且對一方當事人造成重大影響的客觀事件，包括但不限于自然災害如洪水、地震、火災和風暴等以及社會事件如戰爭、動亂、政府行為等。

第二十二條訂立本合同所依據的客觀情況發生重大變化，致使本合同無法履行的，經雙方協商同意，可以變更本合同相關內容或者終止合同的履行。

第二十三條一方變更通信地址或者聯系方式，應及時將變更后的地址、聯系方式通知另一方，否則變更方應對此造成的一切后果承擔責任。

第二十四條雙方當事人對本合同的訂立、解釋、履行、效力等發生爭議的，應友好協商解決;協商不成的，雙方同意向______仲裁委員會提交仲裁并接受其仲裁規則。

本合同的終止、撤銷、無效不應影響前款約定的效力。

第二十五條本合同的訂立、解釋、履行、效力和爭議的解決等均適用中華人民共和國法律。對本合同的理解與解釋應根據原意并結合本合同目的進行。

第二十六條如果本合同任何條款根據現行法律被確定為無效或無法實施，本合同的其他所有條款將繼續有效。此種情況下，雙方將以有效的約定替換該約定，且該有效約定應盡可能接近原約定和本合同相應的精神和宗旨。

第二十七條本合同經雙方授權代表簽字并蓋章，自簽訂日起生效。

第二十八條本合同一式兩份，雙方當事人各執一份，具有同等法律效力。

甲方：___________。

乙方：___________。

____年_____月_____日。

網頁的制作教學設計（優秀19篇）篇十五

學歷：中專/技校。

工作年限：1-2年。

工作地點：廣州-不限。

求職意向：淘寶美工|平面設計|美術編輯/設計|cad設計/制圖|網頁設計/制作。

對色彩敏感。

工作經驗。

(工作了1年，做了2份工作)。

超碩電子有限公司。

工作時間：2016年5月至2017年3月[10個月]。

職位名稱：倉管。

雅依閣女裝商城。

工作時間：2017年3月至2017年5月[2個月]。

職位名稱：美工助理。

教育經歷。

2015年12月畢業福建省湄洲灣職業技術學校平面設計。

項目/培訓經驗。

2017年5月-2017年6月美工技能。

項目/培訓機構：淘慧電商培訓。

項目/培訓內容：主圖設計，詳情頁設計，海報設計，首頁設計，后臺店鋪裝修。

自我描述。

積極向上，敢于挑戰自己極限遇事冷靜，能吃苦顧大局具有較強的團隊合作精神。

將本文的word文檔下載到電腦，方便收藏和打印。

網頁的制作教學設計（優秀19篇）篇十六

甲乙雙方經友好協商，就主頁制作事宜達成如下協議：

一、甲方委托乙方制作甲方網站的主頁，乙方應按照甲方的要求制作主頁，并達到甲方滿意的效果。該網頁內含有/不含有后臺管理系統。

1.首頁設計，制作費：_________元;。

2.內頁設計，制作費：_________元;。

多層動畫設計，制作費：_________元;。

頁面設計，制作費：_________元。

三、付款。

合同簽訂后當日，甲方應當預付_________元定金。

網頁制作費用共計人民幣：_________元整，應在驗收期完成后_________天內交付。

四、驗收標準。

1.甲方可以通過任何與因特網進行網絡連接的計算機瀏覽自己的主頁。

2.主頁無文字拼寫及圖片(以甲方提供的材料為標準)錯誤。

3.驗收合格，甲方以書面文字傳真方式簽收。驗收期限為_________。

五、甲方權利義務。

1.提供有關企業的電子文字材料及圖片，以及其他相關文件，應保證材料完整，圖片清晰。甲方必須保證提供的信息內容真實可靠，不得發布虛假信息，信息內容必須符合中華人民共和國有關的法律和法規。

2.甲方有權根據網站平面設計圖提出修改意見。

3.甲方有權要求乙方按照雙方商定的網站結構，在雙方約定的時間內，完成合同中規定的內容。

5.依合同約定時間使用主頁。

6.甲方付清應付乙方的全部款項后，甲方正式享有網頁的全部使用權。

7.甲方應對網頁的源代碼進行備份。因甲方未對網頁的源代碼進行備份而發生源代碼損壞丟失等，乙方無法為甲方恢復，也對此不負責任。

六、乙方權利義務。

1.乙方依據雙方商定的網站結構，在雙方約定的時間內，完成規定的內容。

2.乙方對甲方提供的文字及圖片資料中所涉及的包括知識產權在內的一切法律問題不承擔任何法律責任。

3.在制作過程中，對甲方陸續提出的修改要求，乙方應盡力協助實現，對有可能影響雙方約定的完成時間的要求，乙方有權提出合理的延期請求，由雙方協商確定具體時間。

4.由于甲方未及時提供資料而導致乙方工作不能按時完成，乙方不負任何責任，并有權向甲方提出延期要求，延期時間由雙方協商確定。

5.乙方負責在驗收期內，如果甲方需要修改主頁，可以免費進行較小的改動。

6.乙方負責對甲方進行操作培訓，該培訓可以以任何方式進行，如電話，傳真，面授等，培訓內容僅限于乙方所提供的服務的內容，如郵件的使用，源代碼及數據庫的備份，網站后臺管理的使用等。培訓內容不包括網頁制作等相關內容。

七、違約責任。

1.由不可抗力因素(地震，臺風，洪水，政府行為及其它非乙方人力所能預見或避免的因素)造成本協議無法執行，乙方不承擔任何責任。

2.甲方違約或拒不付費時，乙方有權不退還定金，有權向甲方提出索賠，具體額度由雙方協商確定，由此造成的損失由甲方負責。

3.乙方違約或沒有按照合同規定按時完成，甲方有權拒絕付款，由此造成的損失，乙方自行承擔。

八、聲明及保證。

甲方：

1.甲方為一家依法設立并合法存續的企業，有權簽署并有能力履行本合同。

2.甲方簽署和履行本合同所需的一切手續均已辦妥并合法有效。

3.在簽署本合同時，任何法院、仲裁機構、行政機關或監管機構均未作出任何足以對甲方履行本合同產生重大不利影響的判決、裁定、裁決或具體行政行為。

4.甲方為簽署本合同所需的內部授權程序均已完成，本合同的簽署人是甲方的法定代表人或授權代表人。本合同生效后即對合同雙方具有法律約束力。

乙方：

1.乙方為一家依法設立并合法存續的企業，有權簽署并有能力履行本合同。

2.乙方簽署和履行本合同所需的一切手續均已辦妥并合法有效。

3.在簽署本合同時，任何法院、仲裁機構、行政機關或監管機構均未作出任何足以對乙方履行本合同產生重大不利影響的判決、裁定、裁決或具體行政行為。

4.乙方為簽署本合同所需的內部授權程序均已完成，本合同的簽署人是乙方的法定代表人或授權代表人。本合同生效后即對合同雙方具有法律約束力。

九、保密。

雙方保證對從另一方取得且無法自公開渠道獲得的商業秘密(技術信息、經營信息及其他商業秘密)予以保密。未經該商業秘密的原提供方同意，一方不得向任何第三方泄露該商業秘密的全部或部分內容。但法律、法規另有規定或雙方另有約定的除外。保密期限為_________年。

一方違反上述保密義務的，應承擔相應的違約責任并賠償由此造成的損失。

十、不可抗力。

本合同所稱不可抗力是指不能預見、不能克服、不能避免并對一方當事人造成重大影響的客觀事件，包括但不限于自然災害如洪水、地震、火災和風暴等以及社會事件如戰爭、動亂、政府行為等。

如因不可抗力事件的發生導致合同無法履行時，遇不可抗力的一方應立即將事故情況書面告知另一方，并應在_________天內，提供事故詳情及合同不能履行或者需要延期履行的書面資料，雙方認可后協商終止合同或暫時延遲合同的履行。

十一、通知。

1.根據本合同需要發出的全部通知以及雙方的文件往來及與本合同有關的通知和要求等，必須用書面形式，可采用_________(書信、傳真、電報、當面送交等方式)傳遞。以上方式無法送達的，方可采取公告送達的方式。

2.各方通訊地址如下：_________。

3.一方變更通知或通訊地址，應自變更之日起_________日內，以書面形式通知對方;否則，由未通知方承擔由此而引起的相應責任。

十二、爭議的處理。

1.本合同受_________國法律管轄并按其進行解釋。

2.本合同在履行過程中發生的爭議，由雙方當事人協商解決，也可由有關部門調解;協商或調解不成的，按下列第_________種方式解決：

(1)提交_________仲裁委員會仲裁;。

(2)依法向人民法院起訴。

十三、解釋。

本合同的理解與解釋應依據合同目的和文本原義進行，本合同的標題僅是為了閱讀方便而設，不應影響本合同的解釋。

十四、補充與附件。

本合同未盡事宜，依照有關法律、法規執行，法律、法規未作規定的，甲乙雙方可以達成書面補充協議。本合同的附件和補充合同均為本合同不可分割的組成部分，與本合同具有同等的法律效力。

本合同自雙方或雙方法定代表人或其授權代表人簽字并加蓋公章之日起生效。有效期為_________年，自_________年_________月_________日至_________年_________月_________日。本合同正本一式_________份，雙方各執_________份，具有同等法律效力;合同副本_________份，送_________留存一份。

甲方(蓋章)：_________乙方(蓋章)：_________。

授權代表(簽字)：_________授權代表(簽字)：_________。

_________年____月____日_________年____月____日。

簽訂地點：_________簽訂地點：_________。

網頁的制作教學設計（優秀19篇）篇十七

1.學習用黑色卡紙制作剪影人物。2．了解皮影藝術的特點。

3．增強對中國民間傳統藝術的了解。

二、課前準備。

1．搜集有關皮影的圖片文字資料。

2．準備黑色卡紙針線竹條剪刀刀片等用于制作剪影的材料。

3．選擇幾個傳統劇目或故事（民間故事成語故事）所選擇的劇目或故事，內容和情節應簡單易懂。

三、教學過程。

第1課時。

（一）引導階段。

1．學生之間交流搜集到的有關皮影的圖像和文字資料，談談他們所知道的皮影知識。

2．分組討論皮影戲中人物的造型特點（用燈光照射獸皮或紙版雕刻成的人物剪影以表演故事的戲劇劇目唱腔多同地方戲曲相互影響，由藝人一邊操縱一邊演唱，并配以音樂）。

3．指導學生觀察教科書上的圖例技法點擊欄目中的剪影人物制作過程，想一想皮影該如何制作。

（1）第一步：剪出人物造型。（2）第二步：用針線縫上手臂腿。（3）第三步：裝上木棍。（4）第四步：操作、表演。

（二）發展階段。

1．將學生根據劇目或故事，分成小組，分小組進行構思合作創作（提示學生要根據故事的內容和情節來考慮人物的造型特點）。

2．學生進行創作，教師巡視指導。3．未完成的可以在課后接著制作。

4．準備下節課的表演，想一想該怎樣表演。

第2課時。

（剪影表演）課前準備：布置環境。

（一）每個小組將自己制作的剪影。

輪流進行表演展示體驗民間皮影藝人的表演技能。

（二）教師對學生的表演進行總結點評。

（三）總結。

激發學生對民間美術的認同感。

（四）拓展。

用透明膠片等透明或半透明的材料，試著制作彩色的皮影，在課余，同小伙伴一起演一演。

網頁的制作教學設計（優秀19篇）篇十八

本課的教學內容是第四課學習的一個延續，屬于“造型表現”領域的一個學習內容，是色彩系列的一部分。教材中介紹了野獸派的先驅安德烈·德蘭，課文中所出現的《查靈克羅斯大橋》這幅名作，強烈的色彩對比使畫面產生了動感，無論是樹，還是路或街上的車和行人都和著一種旋律在動。學生通過對作品的欣賞，感悟對比色在繪畫作品中的強烈、活潑、跳躍等美感，并由此激發創作的靈感。

學生分析。

教學目標。

知識與技能：學習和了解色彩的視覺規律，引導學生感受色彩對比的形式美感，運用色彩的對比完成一副有動感的作業。過程與方法：通過欣賞藝術作品中色彩的對比，培養學生的審美能力，提高色彩的造型能力。情感態度與價值觀：培養學生熱愛生活、熱愛自然的情感以及對美術學習活動的興趣。

教學重點。

如何用色彩的對比關系表現動感。

教學難點。

對比色的運用以及畫面動感的表現。

課前準備。

教學課件、繪畫工具、材料。教學過程。

一、導（導入新課）。

1、比賽：請學生以小組合作的形式，以最快的時間利用彩色紙張拼貼作品《跳動的旋律》。

2、交流合作的成果，比一比誰運用的對比色最多、誰的畫面表現的動感最強。

[設計意圖]以游戲的形式來檢查學生對前課關于“色彩對比”知識的掌握情況，通過比較合作的作品，鞏固本課的知識點，并引入欣賞名作。

二、示（出示學習目標）。

1、學習和了解色彩的視覺規律。

2、如何用色彩的對比關系表現動感。

三、論（學生分小組討論）。

欣賞：請學生欣賞安德烈·德蘭《查靈克羅斯大橋》。

1、出示兩幅相同的畫面，但所運用的色彩不同。

（a圖：原作b圖：利用修圖軟件修改成色調平和的畫面）。

2、兩個畫面給你的感覺是怎么樣的？

3、畫家利用色彩的對比表達了怎么樣的情感？

4、你在哪里見過這樣充滿強烈對比色彩的景物（畫面）？

5、老師小結。

[設計意圖]老師設計談話式的問題，引發學生的自主思考。讓學生在創設的環境中激發學習的興趣和愉悅的心情。

四、范（教師演示）。

出示一幅表現跳動的畫面（線描稿）??。

五、練（學生練習）。

1、參考課本的學生作品：利用水粉顏料表現這個跳動的畫面。

2、嘗試：自己選擇一個主題進行創作。

3、老師巡視輔導，對優秀的作品進行適時的表揚，對個別的作品進行即時的修改。[設計意圖]從小組合作到個人表現、從顏料繪色到自主創作，難度逐漸增加，既能循序漸進，又能有效地調動學生的積極性。

六、評（展評作品）。

1、學生為自己喜歡的作品進行介紹、或評價其他同學的作品，說說為什么喜歡。

2、老師作出適當的補充和點評。

[設計意圖]培養學生對作品的評價能力，在欣賞與比較中體驗成功的喜悅。

網頁的制作教學設計（優秀19篇）篇十九

甲方：

指定聯系人：

地址：郵編：

電話：傳真：

指定聯系電子郵箱：

指定關聯域名：

乙方：

地址：郵編：

電話：傳真：

指定聯系電子郵箱：

甲方因樹立企業形象，擴大宣傳等需要，委托乙方設計、制作網頁。為明確雙方責任，根據《民法典》，雙方就委托設計、制作網頁達成如下協議并承諾共同遵守。

除非有特別的說明，本合同中“委托方”與“甲方”指同一主體；“受托方”與“乙方”系指同一主體。

一、委托項目。

甲方委托乙方負責設計、制作、建設和開發甲方網站（不含域名注冊、網站空間、企業郵箱、網站維護、網站推廣等服務），其內容為：_________________________共_______項。

a.整個網站的首頁整體美術風格構思、設計、制作，具體：_____________________________________________________。

b.欄目首頁的美術風格構思、設計、制作，具體：_____________________________________________________。

c.基本網頁：_________________________________________________________________。

d.文字資料，具體：____________________________________________________。

e.基本圖片處理，具體：________________________________________________。

f.特效gif動畫：____________________________________________________。

g.特效flash動畫：___________________________________________________。

h.全景演示：_________________________________________________________。

i.音效：____________________________________________________________。

j.多媒體：___________________________________________________________。

k.基本功能模塊：_____________________________________________________。

l.定制功能模塊，要求：________________________________________________。

m.其他內容：_________________________________________________________。

二、甲、乙雙方權利、義務和責任。

1、甲方須在本合同規定的時間（最遲不超過合同簽定日期兩天）內向乙方提供齊備網站內容資料（文字、圖片、音頻、視頻等），均須以電子版的形式提供（可另行協商提供文字版），并保證該資料不違反國家法律、法規，不侵犯任何第三方的權利，否則由此引起的全部責任由甲方自己完全承擔，與乙方無任何關系。

2、甲方積極、及時向乙方提出對網站制作明確的需求、要求和建議等或配合乙方人員明確網站制作的需求、要求和詳盡事宜等，授權指定一甲方內部人員或其他項目監理公司的人員作為該網站制作項目的負責人，該負責人應及時對乙方的工作進度和成果進行確認、驗收及代表甲方及時明確具體要求或提出意見、建議等，全力配合乙方以最高的效率在規定的時間內完成該網站制作項目。

3、本合同標的在交付后三日內，乙方可以按照甲方的請求進行修改。在三日內甲方未提出異議的，視為合格。

4、甲方應自合同簽訂之時向乙方支付定金，采取匯款或者現金的形式支付定金的，甲方須于定金匯出后將匯款底單傳真至乙方，乙方收到該底單后方開始著手制作。甲方不在合同規定時間內支付定金的，視為違約，乙方有權拒絕履行或單方終止該合同并有權收取甲方相當于總制作費5%的違約金。

5、甲方須以書面形式對乙方制作好的網站進行驗收確認，乙方制作好的網站一經甲方驗收合格，乙方的制作任務即告完成，甲方應在驗收之日向乙方支付其余的制作費。

6、甲方可以向乙方或第三方互聯網服務商購買域名注冊、網站空間、企業郵箱、網站維護、網站推廣、網站備案等服務。采用第三方的網站空間時乙方應給予必要的配合和協助。

7、乙方確保該網站制作的質量并保證不侵犯第三方權利，網站質量標準按附件所規定詳細條款核定，如網站質量無法達到合同規定標準，則甲方有權要求乙方修改，或重新制作。

8、乙方應對涉及甲方商業秘密的事項保密，應確保甲方提供的資料和信息等不向任何第三方提供并于項目驗收通過后及時將其載體歸還給甲方。

9、乙方在網站制作完成及甲方驗收確認后將給出電子文檔形式的《網站操作說明》或指導甲方操作該網站。

10、網站制作工作完成后乙方可以按照甲方的要求將網頁上傳到指定的網絡服務器上，交付給甲方使用。在網站驗收合格網上發布后，如果甲方需要增加修改頁面，可根據改動情況另收取制作費。

三、定金和制作費支付。

此網站的總制作費為________________元（大寫：_______________元人民幣）；甲方應自合同簽訂之時向乙方支付相當于總制作費60%的定金________元（大寫：_________元人民幣），于網站制作完成之日支付乙方其余的服務費___________元（大寫：___________元人民幣）。

四、違約責任。

合同簽訂后如甲方終止合同，則定金不再退還，歸乙方所有。

除不可抗力原因外，若乙方因自身原因導致網站制作完成的延遲，則每延遲一日退還總制作費的千分之五。

因不可抗力或者其他意外事件，或者使得本合同的履行不可能、不必要或者無意義的，任一方均可以解除本合同。遭受不可抗力、意外事件的一方全部或部分不能履行本合同、解除或遲延履行本合同的，應將事件情況以書面形式通知另一方并向另一方提交相應的證明。

雙方當事人對本合同的訂立、解釋、履行、效力等發生爭議的，應友好協商解決；協商不成的，雙方向仲裁委員會提交仲裁并接受其仲裁規則；若協商、調解、仲裁未成，則可向人民法院提起訴訟。此合同一式兩份，每份共4頁，雙方各執一份，自雙方簽字之日起生效。

甲方單位：________乙方單位：________。

授權代表簽字（蓋章）：授權代表簽字（蓋章）：

日期：日期：