電子商務(wù)網(wǎng)頁設(shè)計（第三版）第 5 章 網(wǎng)頁特效_第1頁
電子商務(wù)網(wǎng)頁設(shè)計（第三版）第 5 章 網(wǎng)頁特效_第2頁
電子商務(wù)網(wǎng)頁設(shè)計（第三版）第 5 章 網(wǎng)頁特效_第3頁
電子商務(wù)網(wǎng)頁設(shè)計（第三版）第 5 章 網(wǎng)頁特效_第4頁
電子商務(wù)網(wǎng)頁設(shè)計（第三版）第 5 章 網(wǎng)頁特效_第5頁
已閱讀5頁，還剩29頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

第5章網(wǎng)頁特效

第1節(jié)CSS樣式表特效

第2節(jié)行為特效第1節(jié)CSS樣式表特效一、層疊樣式表的基礎(chǔ)知識1.層疊樣式表的概念層疊樣式表（CascadingStyleSheets，簡稱CSS），是專門用于定義各種各樣的樣式的一套規(guī)范，是網(wǎng)頁元素的修飾者，有了它就可以非常靈活方便地設(shè)計和匯總樣式來控制網(wǎng)頁內(nèi)容的外觀。2.層疊樣式表的功能（1）樣式豐富多樣（2）靈活方便（3）減少網(wǎng)站開發(fā)者工作的重復性3.層疊樣式表的類型（1）行內(nèi)式樣式表（2）嵌入式樣式表（3）外聯(lián)式樣式表二、CSS樣式表創(chuàng)建1.創(chuàng)建CSS樣式表的方法（1）通過菜單選項創(chuàng)建樣式表（2）通過“CSS樣式”面板創(chuàng)建樣式表（3）通過“屬性”面板創(chuàng)建樣式表2.新建CSS規(guī)則三、CSS樣式屬性定義1.文本屬性2.背景屬性3.邊框?qū)傩?.列表屬性四、CSS樣式表的引用1.引入外部樣式表2.應(yīng)用CSS樣式表（1）通過菜單應(yīng)用（2）通過“屬性”面板應(yīng)用（3）通過“CSS樣式”面板應(yīng)用3.CSS的應(yīng)用優(yōu)先級CSS樣式的優(yōu)先級總結(jié)來說，離被設(shè)置元素越近優(yōu)先級別越高，一般依據(jù)下面的規(guī)則劃分優(yōu)先級，即行內(nèi)樣式表（在HTML元素內(nèi)部）>內(nèi)部樣式表（位于<head>標簽內(nèi)部）>外聯(lián)樣式表>瀏覽器缺省設(shè)置。行內(nèi)樣式（在HTML元素內(nèi)部）擁有最高的優(yōu)先權(quán)，這意味著它將優(yōu)先于以下的樣式聲明：<head>標簽中的樣式聲明、外部樣式表中的樣式聲明或者瀏覽器中的樣式聲明（缺省值）。五、CSS樣式的應(yīng)用1.內(nèi)部樣式表的應(yīng)用2.外部樣式表的應(yīng)用3.應(yīng)用外部樣式第2節(jié)行為特效一、認識行為1.行為的概念行為是由對象、事件和該事件觸發(fā)的動作構(gòu)成的。DreamweaverCS5內(nèi)置了很多行為，使設(shè)計者不用輸入復雜的代碼即可在網(wǎng)頁上實現(xiàn)一些很實用的交互效果，如果對JavaScript語言有些掌握，還可以編寫代碼實現(xiàn)更加豐富的效果。2.對象對象是產(chǎn)生行為的主體。3.事件事件是由用戶或瀏覽器針對頁面元素的一種操作。4.動作動作通常是由一段預(yù)先編寫的JavaScript代碼組成的，用于完成某些特殊的任務(wù)。二、添加與編輯行為1.打開“行為”面板2.添加行為3.編輯行為三、表單

Form表單用于申明表單，定義采集數(shù)據(jù)的范圍，也就是<form>和</form>里面包含的數(shù)據(jù)將被提交到服務(wù)器，通常形式是：<formaction=""method=""entype=""></form>。表單域包含了文本框、多行文本框、密碼框、隱藏域、復選框、單選框、文件上傳框、下拉選擇框等。1.文本框文本框是一種讓訪問者自己輸入內(nèi)容的表單對象，通常被用來填寫單個字或簡短的回答。2.多行文本框多行文本框也是一種讓訪問者自己輸入內(nèi)容的表單對象，只不過能讓訪問者填寫較長的內(nèi)容。3.密碼框密碼框是一種特殊的文本域，用于輸入密碼，當訪問者輸入文字時，文字會被星號或其他符號代替，而輸入的文字會被隱藏。4.隱藏域隱藏域是用來收集或發(fā)送信息的不可見元素，對于網(wǎng)頁的訪問者來說，隱藏域是看不見的，當表單被提交時，隱藏域就會將信息用設(shè)置時定義的名稱和值發(fā)送到服務(wù)器上。5.復選框復選框允許在待選項中選中一項以上的選項，每個復選框都是一個獨立的元素，都必須有一個唯一的名稱。6.單選框當需要訪問者在單選項中選擇唯一的答案時，就需要用到單選框了。7.文件上傳框有時候需要用戶上傳文件，文件上傳框看上去和其他文本域差不多，只是它還包含了一個瀏覽按鈕。訪問者可以通過輸入需要上傳的文件路徑或者單擊瀏覽按鈕選擇需要上傳的文件。。8.下拉選擇框下拉選擇框允許在一個有限的空間設(shè)置多種選項。9.表單按鈕表單按鈕控制表單的運作。提交按鈕用來將輸入的信息提交到服務(wù)器。四、JavaScript腳本語言JavaScript是一種直譯式腳本語言，它的解釋器被稱為JavaScript引擎，是廣泛用于客戶端的腳本語言。1.JavaScript的功能JavaScript常用來為網(wǎng)頁添加各式各樣的動態(tài)功能，為用戶提供更流暢美觀的瀏覽效果。2.JavaScript的特性（1）簡單性（2）動態(tài)性（3）跨平臺性五、制作表單文本框行為特效1.設(shè)計表單2.添加行為3.預(yù)覽效果六、使用JavaScript腳本實現(xiàn)彈出對話框特效1.JavaScript腳本嵌入網(wǎng)頁頭部2.JavaScript腳本

溫馨提示

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

評論

0/150

提交評論