網(wǎng)頁(yè)制作教案(存儲(chǔ)版)
【正文】 最常用的單標(biāo)記是標(biāo)記屬性 語(yǔ)法屬性1 屬性2 屬性3 … 例子注釋語(yǔ)句 格式例子 HTML文檔的基本結(jié)構(gòu) 【課后小結(jié)】通過(guò)本次課的學(xué)習(xí),要求能熟練掌握網(wǎng)頁(yè)面的基本標(biāo)志與格式標(biāo)志,并能靈活運(yùn)用 列表,有序列表,無(wú)序列表標(biāo)志及屬性。......，使文字成為前一個(gè)字符的下標(biāo)?！窘虒W(xué)目的】使學(xué)生掌握簡(jiǎn)單表格、表單與框架的制作。《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社?！窘虒W(xué)難點(diǎn)】* 理解表格屬性rowspan與colspan的含義以及表格嵌套實(shí)現(xiàn)的基本思想。 列表?xiàng)l目1 ......，以等寬體顯示西文字符。【教學(xué)方式】討論式、案例分析式、練習(xí)式?！窘虒W(xué)重點(diǎn)】網(wǎng)頁(yè)設(shè)計(jì)中的若干術(shù)語(yǔ)。第一篇：網(wǎng)頁(yè)制作教案HTML第一節(jié)課使用DIV+CSS布局網(wǎng)頁(yè)使用CSS美化網(wǎng)頁(yè)制作精美的商業(yè)網(wǎng)站 會(huì)使用HTML標(biāo)簽 了解并會(huì)使用 CSS 層疊樣式表 div+CSS 做網(wǎng)頁(yè) 會(huì)使用HTML的基本結(jié)構(gòu)創(chuàng)建網(wǎng)頁(yè) 使用文本相關(guān)標(biāo)簽排版文本信息 使用圖像相關(guān)標(biāo)簽實(shí)現(xiàn)圖文并茂的頁(yè)面 會(huì)使用超鏈接相關(guān)標(biāo)簽實(shí)現(xiàn)頁(yè)面間的跳轉(zhuǎn) 本階段的重點(diǎn)是讓學(xué)員熟悉HTML的基本結(jié)構(gòu)、HTML中的一些基本標(biāo)記以及標(biāo)記的屬性，以及HTML中的鏈接?！窘虒W(xué)難點(diǎn)】理解網(wǎng)頁(yè)設(shè)計(jì)中的若干術(shù)語(yǔ)?！窘虒W(xué)參考】《網(wǎng)頁(yè)設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。......，使文字大小相對(duì)于前面的文字增大一級(jí)。 列表?xiàng)l目2......有序列表1. 列表?xiàng)l目1 2. 列表?xiàng)l目2......定義列表 列表?xiàng)l目1 條目1的說(shuō)明 列表?xiàng)l目2 條目2的說(shuō)明 …… ...... 圖像地圖 【課后小結(jié)】本節(jié)介紹了在網(wǎng)頁(yè)中加入文本、圖片和超級(jí)鏈接的標(biāo)志與相應(yīng)屬性，熟練運(yùn)用這些標(biāo)志是制作多媒體網(wǎng)頁(yè)的基礎(chǔ)。* 理解框架屬性name、target的意義?！窘虒W(xué)方式】案例分析式、項(xiàng)目教學(xué) 【教學(xué)參考】《網(wǎng)頁(yè)設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。第四講 HTML表格、表單與框架標(biāo)志【教學(xué)內(nèi)容】講解HTML中制作表格、表單與框架的標(biāo)志。......，使文字成為前一個(gè)字符的上標(biāo)?！禜TML網(wǎng)頁(yè)制作教程》材義語(yǔ)編著 鐵道出版社?！窘虒W(xué)參考】《網(wǎng)頁(yè)設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。什么是標(biāo)記就是我們要學(xué)的標(biāo)簽 也就是說(shuō)標(biāo)記語(yǔ)言是由一套標(biāo)簽組成的HTML發(fā)展史答：打開(kāi)記事本輸入HTML代碼保存為*.html文件，注意格式問(wèn)題打開(kāi)網(wǎng)頁(yè)預(yù)覽效果 標(biāo)題標(biāo)簽H1 H2 H3 H4 H5 H6 由大到小 標(biāo)題內(nèi)容 講課思路：先演示h1的效果，在邊演示邊講解h1h6的變化，以及他們都是加粗字體提問(wèn)：有沒(méi)有h7，然后演示，結(jié)果：和正常字體一樣p 格式 段落內(nèi)容講課思路：先演示兩段。先敲一個(gè)問(wèn)他們是否會(huì)顯示在頁(yè)面 然后再說(shuō)出替代的 特殊符號(hào)最后提問(wèn) 有沒(méi)有注意過(guò)版權(quán)符號(hào) 提示他們網(wǎng)站的最下面版權(quán)部分 最后演示寫(xiě)法 圖片標(biāo)簽 思路標(biāo)簽與標(biāo)簽的屬性可以回顧 已經(jīng)學(xué)習(xí)的標(biāo)簽 與 a標(biāo)簽的區(qū)別 雙標(biāo)簽 單標(biāo)簽 標(biāo)簽屬性圖像首先說(shuō)明是單標(biāo)簽 然后介紹第一個(gè)屬性 src 路徑介紹：相對(duì)路徑 上一級(jí)../ 上上級(jí)../../ 下一級(jí) 同級(jí)名/ 絕對(duì)路徑file:///C:/Users/Administrator/Desktop/Chapte
法律信息相關(guān)推薦
鄂ICP備17016276號(hào)-1