泰山版八年級信息技術下冊全冊教案
網頁的創建(學案)學習者姓名 第一環節準備工作1.在教師指定的位置新建一個文件夾,以保存網頁和網頁中的 圖片等元素。你新建的文件夾名稱是:。 (寫出完整路徑) 2.啟動frontpage 2 000,熟悉操作環境。 frongpage 2 000編輯環境提供了6種試圖,分別是: ——、——、——、——、——和——。 編輯網頁應該在視圖下進行。 在網頁視圖方式下,單擊——標簽可直觀地進行網頁的編輯,單擊——標簽可直接編輯htmi。代碼,單擊——標簽可觀察網頁在瀏覽器中的效果。第二環節用模板創建網頁1.用模板創建網頁使用的菜單項是:。 2.你使用的是——模板。 3.你的網頁內容的主題是。 第三環節 編輯網頁內容1.必學: (1)將網頁中的文字換成與主題相關的內容。 (2)設置文字的字體、字號和顏色。 (3)至少插入一幅“來自文件”的圖片。體會與word中插入圖 片的不同之處。 (4)設置圖片的屬性 右擊圖片,選擇“圖片屬性”命令,在“外觀”選項卡中設置圖片的對齊方式和邊框粗細。 2.拓展 制作縮略圖。使用的菜單項是___________。 3.探究 能不能設置圖片與周圍文字的環繞方式?你得到的結論是:_________________第四環節預覽并保存網頁1.預覽網頁。 通常可以采用下列兩種方式預覽網頁。 (1)在“網頁視圖模式”下,單擊___________標簽。 (2)使用常用工具欄的___________按鈕。 2.保存網頁 保存網頁時,如果網頁中有新增的圖片,則會出現______對話框。 圖片一般保存在文件夾中。 你保存的網頁文件名是,網頁文件的擴展名是_________________第五環節體會你覺得使用模板創建網頁的優點和局限各是什么?
第二節 網頁布局 1.教學目標 知識與技能 ★了解常見的網頁版式。 ★知道表格在網頁中的作用。 ★會用表格規劃布局網頁。 過程與方法 通過欣賞、解剖典型的網頁版式,知道表格是布局網頁的主要手段。通過設計制作一個網頁,掌握用表格布局網頁的方法。 3.重點和難點。 重點是網頁版式的設計和表格的建立。難點是正確設置表格的屬性。 本節包括兩部分內容:網頁的版式和用表格布局網頁。前者是新知識,后者可以遷移文字處理中的表格的相關知識。 為了避免分散學生的注意力,提高課堂效率,教師課前最好下載一些典型版式的網頁(分欄效果明顯的、封面型的),讓學生自由瀏覽,然后歸納總結;教師也可以直接演示,引導學生總結。接下來,可以讓學生自己嘗試用表格布局指定的網頁版式(如教材中的樣例),如果時間允許,還可以填充網頁的內容。 三、教學建議 1.導入新課 可以從使用網頁模板創建網頁的局限性人手,引入如何從零開始自行規劃設計網.頁;或者從“如何定位圖片在網頁中的位置”人手,引人表格在網頁規劃中的作用;或者展示兩個網頁(其中,一個是用表格布局的,另一個是沒有使用表格布局、頁面很雜亂的),讓學生對比,指出哪個網頁好,然后教師指出網頁整齊的原因是使用了表格布局網頁。 2.實踐導引 (1)欣賞常見的網頁版式 網頁的布局離不開網頁的版式。很多與網頁制作相關的書上都把網頁的版式歸納為以下幾種:同字型、國字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型等,但是,這些表述很不直觀,學生理解起來難度很大。因此,教材在網頁的版式上做了一些處理,分為分欄式和封面型兩大類,分欄式又可以細分為一欄式、兩分欄式、三分欄式等。這樣處理,對于“網頁的版式”是零起點的初中學生來說,就容易接受得多。 對于初學者而言,網頁的版式分類宜粗不宜細。對于那些變化型的很藝術的網頁版式,教師可以提及,也可以鼓勵學有余力的學生去做,但不是教學的重點。 此部分內容建議以瀏覽的方式進行歸納總結。 (2)使用表格布局網頁 在引導學生歸納出網頁的常見版式后,讓學生啟動frontpage,打開這些網頁,帶著以下問題對網頁進行“解剖”。 ★為什么網頁中的內容很整齊? ★為什么網頁中的圖片可以在網頁的任意位置 ★為什么在瀏覽網頁時看不見表格的邊框? 讓學生用表格布局網頁時,注意從以下幾方面進行指導: ★為便于排版,一個網頁從上到下可以用多個表格進行布局。比如水平式的導航欄可以使用一行多列的表格。 ★單元格的拆分與合并。 ★區分表格和單元格的屬性設置,例如表格和單元格的對齊方式、背景顏色等。 ★鼓勵并指導學有余力的學生使用表格的嵌套,但層數不能太多。 4.評價建議 本節建議從以下幾方面進行評價。 ★是否使用了表格布局網頁? ★表格的邊框是否設置為隱藏? ★是否會拆分、合并單元格? ★是否會正確設置表格和單元格的常用屬性,如對齊方式、背景顏色等。 5.助力 學生只有了解了一個網頁的欄目組成后,才能有目的地布局網頁。在學生知道了網頁的常見版式后,可以進一步讓學生了解這部分內容,方式可以是學生自學,也可以教師演示。 6.加油 目前有不少網頁是采用了框架結構,尤其是一些教程。學有余力的學生可以進行嘗試,體會框架的特點。 四、練習參考 1.首頁、公司簡介、 2.網頁版式的類型:拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型等。 各種版式與分欄式的轉換:略。 第二節 網頁布局學習者姓名 第一環節欣賞常見的網頁版式常見的網頁版式有_________、_________等第二環節用表格布局網頁一個網頁通常岉_____________、______________、____________、_________、______________等欄目 執行_______________菜單命令,可以插入一個表格 需要隱藏表格的邊框線時,應將表格的邊框線粗細設置為_______________。