標(biāo)簽,字體樣式,字體類型,文本顏色,使用CSS設(shè)置超鏈接等內(nèi)容,歡迎點(diǎn)擊下載。" />

久久无码高潮喷水抽搐,极品馒头泬19p,久久人人爽精品玩人妻av,精品国产成人国产在线视,精品视频一区二区三区在线观看

最新更新最新專題

您的位置:首頁 > ppt下載 > PPT課件 > 課件PPT > 網(wǎng)頁元素ppt

網(wǎng)頁元素ppt下載

素材大小:
2 MB
素材授權(quán):
免費(fèi)下載
素材格式:
.ppt
素材上傳:
lipeier
上傳時間:
2020-02-15
素材編號:
251204
素材類別:
課件PPT

素材預(yù)覽

網(wǎng)頁元素ppt

這是網(wǎng)頁元素ppt,包括了回顧與作業(yè)點(diǎn)評,預(yù)習(xí)檢查,本章任務(wù),本章目標(biāo),標(biāo)簽,字體樣式,字體類型,文本顏色,使用CSS設(shè)置超鏈接等內(nèi)容,歡迎點(diǎn)擊下載。

網(wǎng)頁元素ppt是由紅軟PPT免費(fèi)下載網(wǎng)推薦的一款課件PPT類型的PowerPoint.

回顧與作業(yè)點(diǎn)評 描述CSS的基本語法結(jié)構(gòu),并舉例說明其構(gòu)成。 CSS選擇器有哪幾種,并舉例說明。 CSS的復(fù)合選擇器有哪幾種,并說明各自的特點(diǎn)。 預(yù)習(xí)檢查 在某一段文本中突出顯示某幾個字,以粗體、紅色、大字號顯示,通常使用( )標(biāo)簽。 在CSS中,設(shè)置文本行高使用( )屬性。 在CSS中設(shè)置背景顏色為透明的值為( )。 本章任務(wù) 制作百度音樂標(biāo)簽頁面 制作開心莊園頁面 制作北大青鳥網(wǎng)站新聞信息展示頁面 制作購物網(wǎng)站商品分類頁面 制作暢銷書排行榜頁面 本章目標(biāo) 會使用CSS設(shè)置字體樣式 會使用CSS設(shè)置文本樣式 會使用CSS設(shè)置圖片對齊方式 會使用CSS設(shè)置超鏈接樣式 會使用CSS設(shè)置鼠標(biāo)外觀 會使用CSS設(shè)置背景樣式 會使用CSS設(shè)置列表樣式 為什么使用CSS 有效的傳遞頁面信息 使用CSS美化過的頁面文本,使頁面漂亮、美觀,吸引用戶 可以很好的突出頁面的主題內(nèi)容,使用戶第一眼可以看到頁面主要內(nèi)容 具有良好的用戶體驗(yàn) 標(biāo)簽 標(biāo)簽 的作用 字體樣式 字體類型 font-family屬性 字體大小 字體風(fēng)格 font-style屬性 normal、italic和oblique 字體的粗細(xì) font-weight屬性 字體屬性 font屬性 字體屬性的順序:字體風(fēng)格→字體粗細(xì)→字體大小→字體類型 文本樣式 文本屬性 文本顏色 color屬性 十六進(jìn)制方法表示顏色 排版文本段落 水平對齊方式 text-align屬性 文本修飾和垂直對齊 文本裝飾 text-decoration屬性 垂直對齊方式 vertical-align屬性:middle、top、bottom 學(xué)員操作—制作百度音樂標(biāo)簽頁面 訓(xùn)練要點(diǎn) 使用Dreamweaver制作網(wǎng)頁 使用字體屬性設(shè)置字體風(fēng)格、大小 使用文本屬性設(shè)置字體顏色、行距 使用標(biāo)簽 需求說明 學(xué)員操作—制作開心莊園頁面 需求說明 標(biāo)題行距40px,加粗顯示; 正文大小12px,行距20px;圖片與文本居中對齊; 使用外部樣式表創(chuàng)建頁面樣式。 學(xué)員操作—新聞信息展示頁面 需求說明 制作北大青鳥網(wǎng)站新聞信息展示頁面 使用外部樣式表創(chuàng)建頁面樣式 共性問題集中講解 常見問題及解決辦法 代碼規(guī)范問題 調(diào)試技巧 超鏈接偽類 使用CSS設(shè)置超鏈接 設(shè)置鼠標(biāo)形狀 CSS設(shè)置鼠標(biāo)形狀 背景樣式

標(biāo)簽
標(biāo)簽的用法 網(wǎng)頁布局 排版網(wǎng)頁內(nèi)容 網(wǎng)頁背景 背景顏色 background-color 背景圖像 background-image 設(shè)置背景圖像 背景圖像 background-image屬性 背景重復(fù)方式 background-repeat屬性 背景定位 background-position屬性 設(shè)置背景 背景屬性 background屬性 背景樣式 列表樣式2-1 list-style-type list-style-image list-style-position list-style 列表樣式2-2 list-style-image list-style-position inside outside list-style 學(xué)員操作—家用電器商品分類頁面 需求說明 電器分類無下劃線,鼠標(biāo)懸浮超鏈接時顯示下劃線。 分類內(nèi)容超鏈無下劃線,鼠標(biāo)懸浮至超鏈接時字體顏色為棕紅色(#F60),顯示下劃線。 學(xué)員操作—暢銷書排行榜頁面2-1 訓(xùn)練要點(diǎn) 設(shè)置頁面的背景屬性 使用CSS設(shè)置超鏈接樣式 使用CSS設(shè)置列表樣式 需求說明 使用無序列表制作暢銷書排行榜頁面 超鏈接無下劃線,鼠標(biāo)懸浮至超鏈接時顯示下劃線 學(xué)員操作—暢銷書排行榜頁面2-2 實(shí)現(xiàn)思路 使用list-style-type屬性設(shè)置列表無標(biāo)記符號。 使用背景屬性設(shè)置列表的圖標(biāo)樣式,列表內(nèi)容向內(nèi)縮進(jìn)2個字符。 共性問題集中講解 常見問題及解決辦法 代碼規(guī)范問題 調(diào)試技巧 總結(jié) 使用CSS設(shè)置字體的大小、類型、風(fēng)格、粗細(xì)等。 使用CSS設(shè)置文本顏色、行距、首行縮進(jìn)、對齊方式、文本裝飾等。 使用CSS設(shè)置超鏈接在不同狀態(tài)下的樣式。 使用CSS設(shè)置頁面背景顏色、背景圖片,為列表設(shè)置列表自定義圖標(biāo)。 使用CSS設(shè)置列表項(xiàng)的類型、列表圖像及列表符號顯示位置。 作業(yè) 課后作業(yè) 教員備課時根據(jù)班級情況在此添加內(nèi)容,應(yīng)區(qū)分必做、選做內(nèi)容,以滿足不同層次學(xué)員的需求 預(yù)習(xí)作業(yè) 預(yù)習(xí)目標(biāo) 了解什么是盒子模型 盒子模型的各個屬性表示什么意思? 如何計(jì)算盒子模型的實(shí)際尺寸 預(yù)習(xí)下一章學(xué)生用書,完成預(yù)習(xí)作業(yè)
YpM紅軟基地

ppt網(wǎng)頁布局圖片:這是ppt網(wǎng)頁布局圖片,包括了WEB站點(diǎn)建立的基本步驟,網(wǎng)站整體風(fēng)格和創(chuàng)意設(shè)計(jì),網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu),版面布局與首頁搭配,使用布局視圖、框架、表格等進(jìn)行頁面布局,網(wǎng)站建設(shè)實(shí)例講解等內(nèi)容,歡迎點(diǎn)擊下載。

學(xué)校網(wǎng)頁介紹ppt:這是學(xué)校網(wǎng)頁介紹ppt,包括了學(xué)校簡介,師資力量,取得的成績,全新的校園,豐富多彩的活動,先進(jìn)的教學(xué)設(shè)備等內(nèi)容,歡迎點(diǎn)擊下載。

用網(wǎng)頁做個自我介紹ppt模板:這是用網(wǎng)頁做個自我介紹ppt模板,包括了個人信息,受教育經(jīng)歷,本學(xué)期重要工作表現(xiàn),未來規(guī)劃等內(nèi)容,歡迎點(diǎn)擊下載。

PPT分類Classification

Copyright:2009-2024 紅軟網(wǎng) rsdown.cn 聯(lián)系郵箱:rsdown@163.com

湘ICP備2024053236號-1