（中職）電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目二 HTML網(wǎng)頁(yè)制作基礎(chǔ)課件

1、YCF正版可修改PPT（中職）電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目二 HTML網(wǎng)頁(yè)制作基礎(chǔ)ppt課件HTML 介紹1任務(wù)分析本任務(wù)提供了HTML語(yǔ)言的基礎(chǔ)知識(shí),通過(guò)對(duì)這些知識(shí)點(diǎn)的學(xué)習(xí),為以后學(xué)習(xí)網(wǎng)頁(yè)制作打下基礎(chǔ)。相關(guān)知識(shí)1.什么是HTML語(yǔ)言 HTML是使用特殊標(biāo)記來(lái)描述文檔結(jié)構(gòu)和表現(xiàn)形式的一種語(yǔ)言,由W3C(World Wide Web Consortium)所制定和更新。我們可以用任何一種文本編譯器來(lái)編輯HTML文件,因?yàn)樗褪且环N純文本文件。2.HTML語(yǔ)言的基本結(jié)構(gòu) 將這一小段代碼粘貼至文本文件中,然后選擇“另存為”,將文件的后綴名改為.htm或者.html即可,然后在其所在的目錄下就可看到一個(gè)IE的

2、圖標(biāo),名字就是你所存的文件名稱。以下是聲明HTML文件的語(yǔ)法格式。每一個(gè)HTML文件都必須以開(kāi)頭,以結(jié)束。以下是文件頭聲明的語(yǔ)法格式。在這之間的所有文字都屬于文件的文件頭,并不屬于文件本體。以下是聲明文件標(biāo)題的語(yǔ)法格式。在這之間寫(xiě)下的所有內(nèi)容都將寫(xiě)在網(wǎng)頁(yè)最上面的標(biāo)題欄中。以下是聲明文件主體的語(yǔ)法格式。在這之間寫(xiě)下的內(nèi)容都是文件的主體,也就是說(shuō)將會(huì)被顯示在客戶區(qū)之中。3.HTML語(yǔ)言的基本單位 (1) 長(zhǎng)度單位。(2)顏色單位。(3) URL路徑。1)絕對(duì)路徑。2)相對(duì)路徑。使用HTML制作簡(jiǎn)單網(wǎng)頁(yè)2任務(wù)分析運(yùn)用HTML語(yǔ)言制作簡(jiǎn)單網(wǎng)頁(yè),布局自定,內(nèi)容包括自我介紹、圖片、電子信箱地址等,要求在標(biāo)

3、題與正文之間插入一條水平線。任務(wù)實(shí)施(1)啟動(dòng)記事本和IE瀏覽器,并縱向平鋪兩窗口。(2)在記事本窗口輸入下面的代碼:(3)保存該文件到D:myweb文件夾中,取名為yoyo.htm(注意:文件的擴(kuò)展名一定為.htm或.html;如果沒(méi)有myweb文件夾,請(qǐng)建立之)。(4)在記事本窗口輸入以下語(yǔ)句:(5)保存記事本文件,并刷新IE瀏覽器窗口,顯示結(jié)果如圖所示(注意:請(qǐng)先將C:data中的woman.gif文件復(fù)制到D:myweb下)。(6)在記事本窗口輸入以下語(yǔ)句(注意被超鏈接的文件地址書(shū)寫(xiě)格式):(7)保存記事本文件,并刷新IE瀏覽器窗口。(8)在記事本窗口輸入以下語(yǔ)句(注意發(fā)送電子郵件的超鏈接的書(shū)寫(xiě)格式):(9)保存記事本文件,并刷新IE瀏覽器窗口,顯示結(jié)果如圖所示。自此