實(shí)用頁(yè)面設(shè)計(jì)方法_2_HTML

實(shí)用頁(yè)面設(shè)計(jì)方法_2_HTML

ID:37698739

大小:1.18 MB

頁(yè)數(shù):106頁(yè)

時(shí)間:2019-05-29

實(shí)用頁(yè)面設(shè)計(jì)方法_2_HTML_第1頁(yè)
實(shí)用頁(yè)面設(shè)計(jì)方法_2_HTML_第2頁(yè)
實(shí)用頁(yè)面設(shè)計(jì)方法_2_HTML_第3頁(yè)
實(shí)用頁(yè)面設(shè)計(jì)方法_2_HTML_第4頁(yè)
實(shí)用頁(yè)面設(shè)計(jì)方法_2_HTML_第5頁(yè)
資源描述:

《實(shí)用頁(yè)面設(shè)計(jì)方法_2_HTML》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、實(shí)用頁(yè)面設(shè)計(jì)方法——HTML1課程結(jié)構(gòu)內(nèi)容課時(shí)(H)第一章:HTML簡(jiǎn)介0.5第二章:基本標(biāo)記2.5第三章:表格(table)1.5第四章:表單(form)1.0第五章:框架(frame)0.5第一章:HTML簡(jiǎn)介目標(biāo):本章旨在向?qū)W員簡(jiǎn)要介紹HTML的相學(xué)時(shí):0.5學(xué)時(shí)關(guān)概念、基本結(jié)構(gòu),學(xué)員應(yīng)該掌握如下知識(shí):教學(xué)方法:講授1)了解HTML的概念ppt+課堂演示2)了解HTML的基本結(jié)構(gòu)3)理解HTML的標(biāo)記、屬性1.1HTML概念?HTML–超文本標(biāo)記語(yǔ)言(HyperTextMarkupLanguage)–以htm或者h(yuǎn)tml為擴(kuò)展名–包含標(biāo)記的文本文件–通過(guò)瀏覽器解析標(biāo)記來(lái)顯示頁(yè)面?

2、HTML的編輯器–簡(jiǎn)單文本編輯器即可,可在純文本中編寫(xiě)代碼–常用編輯器-DreamWeaver、FrontPage41.2基本結(jié)構(gòu)?HTML文件通常由文檔頭、正文兩部分構(gòu)成;在外層以……標(biāo)識(shí)為Html文件:?HTML部分歡迎進(jìn)入HTML世界?文檔頭部分?正文部分

體驗(yàn)網(wǎng)頁(yè)的魅力!

51.3第一個(gè)網(wǎng)頁(yè)-解釋執(zhí)行FirstPage.htmlMyfirstpage

3、Youarewelcome!



開(kāi)始學(xué)習(xí)做網(wǎng)頁(yè)了,一定要加油啊!61.4標(biāo)記?HTML文檔是由HTML標(biāo)記及內(nèi)容組成的文本文件?HTML標(biāo)記的組成–通常成對(duì)出現(xiàn),在開(kāi)始標(biāo)記和結(jié)束標(biāo)記之間的文本是內(nèi)容–大小寫(xiě)無(wú)關(guān),表示的意思是一樣的?值-分配給屬性的內(nèi)容?屬性-描述標(biāo)記?元素-標(biāo)識(shí)標(biāo)記71.5標(biāo)記的屬性?標(biāo)記的屬性–屬性為頁(yè)面上的HTML元素提供附加信息,如:?……?

4、bleborder=“0”>……–屬性通常以name=“value”對(duì)出現(xiàn),寫(xiě)在起始標(biāo)記中;一個(gè)標(biāo)記可以有多個(gè)屬性–屬性值應(yīng)該被包含在引號(hào)中,常用雙引號(hào)??汕短资褂脝我?hào)?……8第二章:基本標(biāo)記目標(biāo):本章旨在向?qū)W員簡(jiǎn)要介紹HTML的各學(xué)時(shí):1.5學(xué)時(shí)種常用標(biāo)記,學(xué)員應(yīng)該掌握如下知識(shí):教學(xué)方法:講授1)使用各種基本標(biāo)記完成簡(jiǎn)單頁(yè)ppt+上機(jī)練習(xí)面2.1行控制?布局–瀏覽器解析HTML頁(yè)面時(shí),忽略源代碼中多余的空格、空行等,如——line.html–如果我們需要給文字設(shè)置換行樣

5、式,需要使用特定的標(biāo)記?
??

102.1行控制-無(wú)換行-示例112.1.1行控制-p段落標(biāo)記?段落:

……

–將標(biāo)記間的文字置為一個(gè)新的段落–可以設(shè)置以下屬性屬性含義align設(shè)置段落的對(duì)齊方式,可取left、center、right。?

示例——newline.html段落示列

這是第一段

這是新的一段

122.1.1行控制-p段落標(biāo)記-示例132.1.2行控制-br、nobr?換行:
–強(qiáng)制進(jìn)行換行操作?不換行:
……–禁止標(biāo)記中間的文本換行?建議換行

6、:–將此標(biāo)記加在建議換行的位置–如:頁(yè)面中顯示網(wǎng)址,一般不會(huì)在網(wǎng)址字符串中間換行,加此標(biāo)記后可能會(huì)換行142.1.2行控制-br-示例152.1.2行控制-nobr-示例162.2文字分區(qū)-div?分區(qū):

……
–把標(biāo)記中的內(nèi)容做為單獨(dú)的一塊處理–可設(shè)置以下屬性屬性含義align設(shè)置段落的對(duì)齊方式,可取left、center、right。172.2文字分區(qū)-div-示例182.3預(yù)設(shè)格式文本-pre?預(yù)設(shè)格式文本:
……
–HTML在顯示時(shí)一般會(huì)吃掉過(guò)多的空白字符(只顯示一個(gè))和換行符(不顯示),但我們可以用
讓空白字

7、符、換行字符保存下來(lái)–常用于計(jì)算機(jī)程序的表達(dá)192.3預(yù)設(shè)格式文本-pre-示例202.4字體-font?字體:……–還有basefont標(biāo)記可以設(shè)置頁(yè)面的默認(rèn)字體,通常放在head標(biāo)記中–可設(shè)置以下屬性屬性含義size設(shè)置文字的大小,可取1到7的整數(shù)值。另外:取+3表示字體大小為字體大小+3;取-3表示字體大小為字體大小-3color設(shè)置文字的顏色。face設(shè)置文字的字體列表,

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶(hù)上傳,版權(quán)歸屬用戶(hù),天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶(hù)請(qǐng)聯(lián)系客服處理。