567彩票

您所在位置網站首頁 > 海量文檔  > 藝術時尚 > 設計素材

HTML網頁制作方法.ppt 77頁

本文檔一共被下載: ,您可全文免費在線閱讀后下載本文檔。

  • 百度一下本文檔

下載提示

1.本站不保證該用戶上傳的文檔完整性,不預覽、不比對內容而直接下載產生的反悔問題本站不予受理。
2.該文檔所得收入(下載+內容+預覽三)歸上傳者、原創者。
3.登錄后可充值,立即自動返金幣,充值渠道很便利
* 提問:根據上述效果圖,先抽選一名學員在白板上畫出在網頁中的顯示效果, 其余學員在紙上上書寫答案。教員巡視學員基本做完 ,集中評講 ,給出如圖所示的效果圖。給予學員鼓勵。 參見:TG5-Source文件夾中的“代碼閱讀”用例 * * 課堂練習HTML代碼: 1.抽選1位學員在白板上書寫HTML代碼,其他學員在練習本上練習. 2.巡視學員完成進度 3.集中評講,給予學員鼓勵 4.注意掌握時間. 參見:TG5-Source文件夾中的“表單課堂練習”用例。 * 提問學員: 買鉆石送給女朋友的,到這里來.哈哈.引出框架網頁. 演示:框架,參見:TG5-Source文件夾中的“框架” 用例。 講解要點: 1)上方:頂部框架,一般用于廣告 2)左側框架,一般用于導航鏈接 3)右側框架,一般用于顯示詳細內容 4)點擊左側鏈接時,一般在右側框架顯示對應的鏈接內容. 5)每個窗口都對應一張網頁. 請問,采用框架結構有什么好處? 引導回答: 1)一個瀏覽器窗口分為多個獨立的區域,內容組織有條理. 2)告訴學員,遺憾的是,不是所有的瀏覽器都支持框架,并且,如果瀏覽器窗口被劃分為過多的子窗口,會影響網頁的整體美觀 ,網頁設計者常常用表格布局來代替它, 所以我們只需要了解。 * * * * * 講解要點: 引入話題:如果一個城市的天氣氣候每天一成不變,都是夏天或冬天,這樣好嗎? 引導:學生可能會說四季如春,當然好啊,引導:天氣氣候應該動態變化,“四季分明”, 這才適合自然界生物的生長,我們的網頁也是如此,樣式不能一成不變,應給人一種鮮活的動態感受,吸引瀏覽者。 1.使用DHTML的目的是實現動態網頁,使網頁產生一些動態效果, 演示動態效果:參見TG6-Source文件夾中“超鏈接變色”和“超鏈接背景切換” 用例 1)超鏈接變色:鼠標移過去超鏈接會變色。 2 )超鏈接背景切換:上機我們將做此練習,鼠標移過去,背景切換。 2.DHTML包括三部分內容: HTML、層疊樣式表、腳本語言 * 后面一頁幻燈片演示效果 * 還可以演示:動態腳本效果,參見參見TG6-Source文件夾中“動態腳本” 用例 告訴學員:這就是依靠JavaScript實現的動態效果, JavaScript 我們后面會講解。 * 提問:我們以前學習的<P>標段落標簽顯示時是什么顏色? 回答:毫無疑問,黑色。 告訴學員: 1)如果把網頁內容比喻為一個女孩的話,樣式就好比這位女孩穿的衣服。 女孩喜歡用漂亮的衣裝來打扮自己,同樣,我們的網頁也需要華麗的樣式來包裝。 2)<P><H1>等標簽都是默認為黑色白底,如果希望改變這些默認效果,就必須自定義新的樣式。 演示:參考TG6-Source文件夾中的”什么是樣式“用例。 * 重點提一下:文本屬性、邊框屬性(后面的幻燈片講”細邊框樣式時“會用到)。 * * 講解要點: 1)強調什么場合用:希望某段文字和其他段落的文字顯示風格不一樣,那么請采用“行內樣式”。 2)強調如何用:在HTML標簽后面直接加上 ”style“屬性即可,除了<P>以外,其他標簽用法也是如此。 演示:參考TG6-Source文件夾中的”行內樣式“用例。 * 提問:我們剛才的行內樣式表可以讓個別段落與眾不同,但是有缺陷: 如果我們希望所有的段落都采用統一的樣式呢? 引導:在每個<P>標簽后都加上相同的樣式代碼,太麻煩了。怎么辦? 很簡單,把統一的樣式放在<HEAD>標簽內,讓本網頁的所有段落<P>標簽共享同一樣式。 這就是我們要講的內嵌樣式表。 告訴學員: 1)選擇器:表明此樣式作用于哪個HTML標簽。 2)樣式規則之間用分號分割開 3)定好樣式后,它將對本網頁內所有的同類標簽(如<P>)起作用。 演示:參考TG6-Source文件夾中的”什么是內嵌樣式“用例。 * * 講解要點: 1)先演示:參考TG6-Source文件夾中的”HTML選擇器“用例。 2)指出: 品種特征-<H2> 下面的三段都是段落<P>, 3)提問:我們應該采用哪些標簽的樣式呢? 4)回答:顯然是<H2>和<P>標簽。 5)講解關鍵代碼,也可以打開源文件講解。 * 提問: 1)實現如圖所示的細邊框效果,我們想想能不能用HTML選擇器。 文本框和密碼框對應的標簽都是<INPUT>標簽。 2)引導:確實是可以的,但是我們的按鈕對應的HTML標簽也是<INPUT>, 這樣按鈕也會變成細邊框了,所以不行,怎么辦,采用類樣式,引出類樣式。 3) 提問:哪我們一起看看,應該涉及到哪些樣式呢? 4)引導:前面我們講過的邊框樣式,邊框顏色,字體的顏色就可以了,然后給出源代碼。 講解要點: 1)類選擇器的定義格式,border: 1px solid; 表示邊框

發表評論

請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
用戶名: 驗證碼: 點擊我更換圖片

“原創力文檔”前稱為“567彩票”,本站為“文檔C2C交易模式”,即用戶上傳的文檔直接賣給(下載)用戶,本站只是中間服務平臺,本站所有文檔下載所得的收益歸上傳人(含作者)所有【成交的100%(原創)】。原創力文檔是網絡服務平臺方,若您的權利被侵害,侵權客服QQ:3005833200 電話:19940600175 歡迎舉報,上傳者QQ群:784321556

太子彩票-太子彩票注册-太子彩票网址 辉煌彩票-辉煌彩票投注-辉煌彩票注册 完美彩票-完美彩票平台-完美彩票官网 快3彩票-快3彩票平台-快3彩票官网 快3彩票-快3彩票平台-快3彩票官网 新彩网-新彩网注册-新彩网网址