PHPCMS中國(guó)WEB前端基礎(chǔ)培訓(xùn)課程HTML篇.ppt
《PHPCMS中國(guó)WEB前端基礎(chǔ)培訓(xùn)課程HTML篇.ppt》由會(huì)員分享,可在線(xiàn)閱讀,更多相關(guān)《PHPCMS中國(guó)WEB前端基礎(chǔ)培訓(xùn)課程HTML篇.ppt(64頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
課程名稱(chēng)web前端基礎(chǔ)課程(html),講師:老蝸牛PHPCMS中國(guó)培訓(xùn)中心QQ:860275582郵件:i@,開(kāi)篇,用于頁(yè)面展示學(xué)習(xí)內(nèi)容:HTML、CSS、div+css、JavaScript學(xué)習(xí)時(shí)間:四天,主要內(nèi)容,HTML簡(jiǎn)介HTML結(jié)構(gòu)headtitlebodyfontlinkimgtableulformdivframesetiframe,HTML簡(jiǎn)介,什么是HTML?名稱(chēng)HTML英文名稱(chēng)是什么?HyperTextMarkupLanguage(超文本標(biāo)記語(yǔ)言)主要用于頁(yè)面信息展示,HTML簡(jiǎn)介,HTML簡(jiǎn)介,HTML語(yǔ)言是目前制作網(wǎng)頁(yè)最流行的語(yǔ)言可以通過(guò)瀏覽器或文本編輯器查看HTML文檔,如何編寫(xiě)HTML,先看個(gè)實(shí)例,HTML簡(jiǎn)介,以“”開(kāi)始,以“”表示標(biāo)簽的結(jié)束一對(duì)標(biāo)簽中還可以嵌套其它的標(biāo)簽。單獨(dú)標(biāo)簽不需要與這配對(duì)的結(jié)束標(biāo)簽,又稱(chēng)這為空標(biāo)簽,例如屬性設(shè)置的一般格式為:屬性名=屬性值,屬性值部分可以用英文的雙引號(hào)(””)可單引號(hào)(‘’)引起來(lái),也可以不使用任何引號(hào)。,HTML結(jié)構(gòu),文件擴(kuò)展名為.html/.htmHTML文件的所有內(nèi)容都應(yīng)該包含在標(biāo)記中HTML語(yǔ)言在結(jié)構(gòu)上分為兩部分,即頭部和主體。頭部描述瀏覽器所需要的一些信息,如文件編碼、標(biāo)題等。主體則包含了文件的主體內(nèi)容,人,HTML結(jié)構(gòu),標(biāo)簽:,,,,,,,,,,,,,HTML結(jié)構(gòu),HTML頭部,HTML頭部需要包含在中,可以在頭中使用的標(biāo)記包括、、、、等等。定義文檔的標(biāo)題,最終將顯示在瀏覽器標(biāo)題欄上定義頁(yè)面元信息,主要包含了搜索信息用于引入文件.css指定頁(yè)面腳本文件.js,Meta元素,META標(biāo)簽分兩大部分:HTTP標(biāo)題信息(HTTP-EQUIV)和頁(yè)面描述信息(NAME)HTTP-EQUIV似于HTTP的頭部協(xié)議,它回應(yīng)給瀏覽器一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容,響應(yīng)報(bào)頭信息,如頁(yè)面編碼、緩存模式等等.NAME定義頁(yè)面基本信息,這些信息是提供給網(wǎng)絡(luò)搜索引擎的,搜索引擎通過(guò)這些信息可以找到頁(yè)面,META--HTTP-EQUIV,HTTP-EQUIVHTTP-EQUIV類(lèi)似于HTTP的頭部協(xié)議,它回應(yīng)給瀏覽器一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容。常用的HTTP-EQUIV類(lèi)型有:Content-Type和Content-Language(顯示字符集的設(shè)定)Refresh(刷新)Expires(期限)Pragma(cach模式)---禁止從本地緩存中獲取信息Content="No-cach"Window-target(顯示窗口的設(shè)定)---強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示。Content選項(xiàng):_blank、_top、_self、_parent,META--HTTP-EQUIV,Content-Type和Content-Language(顯示字符集的設(shè)定)使用:使用較少,META--HTTP-EQUIV,refresh--刷新例子:refresh.html,META--NAME,name屬性用于描述頁(yè)面內(nèi)容,主要是向搜索引擎提供查詢(xún)關(guān)鍵字等NAME變量name是描述網(wǎng)頁(yè)的,對(duì)應(yīng)于Content(網(wǎng)頁(yè)內(nèi)容),以便于搜索引擎機(jī)器人查找、分類(lèi)(目前幾乎所有的搜索引擎都使用網(wǎng)上機(jī)器人自動(dòng)查找meta值來(lái)給網(wǎng)頁(yè)分類(lèi))Keywords(關(guān)鍵字)Description(簡(jiǎn)介):Robots(機(jī)器人向?qū)?說(shuō)明:Robots用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引,哪些頁(yè)面不需要索引。Content的參數(shù)有all、none、index、noindex、follow、nofollow。默認(rèn)是all,HTML主體,HTML主體是HTML頁(yè)面中最終要顯示出來(lái)的內(nèi)容部分,主體應(yīng)該包含在中可以在主體中輸出文本、插入圖片、表格、表單等等。,HTML簡(jiǎn)介,練習(xí):請(qǐng)做一個(gè)html頁(yè)面,輸出:“這是我的第一個(gè)html頁(yè)面”,HTML標(biāo)簽,標(biāo)簽屬性標(biāo)簽可以擁有屬性。屬性進(jìn)一步說(shuō)明了該元素的顯示或使用特性。如:屬性的格式:xxx,body體屬性,背景顏色bgcolor="red”背景圖片background="back-ground.gif”給出圖片文件位置,如圖片小于頁(yè)面時(shí),將循環(huán)填充背景音樂(lè)考慮到效率,基本不用,Body主體----字體,字體大小文字#=1,2,3,4,5,6,7字體顏色文字標(biāo)題字文字#=1,2,3,4,5,6,Body主體----字體,下劃線(xiàn):文字刪除線(xiàn):文字增強(qiáng):文字粗體:文字斜體:文字刪除線(xiàn):文字下劃線(xiàn):文字地址:文字用的少,其他元素,段落:標(biāo)題字:注釋?zhuān)簊pan塊div層Span”,然后按空格即可彈出下個(gè)提示。,框架,框架(frame)用于分割窗口,也就是瀏覽器在顯示頁(yè)面時(shí)分成幾部分,每部分由獨(dú)立的頁(yè)面顯示,如圖,,,,,框架,加入框架的頁(yè)面不需要元素,使用frameset在另外一個(gè)frame中打開(kāi)頁(yè)面target左右分:,框架,上下分:,框架,frameset屬性COLS=“20,*”左右分,可一次分多個(gè)ROWS=“20,*”上下分,同上,框架,frame屬性1.SRC=“a.htm”當(dāng)前框架顯示的網(wǎng)頁(yè)URL2.NAME框架名稱(chēng)3.scrolling=“no”是否顯示滾動(dòng)條,YES顯示,NO不顯示,AUTO視情況顯示。,框架,4.noresize不讓使用者改變大小。5.marginheight=2框架高度部份邊緣所保留的空間。6.marginwidth=2框架寬度部份邊緣所保留的空間。,框架,不需要一個(gè)單獨(dú)的頁(yè)面存放框架.靈活性好.Target*******_self_parent_blank_top,練習(xí),做一個(gè)上下,左右結(jié)構(gòu)的框架框架頁(yè)面frameset.html,作業(yè)1,做一個(gè)注冊(cè)頁(yè)面form.html要求:1,有用戶(hù)名,密碼,確認(rèn)密碼,Email,所在城市這幾個(gè)必須填寫(xiě)的項(xiàng).(例:用戶(hù)名*)2,有性別,生日,個(gè)人主頁(yè),自我介紹等選填項(xiàng)3,有是否接受系統(tǒng)郵件選擇(接受或不接受),作業(yè)2,完成由一個(gè)登陸頁(yè)面登陸頁(yè)面login.html用戶(hù)名,密碼,驗(yàn)證碼,提交登陸進(jìn)入到剛才寫(xiě)的那個(gè)框架頁(yè)面,框架頁(yè)面的left頁(yè)面有文字鏈接”注冊(cè)”點(diǎn)注冊(cè)鏈接到作業(yè)1的注冊(cè)頁(yè)面form.html顯示在mainMain顯示注冊(cè)頁(yè)面register.html作業(yè)完成后提交到PHPCMS中國(guó)社區(qū)培訓(xùn)區(qū)作業(yè)板塊。可以在PHPCMS中國(guó)建站培訓(xùn)交流群探討:143560049,PHPCMS零基礎(chǔ)建站培訓(xùn),培訓(xùn)內(nèi)容(大分類(lèi))包括:1.網(wǎng)站策劃;2.主機(jī)空間、域名選購(gòu);3.前端培訓(xùn)(細(xì)分)4.主流開(kāi)源CMS建站培訓(xùn)(主講phpcms,dedecms)5.網(wǎng)站運(yùn)營(yíng)及搜索引擎優(yōu)化(SEO)6.待定主辦:PHPCMS中國(guó)模板超市網(wǎng),- 1.請(qǐng)仔細(xì)閱讀文檔,確保文檔完整性,對(duì)于不預(yù)覽、不比對(duì)內(nèi)容而直接下載帶來(lái)的問(wèn)題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請(qǐng)點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
14.9 積分
下載 |
- 配套講稿:
如PPT文件的首頁(yè)顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開(kāi)word文檔。
- 特殊限制:
部分文檔作品中含有的國(guó)旗、國(guó)徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對(duì)作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- PHPCMS 中國(guó) WEB 前端 基礎(chǔ) 培訓(xùn) 課程 HTML
鏈接地址:http://m.jqnhouse.com/p-11549631.html