網(wǎng)頁(yè)設(shè)計(jì)方案與制作ppt課件_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)方案與制作ppt課件_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)方案與制作ppt課件_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)方案與制作ppt課件_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)方案與制作ppt課件_第5頁(yè)
已閱讀5頁(yè),還剩16頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

1、網(wǎng)頁(yè)設(shè)計(jì)與制造網(wǎng)頁(yè)設(shè)計(jì)與制造江西信息運(yùn)用職業(yè)技術(shù)學(xué)院電子商務(wù)與管理系第第7章章 運(yùn)用運(yùn)用CSS款式控制網(wǎng)頁(yè)外觀款式控制網(wǎng)頁(yè)外觀 教學(xué)目的: 運(yùn)用CSS款式控制網(wǎng)頁(yè)外觀。 教法:教、學(xué)、做一體認(rèn)識(shí)認(rèn)識(shí)CSS CSS:Cascading Style Sheets,層疊款式表,級(jí)聯(lián)款式表。 一組格式設(shè)置規(guī)那么,以控制頁(yè)面外觀。 網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分別的一種款式設(shè)計(jì)言語(yǔ)。頁(yè)面內(nèi)容存放在頁(yè)面里,而CSS款式存放在CSS文件或頁(yè)面文檔的某個(gè)位置,普通是在 。 更容易維護(hù)站點(diǎn);閱讀器下載頁(yè)面速度快;利于搜索引擎搜索軟件抓取站點(diǎn)信息??钍椒N類(lèi)款式種類(lèi) 外部款式:將網(wǎng)頁(yè)鏈接到外部款式表。 本頁(yè)款式:在網(wǎng)頁(yè)上創(chuàng)建嵌入

2、的款式表。 元素款式:內(nèi)嵌款式到某個(gè)網(wǎng)頁(yè)元素。層疊?層疊? 層疊次序:當(dāng)一個(gè)網(wǎng)頁(yè)元素被不止一個(gè)款式定義時(shí),會(huì)運(yùn)用哪個(gè)款式呢? 元素款式在 html 元素內(nèi)部本頁(yè)款式位于 標(biāo)簽內(nèi)部外部款式表。外部款式表外部款式表 作用:在站點(diǎn)上一切或部分網(wǎng)頁(yè)上一致地運(yùn)用一樣款式時(shí),可運(yùn)用外部款式表,以到達(dá)網(wǎng)頁(yè)外觀的一致性。 假設(shè)更改款式,只需在外部款式表中修正一次,而該更改會(huì)反映到一切與該款式表相鏈接的網(wǎng)頁(yè)上。 通常外部款式表以 .css 做為文件擴(kuò)展名,例如 styles.css。 在需求此款式的頁(yè)面中將其鏈接進(jìn)來(lái),如: 本頁(yè)款式表本頁(yè)款式表 當(dāng)只是要定義當(dāng)前網(wǎng)頁(yè)的款式,可運(yùn)用嵌入的款式表。 嵌入的款式表“嵌

3、在網(wǎng)頁(yè)的 標(biāo)志符內(nèi)。 嵌入的款式表中的款式只能在這個(gè)網(wǎng)頁(yè)上運(yùn)用。元素款式元素款式 針對(duì)某個(gè)網(wǎng)頁(yè)中某個(gè)元素設(shè)置款式。 例如:江西通達(dá)CSS 根底語(yǔ)法根底語(yǔ)法 選擇器+聲明。選擇器通常是需求設(shè)置款式的網(wǎng)頁(yè)元素通常是HTML標(biāo)簽。每條聲明由一個(gè)屬性和一個(gè)值組成。 例如:h1 color:red; font-size:14px;。將 h1 元素內(nèi)的文字顏色定義為紅色,字體大小為 14 像素。h1 是選擇器,color 和 font-size 是屬性,red 和 14px 是值。本例中,除了英文單詞 red,還可以運(yùn)用十六進(jìn)制的顏色值 #ff0000 例如:p text-align: center; c

4、olor: black; font-family: arial; 定義一段紅色文字的居中等格式。 公司精神:誠(chéng)信、聰明、勤勞、專(zhuān)注創(chuàng)建創(chuàng)建設(shè)置設(shè)置CSSCSS款式款式面板面板 詳細(xì)如何操作?類(lèi)類(lèi) 可創(chuàng)建自定義的款式。 .ww font-family: 黑體;font-size: 18px;color: #FF0000; 款式名字前邊要有一個(gè)句點(diǎn)。假設(shè)沒(méi)有輸入這個(gè)句點(diǎn),DW自動(dòng)輸入。 可運(yùn)用于任何標(biāo)簽。class 屬性 江西通達(dá) 搜狐標(biāo)簽重新定義特定標(biāo)簽的外觀標(biāo)簽重新定義特定標(biāo)簽的外觀 對(duì)某種標(biāo)簽的外觀重新定義、規(guī)范或擴(kuò)展其屬性。 例如:a text-decoration: line-throu

5、gh; 要重新定義 HTML 標(biāo)簽款式,可以鍵入一個(gè) HTML 標(biāo)簽或者從彈出菜單中選擇一個(gè)。高級(jí)高級(jí)ID、偽類(lèi)選擇器、偽類(lèi)選擇器 對(duì)標(biāo)簽組合定義或定義ID標(biāo)簽 ID標(biāo)簽屬性用于定義一個(gè)元素獨(dú)特的款式。 用于控制鏈接的顯示效果,共有4種選擇器: a:link 未訪問(wèn)的鏈接 a:visited 已訪問(wèn)的鏈接 a:hover 當(dāng)有鼠標(biāo)懸停在鏈接上 a:active 被選擇的鏈接 寫(xiě)法,一定要按以上順序。運(yùn)用運(yùn)用CSS款式款式附加款式表附加款式表 屬性面板 文本菜單/CSS款式/練習(xí)練習(xí) 創(chuàng)建CSS文件控制站點(diǎn)一切網(wǎng)頁(yè)外觀。 一切網(wǎng)頁(yè)鏈接到CSS文件。 設(shè)置:網(wǎng)頁(yè)背景圖片、上邊境頂格。 標(biāo)簽組合td p:?jiǎn)卧裰卸温湫懈?00%,字體文本微軟雅黑,14像素。 類(lèi)1:字體黑體,18像素,粗體,傾,藍(lán)色,用于首頁(yè)車(chē)名 制造頁(yè)面底部:經(jīng)過(guò)表格ID,文字居中,白色,行高200%等。 設(shè)置圖

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 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ì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論