網(wǎng)頁制作第二節(jié)教案(已修改)
2025-11-04 12:09 本頁面
【正文】 第一篇：網(wǎng)頁制作第二節(jié)教案由蓮山課件提供【第六章 第二節(jié) 網(wǎng)頁制作】教案一、【教學(xué)目標】插入表格，利用表格布局頁面插入背景圖像，插入圖象，對比兩者的異同。二、【教學(xué)重點】 利用表格布局三、【難點、關(guān)鍵】 表中表的使用四、【教學(xué)方法】 演示、任務(wù)驅(qū)動法五、【課時安排】1課時六、【教學(xué)環(huán)境】多媒體教育廣播系統(tǒng)，Dreamweaver軟件七、【教學(xué)過程】 1．導(dǎo)入新課①回顧上節(jié)課的學(xué)習內(nèi)容②小組討論對比兩個網(wǎng)頁布局有什么不同？（心系奧運，古玩今玩）2．新課講述1．利用表格布局頁面（布局表格和普通表格）操作步驟：①“插入”/“表格”或者在常用插入欄中的“插入表格”按鈕②在表格對話框中設(shè)置插入表格的行數(shù)，列數(shù)，表格寬度，邊框粗細，單元格邊距等，③單擊“確定”按鈕完成表格的創(chuàng)建（如果要邊框顯示就設(shè)置邊框的值，如果不要，就將其設(shè)置為0）表格屬性的設(shè)置（合并單元格，表格（選中整個表格）、文字的對齊方式（選中單元格）背景色設(shè)置）利用表中表來布局頁面的技巧（參考“心系奧運”的布局方法）w 任務(wù)一:在”心系奧運”://2．插入圖片 背景圖片“修改”/“頁面屬性”命令彈出“頁面屬性”對話框，在“分類”列表框中有“外觀”中設(shè)置，注意使用背景圖像的一些方法：①使用小圖，圖片容量小，方便傳輸，頁面美觀 ②色彩淡點，有利于后面的頁面制作。插入圖片 操作步驟：①將插入點移到要插入圖片的位置，“插入（I）”菜單中的“圖像（I）”命令，打開“圖像源文件”對話框，如果要插入的圖片已經(jīng)保存在當前的網(wǎng)站中，可以直接在圖的列表框中選取，然后單擊“確定”按鈕。否則，單擊“瀏覽”按鈕，從“選擇文件”對話框中選擇所需圖片，單擊“確定”按鈕，將圖片插入到網(wǎng)頁中。② 拖動圖片到頁面左側(cè)適當位置。注意要把圖片放到站點下 說明兩種圖像的不同點w 任務(wù)二：在首頁插入四幅圖像,每一幅圖像代表一個模塊,圖象大小設(shè)置成”249*48”,后面用文字說明模塊的概意 w在表格中輸放文字文字編輯是制作網(wǎng)頁最基本的操作。在網(wǎng)頁編輯窗口中，可以像在Word中一樣直接輸入文字，進行編輯和排版。w 任務(wù)三: 在插入的四幅圖像后加入文字說明，采用默認的字體和字號，顏色為黑色，居中排列。八、小結(jié)本次課內(nèi)容總結(jié)本堂課的學(xué)習內(nèi)容，還有，確定各小組期末作品的主題。由蓮山課件提供第二篇：網(wǎng)頁制作教案網(wǎng)頁制作與設(shè)計教案第一講 網(wǎng)頁設(shè)計概述....................................................................................................................3 .....................................................................................................................3 ...........................................................................
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1