了解和設(shè)計網(wǎng)站

創(chuàng)設(shè)情境，激趣導(dǎo)入欣賞網(wǎng)頁（）/2011/203//2011/103/班級目錄任務(wù)一：了解網(wǎng)站的基本結(jié)構(gòu)任務(wù)二：分析網(wǎng)站的欄目結(jié)構(gòu)和鏈接關(guān)系312任務(wù)三：設(shè)計“我愛我班”網(wǎng)站任務(wù)一：了解網(wǎng)站的基本結(jié)構(gòu)任務(wù)：瀏覽網(wǎng)頁，邀請小組成員寫出網(wǎng)頁元素包括哪些？方式：小組長收集意見，并寫出最終答案評分說明：答對一半以上記A，其余記B。工具：word、記事本方式任務(wù)一：了解網(wǎng)站的基本結(jié)構(gòu)文字圖片視頻超級鏈接圖片視頻文字文本鏈接圖片鏈接打開網(wǎng)頁任務(wù)一：了解網(wǎng)站的基本結(jié)構(gòu)網(wǎng)頁元素網(wǎng)頁元素動畫：flash制作音頻：MP3、WAV等文字圖片視頻構(gòu)成網(wǎng)頁的元素有哪些？超級鏈接任務(wù)二（1）：分析網(wǎng)站的欄目結(jié)構(gòu)和鏈接關(guān)系一位成員講解另一成員操作生生合作打開文件“任務(wù)二”

3分鐘自主學(xué)習(xí)PPT學(xué)習(xí)方式具體操作扮演教師角色任務(wù)二（1）：分析網(wǎng)站的欄目結(jié)構(gòu)和鏈接關(guān)系任務(wù)要求：

1、在IE瀏覽器中打開清華大學(xué)的網(wǎng)站（）,如下圖：任務(wù)二：分析網(wǎng)站的欄目結(jié)構(gòu)和鏈接關(guān)系任務(wù)要求：2、逐一打開各個欄目，記錄其1-2個欄目層次，并用箭頭標明它們之間的鏈接關(guān)系（注：指出部分鏈接關(guān)系即可；完全正確記A，其余記B。）第一層第二層第三層

主頁學(xué)校概況院系設(shè)置第一層第二層第三層

主頁學(xué)校概況院系設(shè)置教育教學(xué)師資隊伍科學(xué)研究人才招聘清華新聞走進清華（一級子頁）校長致辭歷任領(lǐng)導(dǎo)學(xué)校沿革任務(wù)二（2）：網(wǎng)站結(jié)構(gòu)

（打開文件“任務(wù)（2）”自主學(xué)習(xí)）類型定義優(yōu)點缺點樹形主頁上的超級鏈接指向一級子頁，一級子頁的超級鏈接指向二級子頁，依次類推。條理清晰瀏覽效率較低星形每個頁面上都設(shè)置一個共同的超級鏈接樞紐，所有的頁面都可以通過該樞紐保持鏈接。瀏覽方便訪問者隨時可以切換到自己想看的頁面；鏈接太多，訪問者容易迷失方向混合型結(jié)合了上面兩種結(jié)構(gòu)的優(yōu)點，在實際的網(wǎng)站設(shè)計中應(yīng)用較多。訪問者既可以方便快捷地到達自己需要的頁面，又能清楚地知道自己所處的位置。最常用混合型結(jié)構(gòu)：主頁和一級子頁之間采用星形結(jié)構(gòu)鏈接，一級和二級子頁、二級及三級子頁之間采用樹形結(jié)構(gòu)鏈接。判斷網(wǎng)站結(jié)構(gòu)類型圖1主頁一級子頁二級子頁一級子頁一級子頁三級子頁三級子頁二級子頁主頁一級子頁二級子頁一級子頁一級子頁三級子頁三級子頁二級子頁圖2方式：小組討論，每小組組長收集最終答案，寫在word中。全部正確記A，其余不記分。

小組討論畫出層次結(jié)構(gòu)圖使用工具：word、畫圖軟件、PPT學(xué)習(xí)方式任務(wù)三：設(shè)計“我愛我班”網(wǎng)站師生共同評價優(yōu)秀記A中等記B其中一位操作較強的小組成員先繪制框架，其他成員討論層次分明色彩諧調(diào)語言精練內(nèi)容豐富評價規(guī)則評價方式網(wǎng)站結(jié)構(gòu)實例圖網(wǎng)站結(jié)構(gòu)實例圖網(wǎng)站結(jié)構(gòu)實例圖

開始計時“我愛我班”網(wǎng)站結(jié)構(gòu)圖首頁美麗班級班級快報學(xué)科知識班級相冊原創(chuàng)作品心理