1、第四節(jié) 用表格布置版面【教學重點】根據網站設計主題利用表格選擇不同的版面布局【教學難點】欄目與內容的選擇與版面設計的和諧統一【教學對象分析】高二年級的學生已經學習了 Windowsxp 、Office2003的基本操作，具備基本的信息處理能力，大多數學生已具備了制作一般的網頁所具有的技能。對制作網頁的興趣較大，但是許多學生網頁作品制作的隨意性較大，比如：主題立意不新，內容龐雜，色彩凌亂，結構不嚴，對小組協同學習的方式不太適應，對選擇適當的工具，處理聲音、動畫、視頻、圖像等信息技術和原理，還要進一步的學習。【教學目標】1、知識與技能 ：（1）能熟練使用網絡課程平臺搜索資料。能從實際學習中獲取信息

2、并加工、借鑒和整理。（2）掌握利用表格布置網頁版面的一般方法和步驟，能基本表達網站的內容創(chuàng)意、設計思路及制作過程。正確認識主題網站內容和結構的和諧統一。2、過程與方法：（1）通過小組協同合作學習，培養(yǎng)學生積極、合作、進取的品質。（2）發(fā)現和解決完成布局版面設計過程上的問題，小組與小組間能相互交流各自的經驗教訓。（3）能評價和調整網站設計和制作過程，對本小組和其他小組的網站設計做出恰當評價。3、情感、態(tài)度與價值觀通過評價和鑒賞他人的作品，體驗其創(chuàng)作思想，明了其中所蘊含的意義，培養(yǎng)學生健康的審美情趣，學會積極主動的學習，而不是抄襲。【教學方法和手段設計】1、任務驅動通過對一個現有的學生作品的解剖來

3、理解表格在完成一個主題網頁中的重要地位。通過moodle 分組、調查、討論、作業(yè)等多種綜合實踐活動形式，加上學生的認知實際，能使他們產生一種急切地完成任務的動機，而完成任務又能給他們帶來成就感和滿足感。這種心理上的內在動力驅使學生自覺地把計算機作為一種信息處理的工具來使用，由“要我學”變成“我要學”。在教學過程中，不斷把任務細化，一步步引導，最終激發(fā)學生的創(chuàng)作欲望，使學生在教師的引導下逐步達成教學目標。2、小組協作制作主題網站是個大任務，具有一定的開放性和綜合性。因此采取小組協作學習的方式是非常必要的。小組成員的知識程度、學習能力和思維方式都有差異，可以通過討論、交流與合作，取長補短、拓展思路

4、。每個學習小組由6-8人組成，最后，各小組作品集中上交作業(yè)，老師及時的給出成績和評價。【教學過程】該課以建構主義學習理論為指導，把傳統的教學模式變?yōu)閷W生自主式學習模式；以學生為中心，整個教學過程中教師起組織者、輔導者、參與者和促進者的作用，充分發(fā)揮學生的主動性、積極性和探索精神。最終達到使學生有效地實 附件一：網頁布局類型大致可分為“同”字型、拐角型、標題正文型、左右分欄型、上下框架型、綜合框架型、封面型、Flash 型等，下面將為同學們分別舉例介紹以上者幾種網頁布局的類型。1、“同”字型：也可以稱為“國”字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主

5、要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。下面是“中國人才熱線網站（上海站）”的首頁。2、“廠”字型：這種結構與上一種只是形式上的區(qū)別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側（或者右側）是一窄列鏈接等，右列（或者左列）是很寬的正文，下面可以有一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側（或者右側）是導航鏈接。下面是“上海交通大學網絡教育學院”的首頁。3、標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面、公告頁面或注冊頁面等就是這種類型。下面是交大網絡教育學院的一個公告頁面。4、左右分欄型：這是一種兩頁內容分為左右兩列的布局結構，有一些企業(yè)網站也喜歡采用這種類型結構作為網站的首頁安排布局，因為它非常清晰，一目了然。下面是我們同學平時可以登錄的學習平臺網站的首頁。 5、封面型：這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個“