《HTML5 CSS3 網頁設計與制作》教案-29 第9章 第 6-8節(jié) 書城主體制作書城底部制作文件路徑_第1頁
《HTML5 CSS3 網頁設計與制作》教案-29 第9章 第 6-8節(jié) 書城主體制作書城底部制作文件路徑_第2頁
《HTML5 CSS3 網頁設計與制作》教案-29 第9章 第 6-8節(jié) 書城主體制作書城底部制作文件路徑_第3頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

課程教案-29課題名稱第9章DIV+CSS設計商業(yè)網站第6-8節(jié)書城主體制作，書城底部制作，文件路徑授課班級軟件技術等大一上學期授課班級授課學時2授課地點多媒體教室授課形式講授、演示參考教材《前端HTML+CSS修煉之道》教學資源電子課件、教案、文字材料教學目標知識目標：掌握常用標簽及樣式表的應用，可以在網頁布局的基礎上完成網頁具體內容的制作；技能目標：數量掌握HTML+CSS制作常見的網頁樣式，靈活運用標簽的樣式表實現各種網頁效果。素質目標：培養(yǎng)學生遇到錯誤可以靜心下來找出錯誤的耐心和能力。教學重點與難點教學重點書城主體制作，書城底部制作，文件路徑教學難點書城主體制作學情分析本次課程為第9章6-8節(jié)的理論講授課程，需要老師進行大量的代碼演示，需要注意控制授課進度時間安排，在演示過程中的關鍵點，需要提示學生記錄筆記，為后面的上機課提供思路和輔助。教學過程課前：讓學生提前提前預習及嘗試制作網站的主體部分，在嘗試過程中記錄出現的問題，嘗試在課程中，老師的現場演示中找出解決問題的方案。課中：1、現場編碼演示網站主體的制作。網站主體部分主要用列表形式進行圖書信息的展示，主要分為三塊內容，一塊是網站廣告，銷售排行及優(yōu)惠信息；一塊是新書上架；一塊是圖書分類展示。2、現場編碼演示網站底部及快捷操作部分網站文件路徑在相對路徑和絕對路徑中，../表示返回上一級，因為css文件在css文件夾里，圖片在img文件夾下，那么樣式表文件就需要返回上一級找到img文件夾才能找到相應的圖片。直接文件夾名或是./開頭表示和當前平級。不管是帶../還是不帶，這種寫法都叫相對路徑；另一種叫相對于根目錄路徑，它的寫法必須以/開始，意思是從根目錄開始一級一級向下查找，不管在哪里，要使用x.png這個圖片，路徑都必須是/img/x.png；還有一種寫法叫做絕對路徑，是以http://域名開始的。兩種方法各有優(yōu)劣，可以根據需要采用一種合適的方法。課后：根據老師的現場演示，課下完成網站主體部分和底部的編碼。教學反思本次課程現場編碼內容較多，代碼量較大，學生在課后完成任務的時候很可能在局部細節(jié)上出

溫馨提示

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

評論

0/150

提交評論