網(wǎng)設(shè)計(jì)與制作案例教程電子教案第單元_第1頁
網(wǎng)設(shè)計(jì)與制作案例教程電子教案第單元_第2頁
網(wǎng)設(shè)計(jì)與制作案例教程電子教案第單元_第3頁
網(wǎng)設(shè)計(jì)與制作案例教程電子教案第單元_第4頁
網(wǎng)設(shè)計(jì)與制作案例教程電子教案第單元_第5頁
已閱讀5頁，還剩35頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第11章HTML語言前面各章都是通過Dreamweaver8提供的可視化設(shè)計(jì)環(huán)境來創(chuàng)建和編輯網(wǎng)頁的，但是對(duì)于一個(gè)希望深入掌握網(wǎng)頁制作、對(duì)代碼嚴(yán)格控制的網(wǎng)頁設(shè)計(jì)人員來講，了解和掌握HTML語言是非常必要的。課程引導(dǎo)Dreamweaver8是一種非常優(yōu)秀的可視化網(wǎng)頁制作軟件，它也提供了豐富的源代碼控件功能，可以讓網(wǎng)頁制作者隨時(shí)查看、編輯HTML源代碼，Dreamweaver8的快速標(biāo)簽編輯器很好地協(xié)調(diào)了可視化操作和HTML源代碼編寫二者之間的關(guān)系。知識(shí)技能目標(biāo)（1）掌握Dreamweaver8的HTML源代碼編輯功能。掌握快速標(biāo)簽編輯器、標(biāo)簽選擇器和標(biāo)簽編輯器的使用方法。（2）掌握常用的HTML標(biāo)記的含義及其應(yīng)用。（3）學(xué)會(huì)手工修改HTML代碼。網(wǎng)頁瀏覽效果展示采用手工編寫HTML代碼制作的網(wǎng)頁瀏覽效果如圖11-1所示。圖11-1手工編寫HTML代碼所制作的網(wǎng)頁預(yù)覽效果本章操作任務(wù)制作一個(gè)表單網(wǎng)頁，該表單網(wǎng)頁中包括表單域、文本域、文本區(qū)域、單選按鈕、復(fù)選框、列表/菜單等表單元素。11.1HTML簡介11.2Dreamweaver8的HTML源代碼編輯功能11.3HTML標(biāo)記11.1HTML簡介HTML語言用來描述Web頁面文檔的語言，它不是一種編程語言，而是一種頁面描述性標(biāo)記語言。通過各種標(biāo)記描述不同的內(nèi)容，說明標(biāo)題、段落、字體、圖像等網(wǎng)頁元素在瀏覽器中的顯示效果，瀏覽網(wǎng)頁時(shí)，將根據(jù)HTML標(biāo)記顯示其內(nèi)容。11.1.1HTML語言的特點(diǎn)一個(gè)最基本網(wǎng)頁的HTML代碼格式如下：11.1.2HTML語言的語法結(jié)構(gòu)1．HTML基本結(jié)構(gòu)<html><head><title>網(wǎng)頁標(biāo)題</title></head><body>網(wǎng)頁主體內(nèi)容</body></html>在HTML網(wǎng)頁文檔的基本結(jié)構(gòu)中主要包含以下幾種標(biāo)記：（1）HTML標(biāo)記（2）HEAD頭部標(biāo)記（3）BODY主體標(biāo)記一個(gè)完整的HTML文檔由各種網(wǎng)頁元素與HTML標(biāo)記組成的，網(wǎng)頁元素指標(biāo)題、段落、圖像、表格、層等各種對(duì)象，標(biāo)記的功能是邏輯性地描述網(wǎng)頁的結(jié)構(gòu)。HTML文檔應(yīng)遵循以下語法規(guī)則。2．HTML語言的語法規(guī)則（1）HTML文檔以純文本形式存放，擴(kuò)展名為“.html”或“.htm”。（2）HTML文檔中標(biāo)記采用“<”與“>”作為分割字符。（3）HTML標(biāo)記及屬性不區(qū)分大小寫，例如<HTML>和<html>是相同的標(biāo)記。（4）大多數(shù)HTML標(biāo)記可以嵌套，但不能交叉，各層標(biāo)記是全包容關(guān)系。（5）HTML文檔一行可以書寫多個(gè)標(biāo)記，一個(gè)標(biāo)記也可以分多行書寫，不用任何續(xù)行符號(hào)，顯示效果相同。（6）HTML源代碼中的換行、回車符和多個(gè)連續(xù)空格在瀏覽時(shí)都是無效的，瀏覽網(wǎng)頁時(shí)，會(huì)自動(dòng)忽略文檔中的換行符、回車符、空格，所以在文檔中輸入的回車符，并不意味著在瀏覽器中將看到不同的段落。（7）網(wǎng)頁中所有的顯示內(nèi)容都應(yīng)該受限于一個(gè)或多個(gè)標(biāo)記，不能存在游離于標(biāo)記之外的文字或圖像等，以免產(chǎn)生錯(cuò)誤。（8）對(duì)于瀏覽器不能分辨的標(biāo)記可以忽略，不顯示其中的對(duì)象。在查看HTML源代碼或編寫網(wǎng)頁時(shí)，經(jīng)常會(huì)遇到三種格式的HTML標(biāo)記。（1）不帶屬性的雙標(biāo)記：<標(biāo)記名稱>內(nèi)容</標(biāo)記名稱>（2）帶有屬性的雙標(biāo)記：<標(biāo)記名稱屬性名稱=對(duì)應(yīng)的屬性值……>網(wǎng)頁對(duì)象</標(biāo)記名稱>（3）單標(biāo)記：<標(biāo)記名稱/>3．HTML標(biāo)記的類型11楚.2黎D討re簡am糞we鴨av哪er張8付的H蠻TM楚L源悶代碼市編輯苦功能Dr緒ea湖mw爬ea博ve炸r8的編超輯環(huán)茅境中塘提供辮了三欠種視沒圖模非式：早“代肢碼”紋、“雷拆分濃”、愈“設(shè)氣計(jì)”符，這賴三種閱視圖僻都可扯以通低過單征擊“閃文檔溝”工茄具欄凝上左海邊的敢按鈕逝進(jìn)行無快速武切換學(xué)。11利.2里.1薪D泊re羞am鄙we榴av際er漲8貪的三勇種視對(duì)圖模斜式（1）在悔站點(diǎn)郊“長鳳沙世躲界之?dāng)偞啊弊呦聞?chuàng)狠建文萬件夾辟“12澡HT裕ML語言武”，盜在“建文件壩”面穴板中檔單擊握選中惑剛才仇新建勝的子身文件薪夾“12脂HT矛ML語言積”，蒙單擊新鼠標(biāo)雷右鍵確，在津彈出域的快奔捷菜堡單中桌單擊【新建剖文件】，在別子文薦件夾廢“12羽HT培ML語言莫”中侵便會(huì)霉創(chuàng)建啦一個(gè)捐默認(rèn)鞏名稱軟為“un禾ti養(yǎng)tl杏ed蛛.h肌tm柄l”的網(wǎng)枕頁文怨檔。11退.2輪.2雪利椅用代別碼視紛圖制枕作H磚TM吩L網(wǎng)嬸頁（2）將辭新建換的網(wǎng)秋頁重代命名慣為“12舞.h凱tm脆l(xiāng)”，在尿“文嶄件”糖面板陸中雙陜擊該霞名稱錦打開額該網(wǎng)頁頁。（3）在狠“文貍檔”煮工具隱欄中遭單擊【代碼】按鈕尸，切收換到軌代碼楚視圖泡的編幅輯窗絕口。（4）在刪代碼料窗口侍中的握標(biāo)題拋位置困輸入鐵新的盼網(wǎng)頁胖標(biāo)題挽：“暈公司誕部門漸”，星并按假“Ct鄙rl奸+E繡nt化er”組合寬鍵，齒“文丸檔”搞面板腦中的菠標(biāo)題暫文本樂框中尋的標(biāo)焰題也微同步銀變化壇。（5）在瘦代碼瓶窗口室中<b祖od默y>與</省bo道dy餃>之間滾輸入破文字姨“長膊沙世駝界之酒窗實(shí)腎現(xiàn)總出經(jīng)理過領(lǐng)導(dǎo)附下的音部門張經(jīng)理奧負(fù)責(zé)痕制，孫管理桃上采右用垂撤直領(lǐng)毀導(dǎo)、向分層阻管理寫、逐帶級(jí)負(fù)妻責(zé)。霜”，氏接著肥輸入狠“<br/>勇”（6）回鹽車換王行，濁然后恥輸入建“<im稍gsr灣c="消im票ag墊e/萍bu第me餐n1垮.j思pg額"泄wi饅dt著h=朵"6唯90姥"還he肉ig田ht翼="螺30制3"毛/冶>”。（7）保眠存該瓦網(wǎng)頁紛文檔竭，且錫在瀏逢覽器艙中預(yù)碑覽該辟網(wǎng)頁跪。代碼柏視圖戰(zhàn)會(huì)以加不同前的顏區(qū)色顯撿示HT糞ML源代辟碼，侄以幫出助用培戶區(qū)褲分各拒種標(biāo)博簽，唐同時(shí)壯用戶樓也可帶以自瀉己指團(tuán)定標(biāo)失簽或奪代碼瞧的顯政示顏便色。利用骨“編溪碼”膠工具梳欄可設(shè)以實(shí)筑現(xiàn)以猴下操翅作：11聞.2墓.3漁D骨re戴am頌we確av粉er胡8德的代度碼編佩輯工橋具1．震代碼申視圖（1）代努碼的嬌折疊對(duì)于際代碼紡非常謹(jǐn)長的喉網(wǎng)頁拋，可講以對(duì)平部分視代碼非折疊美起來秒。先辰選擇負(fù)多行宏代碼介，然盯后單亡擊所非選代滲碼左垮側(cè)的害折疊遇按鈕舉或者下單擊結(jié)“編吧碼”社工具碌欄中竊的【折疊祖所選】按鈕療即可嘗。如獅果按詢住“Al捧t”鍵的浩同時(shí)果，單應(yīng)擊【折疊夢(mèng)所選】按鈕決，則頸折疊總沒有秧選中殃的代購碼。利用怕“編宮碼”弱工具酷欄上撿的【折疊琴整個(gè)杏標(biāo)簽】按鈕塔可以投對(duì)某擺一個(gè)營標(biāo)簽遙首尾松對(duì)應(yīng)房誠的區(qū)婆域進(jìn)孝行折鄙疊，超且無榜需選譽(yù)擇代督碼。箱方法文是：迷將光憑標(biāo)定跌位在鈔需要花折疊妄的標(biāo)渡簽中漁，然俘后單純擊【折疊堪整個(gè)薯標(biāo)簽】按鈕會(huì)，那與么光哥標(biāo)所嚷處位縮慧置的遲標(biāo)簽昌區(qū)域慌被折從疊。如果揉按住行“Al施t”鍵的摩同時(shí)剃，單龍擊【折疊殼整個(gè)食標(biāo)簽】按鈕做，則貼會(huì)折拘疊外母部的暖標(biāo)簽伸。打開蜓部分盲已折亂疊的摧代碼枝，只四要單支擊列紙左側(cè)慣的展布開按栽鈕即仇可。查如果隸要全旋部展高開所巾有被憂折疊恨的代掉碼，娘單擊梯“編權(quán)碼”疫工具贏欄中膚的【擴(kuò)展叮全部】按鈕丘即可挎。（2）選吳擇父礦標(biāo)簽代碼牽標(biāo)簽親之間蛙一般模都存昌在著扁嵌套荷關(guān)系騙，如合何快鍬速查紡找某它代碼浴標(biāo)簽菜是屬湖于另束外哪姿一個(gè)伐代碼斥標(biāo)簽遮呢？灶可以凈直接油將光階標(biāo)置翼于該贏標(biāo)簽云代碼逼中，噴然后仰單擊【選擇輔父標(biāo)傳簽】按鈕孫即可榨。可警以單姥擊多走次依這次選關(guān)擇父貌標(biāo)簽垮。（3）代智碼的壇注釋先選洋擇需狠要注仔釋的謙代碼立行，肺然后臘單擊膠“編欲碼”慶工具洲欄中予的【應(yīng)用紗注釋】按鈕陵，再執(zhí)在彈將出菜史單中幣選擇漫一種壤注釋戒方法懸即可跌。要取役消注酒釋，灶先選襲擇要尺取消勾注釋薄的代差碼行芒，然戒后單知擊“秋編碼賢”工污具欄脈中的【刪除拐注釋】按鈕標(biāo)即可盛。（4）環(huán)如繞標(biāo)嗚簽環(huán)繞荒標(biāo)簽偏的主匯要功硬能是嫩防止?fàn)帉憳?biāo)族簽時(shí)問忽略洪結(jié)束花標(biāo)簽膝。其競操作扭方法廉是：畝先選衫擇內(nèi)狐容，番然后喜單擊【環(huán)繞合標(biāo)簽】按鈕姥，從桌下拉立列表看框中乖選擇英或者善直接具輸入?yún)蚕鄳?yīng)我代碼件，在點(diǎn)選擇混內(nèi)容響外圍嗓會(huì)自亂動(dòng)添落加完掙整的茄開始繭和結(jié)桃束標(biāo)鑒簽。（5）代補(bǔ)碼的峽縮進(jìn)即與凸霧出先選魯擇一抽段代軍碼，顛然后熱按“Ta暮b”鍵或談單擊稀“編監(jiān)碼”候工具習(xí)欄中握的【縮進(jìn)幕代碼】按鈕燒，即征可實(shí)僑現(xiàn)代瞎碼的嫩縮進(jìn)井。對(duì)動(dòng)于已姿縮進(jìn)速的代列碼，多如果辱想要掉凸出傘，可憤按“Sh襲if銅t+續(xù)Ta恭b”組合西鍵或嗎者單劇擊“降編碼翁”工脈具欄踏中的【凸出嚴(yán)代碼】按鈕題實(shí)現(xiàn)飯代碼叼的凸針出。（6）顯絲式示/隱藏喝行號(hào)在代世碼視銳圖窗群口中刷對(duì)每并個(gè)HT衡ML語句黃顯示寫其行圈號(hào)，帆以便訂于定缸位。墻操作案方法弊是：嶄在代淡碼視繪圖窗狡口單講擊“洲編碼饒”工勝具欄細(xì)中的【行號(hào)】按鈕獻(xiàn)，或有者在注“文攤檔”遲工具盯欄中貍單擊【視圖價(jià)選項(xiàng)】按鈕般，然里后在沈彈出侄的下青拉菜紛單中崖單擊【行數(shù)】命令隔即可禾顯示碧或隱韻藏“婚行號(hào)符”。（7）自開動(dòng)換縫行在代割碼視缸圖窗術(shù)口中寸編輯干代碼夾時(shí)，踏常常受會(huì)發(fā)宵現(xiàn)一拉行代促碼過理長需憲要自未動(dòng)換洽行，罵操作害方法燭是：紀(jì)單擊廊“文濕檔”蓮工具秩欄中壘的【視圖豎選項(xiàng)】按鈕猶，然賊后在稱彈出驗(yàn)的下?lián)Ю艘螁沃袎瀱螕簟咀詣?dòng)脹換行】命令亭?？焖僭u(píng)標(biāo)簽削編輯術(shù)器的廚作用馬是讓濱用戶紐奉在文扇檔窗哲口中天直接哭對(duì)HT常ML標(biāo)簽哨進(jìn)行近編寫錦，無牧需使雀用代就碼視充圖，疑就可施以編針輯單境獨(dú)的HT缺ML標(biāo)簽2．拿快速在標(biāo)簽隊(duì)編輯嫂器快速脊標(biāo)簽?zāi)缶庉嬕r器有植插入HT塌ML、編傘輯標(biāo)炕簽和厘環(huán)繞而標(biāo)簽狂三種干狀態(tài)半，打拳開編爆輯器址后，?？梢怨裢ㄟ^排按“Ct患rl膛+T”組合時(shí)鍵進(jìn)盈行狀粗態(tài)切村換，斑如圖11敏-1佛1為編昏輯標(biāo)瓜簽狀邁態(tài)，趟如圖11錢-1殼2為插查入模題式的豎快速擴(kuò)標(biāo)簽慣編輯滾器。為了逢方便綠手工季編碼沖，可漲以使掛用標(biāo)陵簽選畏擇器陳和標(biāo)間簽編逆輯器暢。使泊用標(biāo)衰簽選米擇器蝦，可御以在圍網(wǎng)頁股代碼通中插猛入新正的標(biāo)菌簽；攻使用陶標(biāo)簽綠編輯退器，沾可以石對(duì)網(wǎng)即頁代約碼中緩的標(biāo)上簽進(jìn)標(biāo)行添臘加標(biāo)許簽的饑屬性撐或修樂改屬牽性值畢。3．撕使用掙標(biāo)簽買選擇挽器和睛標(biāo)簽糾編輯拳器（1）使歇用標(biāo)終簽選參擇器（2）使如用標(biāo)河簽編斧輯器打開卸“文貪件”舍面板濕組，棗然后犁切換斥到“序代碼令片斷博”選紹項(xiàng)卡尺即可勁進(jìn)入均代碼甚片斷脫子面味板。拉利用雞代碼吃片斷何面可銀以減吳少代破碼編察輯的刃工作害量，租在該甚面板分中可連以存濃儲(chǔ)HT領(lǐng)ML、Ja著va服Sc持ri鋪pt的代雷碼片愛斷，啟這樣盯當(dāng)需芹要重冤復(fù)使尸用這錢些代或碼時(shí)保，就月可以臣很方報(bào)便地魂重用置這些園代碼到，或漲者創(chuàng)繩建并戴存儲(chǔ)辨新的制代碼他片斷京。4．漠代碼霸片斷（1）插疏入代早碼片諸斷在代朝碼片松斷子闊面板恨

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論