網(wǎng)頁制作第二節(jié)教案(存儲版)
【正文】 法：內(nèi)容單標(biāo)記 語法： 最常用的單標(biāo)記是標(biāo)記屬性 語法屬性1 屬性2 屬性3 … 例子注釋語句 格式例子 HTML文檔的基本結(jié)構(gòu) 【課后小結(jié)】通過本次課的學(xué)習(xí),要求能熟練掌握網(wǎng)頁面的基本標(biāo)志與格式標(biāo)志,并能靈活運(yùn)用 列表,有序列表,無序列表標(biāo)志及屬性。......，使文字成為前一個(gè)字符的下標(biāo)。【教學(xué)目的】使學(xué)生掌握簡單表格、表單與框架的制作。《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社?！窘虒W(xué)難點(diǎn)】* 理解表格屬性rowspan與colspan的含義以及表格嵌套實(shí)現(xiàn)的基本思想。 列表?xiàng)l目1 ......，以等寬體顯示西文字符?！窘虒W(xué)方式】討論式、案例分析式、練習(xí)式。【教學(xué)重點(diǎn)】網(wǎng)頁設(shè)計(jì)中的若干術(shù)語。否則，單擊“瀏覽”按鈕，從“選擇文件”對話框中選擇所需圖片，單擊“確定”按鈕，將圖片插入到網(wǎng)頁中。② 拖動圖片到頁面左側(cè)適當(dāng)位置。【教學(xué)難點(diǎn)】理解網(wǎng)頁設(shè)計(jì)中的若干術(shù)語?！窘虒W(xué)參考】《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。......，使文字大小相對于前面的文字增大一級。 列表?xiàng)l目2......有序列表1. 列表?xiàng)l目1 2. 列表?xiàng)l目2......定義列表 列表?xiàng)l目1 條目1的說明 列表?xiàng)l目2 條目2的說明 …… ...... 圖像地圖 【課后小結(jié)】本節(jié)介紹了在網(wǎng)頁中加入文本、圖片和超級鏈接的標(biāo)志與相應(yīng)屬性，熟練運(yùn)用這些標(biāo)志是制作多媒體網(wǎng)頁的基礎(chǔ)。* 理解框架屬性name、target的意義?！窘虒W(xué)方式】案例分析式、項(xiàng)目教學(xué) 【教學(xué)參考】《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。第四講 HTML表格、表單與框架標(biāo)志【教學(xué)內(nèi)容】講解HTML中制作表格、表單與框架的標(biāo)志。......，使文字成為前一個(gè)字符的上標(biāo)?！禜TML網(wǎng)頁制作教程》材義語編著 鐵道出版社。【教學(xué)參考】《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。在網(wǎng)頁編輯窗口中，可以像在Word中一樣直接輸入文字，進(jìn)行編輯和排版。二、【教學(xué)重點(diǎn)】 利用表格布局三、【難點(diǎn)、關(guān)鍵】 表中表的使用四、【教學(xué)方法】 演示、任務(wù)驅(qū)動法五、【課時(shí)安排】1課時(shí)六、【教學(xué)環(huán)境】多媒體教育廣播系統(tǒng)，Dreamweaver軟件七、【教學(xué)過程】 1．導(dǎo)入新課①回顧上節(jié)課的學(xué)習(xí)內(nèi)容②小組討論對比兩個(gè)網(wǎng)頁布局有什么不同？（心系奧運(yùn)，古玩今玩）2．新課講述1．利用表格布局頁面（布局表格和普通表格）操作步驟：①“插入”/“表格”或者在常用插入欄中的“插入表格”按鈕②在表格對話框中設(shè)置插入表格的行數(shù)，列數(shù)，表格寬度，邊框粗細(xì)，單元格邊距等，③單擊“確定”按鈕完成表格的創(chuàng)建（如果要邊框顯示就設(shè)置邊框的值，如果不要，就將其設(shè)置為0）表格屬性的設(shè)置（合并單元格，表格（選中整個(gè)表格）、文字的對齊方式（選中單元格）背景色設(shè)置）利用表中表來布局頁面的技巧（參考“心系奧運(yùn)”的布局方法）w 任務(wù)一:在”心系奧運(yùn)”://2．插入圖片 背景圖片“修改”/“頁面屬性”命令彈出“頁面屬性”對話框，在“分類”列表框中有
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1