網(wǎng)頁(yè)設(shè)計(jì)與制作教程教學(xué)設(shè)計(jì) 項(xiàng)目二（任務(wù)3 鏈接樣式表）_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作教程教學(xué)設(shè)計(jì) 項(xiàng)目二（任務(wù)3 鏈接樣式表）_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作教程教學(xué)設(shè)計(jì) 項(xiàng)目二（任務(wù)3 鏈接樣式表）_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作教程教學(xué)設(shè)計(jì) 項(xiàng)目二（任務(wù)3 鏈接樣式表）_第4頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

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

文檔簡(jiǎn)介

課程單元教學(xué)設(shè)計(jì)任課教師：科目：授課班級(jí)：?jiǎn)卧獦?biāo)題項(xiàng)目二css3樣式基礎(chǔ)任務(wù)3鏈接式樣式授課時(shí)間2021年月日（第周，周，第節(jié)）授課地點(diǎn)教學(xué)學(xué)時(shí)2課時(shí)教學(xué)目標(biāo)能力目標(biāo)：能使用鏈接樣式表；知識(shí)目標(biāo)：鏈接樣式的寫法；教學(xué)資源黑板板書(shū)、多媒體課件、電腦教學(xué)進(jìn)程一、復(fù)習(xí)提問(wèn)1.內(nèi)嵌樣式表如何使用？教師活動(dòng)：教師提問(wèn)學(xué)生活動(dòng)：回答問(wèn)題提問(wèn)法5分鐘課堂案例——css3結(jié)構(gòu)組成教師活動(dòng)：1.發(fā)布任務(wù)并引導(dǎo)學(xué)生思考實(shí)習(xí)效果需要用到的工具、方法。學(xué)生活動(dòng)：1.通過(guò)教師講解，學(xué)生積極完成任務(wù)。講授法、演示法、練習(xí)法15分鐘1.使用鏈接樣式表。鏈接樣式表：鏈接CSS樣式表是使用頻率最高，也是最為實(shí)用的方法。鏈接樣式表通過(guò)HTML的<link>標(biāo)簽，將外部樣式表鏈接到HTML文檔中，它將HTML頁(yè)面本身與CSS樣式風(fēng)格分離為兩個(gè)或者多個(gè)件，實(shí)現(xiàn)了頁(yè)面框架HTML代碼與美工CSS代碼的完全分離，使得前期制作和后期維護(hù)都十分方便，網(wǎng)站后臺(tái)的技術(shù)人員與美工設(shè)計(jì)者也可以很好的分工合作。而且對(duì)于同一個(gè)CSS文件可以鏈接到多個(gè)HTML文件中，甚至可以鏈接到整個(gè)網(wǎng)站的所有頁(yè)面中，使得網(wǎng)站整體風(fēng)格統(tǒng)一、協(xié)調(diào)，并且后期維護(hù)的工作量也大大減少。使用<link>標(biāo)簽導(dǎo)入外部樣式表文件其格式如下：<head><linkhref="樣式表的地址"type="text/css"rel="stylesheet"></head>其中href屬性設(shè)置外部樣式表文件的地址，可以是相對(duì)地址，也可以是絕對(duì)地址。rel屬性定義該標(biāo)簽關(guān)聯(lián)的是樣式表，type屬性定義文檔的類型，即為CSS文本文件。一般在定義<link>標(biāo)簽時(shí)，應(yīng)定義3個(gè)基本屬性，其中href是必須設(shè)置屬性。具體說(shuō)明如下：href:定義樣式式表文件URL。type:定義導(dǎo)入文件類型，同style元素一樣。rel:用于定義文檔關(guān)聯(lián)，這里表示關(guān)聯(lián)樣式表。例2-3:啟動(dòng)VisualStudioCode編輯器輸入以下的代碼，文件名保存為2-3.html。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>鏈接式</title><linkhref="1.css"type="text/css"rel="stylesheet"></head><body><h1>css標(biāo)題1</h1><P>紫色、下劃線、24px的效果1</P><h2>css標(biāo)題2</h2><P>紫色、下劃線、24px的效果2</P></body></html>創(chuàng)建文件1.css，輸入以下代碼。h1{color:#f00;}h2{color:#6699FF;}p{color:#60C;text-decoration:underline;font-size:24PX;}教師活動(dòng)：1.講解知識(shí)要點(diǎn)；2.演示具體方法；3.巡堂指導(dǎo)學(xué)生操作學(xué)生活動(dòng)：1.認(rèn)真聽(tīng)課做好筆記。2.完成練習(xí)任務(wù)講授法、演示法、練習(xí)法15分鐘課堂案例——完成練習(xí)教師活動(dòng)：1.演示重點(diǎn)難點(diǎn)；2.巡堂指導(dǎo)學(xué)生操作；3.發(fā)現(xiàn)共性問(wèn)題并統(tǒng)一指導(dǎo)；4、指導(dǎo)個(gè)別學(xué)生解決問(wèn)題學(xué)生活動(dòng)：1.獨(dú)立完成練習(xí)任務(wù)；2.遇到自己解決不了的問(wèn)題向老師、同學(xué)提問(wèn)，解決遇到的問(wèn)題。講授法、演示法、練習(xí)法30分鐘教師活動(dòng)：1.展示優(yōu)秀作品2.點(diǎn)評(píng)學(xué)生作業(yè)，總結(jié)共性問(wèn)題。學(xué)生活動(dòng)：1.

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(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)論