注冊 | 登錄讀書好,好讀書,讀好書!
讀書網(wǎng)-DuShu.com
當前位置: 首頁出版圖書科學技術計算機/網(wǎng)絡圖形圖像、多媒體、網(wǎng)頁制作綜合動態(tài)網(wǎng)頁設計案例教程

動態(tài)網(wǎng)頁設計案例教程

動態(tài)網(wǎng)頁設計案例教程

定 價:¥28.00

作 者: 楊正華編著
出版社: 中科多媒體電子出版社
叢編項: 案例教程系列
標 簽: 暫缺

ISBN: 9787900084194 出版時間: 2001-09-01 包裝: 精裝
開本: 26cm+光盤1片 頁數(shù): 300 字數(shù):  

內容簡介

  本書介紹動態(tài)網(wǎng)頁技術的核心內容CSS(全稱為CascadingStyleSheets,層疊樣式表)。掌握CSS,已成為網(wǎng)頁制作人員的必備技能。通過CSS可以實現(xiàn)頁面視覺效果的一切變化,如字體、對齊方式、顏色、位置、大小、定位、分層與重疊、濾鏡效果等,幾乎可以達到用戶網(wǎng)絡帶寬和處理器運行速度允許范圍內的一切動態(tài)交互、神奇變幻的網(wǎng)頁效果。本書精選出55個案例進行教學,將CSS的知識點有機地分散在這55個案例中。通過案例,使得CSS眾多的對象、屬性以及各種設置和操作都變得具體形象、通俗易懂,讓讀者從實際的操作、具體的設計中體會、領悟、積累CSS和動態(tài)網(wǎng)頁制作的經驗技巧,循序漸進,深入淺出,可操作性極強。同時,這些案例非常實用,讀者可以直接“拿來”或者簡單修改后再加入自己的網(wǎng)頁中,輕輕松松使自己的網(wǎng)頁多姿多彩、變幻莫測,達到令人驚嘆的美觀布局和令人震憾的動態(tài)效果。本書及其配套光盤(含各案例的動態(tài)網(wǎng)頁特效及源代碼)適合于各個層次的網(wǎng)頁制作愛好者使用。

作者簡介

暫缺《動態(tài)網(wǎng)頁設計案例教程》作者簡介

圖書目錄

第1章  HTML 4. 0簡介                  
 1. 1  初識HTML                  
 1. 1. 1  HTML是什么                  
 1. 1. 2 初步嘗試                  
 1. 1. 3 HTML文檔的注釋                  
 1. 2 文檔頭                  
 1. 2. 1 可在文檔頭部分使用的標識符                  
 1. 2. 2  meta標識符                  
 1. 3 網(wǎng)頁的頁面屬性                  
 1. 3. 1 定義背景色. 背景圖片和文字色彩                  
 1. 3. 2 設置網(wǎng)頁空白                  
 1. 4 鏈接                  
 1. 4. 1 基本語法                  
 1. 4. 2 在新窗口中打開鏈接                  
 1. 4. 3 用鏈接實現(xiàn)發(fā)信                  
 1. 5 字體樣式                  
 1. 5. 1 標題字體                  
 1. 5. 2 設置字號                  
 1. 5. 3 設置物理字體和邏輯字體                  
 1. 5. 4 設置字模                  
 1. 5. 5 設置文字顏色                  
 1. 5. 6 字體設置標識符的組合使用                  
 1. 6 網(wǎng)頁布局                  
 1. 6. 1 設置標尺線                  
 1. 6. 2 行的控制                  
 1. 6. 3 文字的對齊方式                  
 1. 6. 4 列表                  
 1. 6. 5 預排格式化文本                  
 1. 6. 6 標識符<address>和</address>                  
 1. 6. 7  標識符<blockquote>和</blockquote>                  
 1. 6. 8  空白區(qū)域                  
 1. 7 圖像                  
 1. 7. 1 基本語法                  
 1. 7. 2 圖像在網(wǎng)頁中的布局                  
 1. 7. 3 設置圖像的大小和邊框寬度                  
 1. 8 表格                  
 1. 8. 1 定義表格的基本語法                  
 1. 8. 2 設置表格外觀                  
 1. 8. 3 跨多行多列的表元                  
 1. 8. 4  控制表格內文字的布局                  
 1. 8. 5  控制表格在網(wǎng)頁中的布局                  
 1. 9 多窗口結構                  
 1. 9. 1 基本語法                  
 1. 9. 2 設置各窗口的尺寸                  
 1. 9. 3 框架的嵌套                  
 1. 9. 4 框架各窗口之間的關系                  
 1. 9. 5 設置框架的外觀                  
 1. 9. 6 浮動窗口                  
 1. 10 表單                  
 1. 10. 1 表單的基本結構                  
 1. 10. 2  普通按鈕和圖像按鈕                  
 1. 10. 3 下拉菜單                  
 1. 10. 4 復選框                  
 1. 10. 5 單選按鈕                  
 1. 10. 6 提交和重置按鈕                  
 1. 10. 7 文字和密碼輸入                  
 1. 10. 8 文本區(qū)域                  
 1. 11?。糞cript>. <Applet>和<Style>標識符                  
 1. 12 本章知識點回顧                  
 第2章  CSS基礎                  
 2. 1 范例1:設置鏈接效果                  
 2. 1. 1 效果說明                  
 2. 1. 2 樣式表的基本結構                  
 2. 1. 3 設置鏈接效果的樣式規(guī)則                  
 2. 1. 4 把樣式表嵌入到HTML文檔頭                  
 2. 1. 5 樣式表和HTML的關系                  
 2. 2 范例2:設置鼠標光標的形狀                  
 2. 2. 1 效果說明                  
 2. 2. 2 用于設置鼠標光標形狀的樣式規(guī)則                  
 2. 2. 3 在代碼行中加入樣式                  
 2. 2. 4 指定鼠標光標的形狀                  
 2. 3 范例3:首字下沉與首行大寫                  
 2. 3. 1 效果說明                  
 2. 3. 2 分類                  
 2. 3. 3 使用分類實現(xiàn)首字下沉和首行大寫                  
 2. 3. 4 情景選擇                  
 2. 3. 5 使用情景選擇實現(xiàn)首字下沉和首行大寫                  
 2. 4 范例4:為不同文本定義不同樣式                  
 2. 4. 1 效果說明                  
 2. 4. 2  class屬性                  
 2. 4. 3 id屬性                  
 2. 4. 4  span元素                  
 2. 4. 5  div元素                  
 2. 4. 6 使用多個樣式規(guī)則時的優(yōu)先級                  
 2. 5 范例5:外部CSS文件                  
 2. 5. 1 將樣式表嵌入HTML文檔的方法                  
 2. 5. 2 鏈接到外部CSS文件                  
 2. 5. 3 輸入外部樣式表                  
 2. 6 本章知識點回顧                  
 第3章 設置字體樣式                  
 3. 1 范例6:字體風格                  
 3. 1. 1 效果說明                  
 3. 1. 2 設置字體風格的樣式規(guī)則                  
 3. 1. 3 創(chuàng)建步驟                  
 3. 2 范例7:按照字模系列名稱調用字體                  
 3. 2. 1 效果說明                  
 3. 2. 2 設置字模系列的樣式規(guī)則                  
 3. 2. 3 創(chuàng)建步驟                  
 3. 3 范例8:自由控制字號                  
 3. 3. 1 控制字號的樣式規(guī)則                  
 3. 3. 2 以point為單位控制字號                  
 3. 3. 3  以em為單位控制字號                  
 3. 3. 4 以pixel為單位控制字號                  
 3. 3. 5 以其他單位控制字號                  
 3. 3. 6 使用關鍵字控制字號                  
 3. 3. 7 使用比例尺寸控制字號                  
 3. 4 范例9:控制字重                  
 3. 4. 1  效果說明                  
 3. 4. 2 設置字重的樣式規(guī)則                  
 3. 5 范例10:文字變形                  
 3. 5. 1 效果說明                  
 3. 5. 2 設置文字變形的樣式規(guī)則                  
 3. 6 范例11:文字修飾                  
 3. 6. 1 效果說明                  
 3. 6. 2 設置文字修飾的樣式規(guī)則                  
 3. 7  范例12:設置文字的顏色                  
 3. 7. 1 使用英文名稱來設置顏色                  
 3. 7. 2 使用16進制數(shù)來設置顏色                  
 3. 7. 3 使用rgb模式來設置顏色                  
 3. 8 范例13:設置文字的背景顏色                  
 3. 8. 1 設置黑底白字效果                  
 3. 8. 2 為多種網(wǎng)頁元素設置背景顏色                  
 3. 9 范例14:設置文字的背景圖像                  
 3. 9. 1 設置背景圖像的樣式規(guī)則                  
 3. 9. 2 設置背景圖像的范例                  
 3. 10 范例15:控制文字是否顯示                  
 3. 10. 1 display屬性                  
 3. 10. 2 范例                  
 3. 11 范例16:設置列表項的標記                  
 3. 11. 1 list-style-type屬性                  
 3. 11. 2 使用list-style-type屬性設置UL標記                  
 3. 11. 3 使用list-style-type屬性設置OL標記                  
 3. 11. 4  list-style-image屬性                  
 3. 11. 5  list-style屬性                  
 3. 12 范例17:筆記本網(wǎng)頁效果                  
 3. 12. 1 效果說明                  
 3. 12. 2 代碼                  
 3. 12. 3 font屬性                  
 3. 13 本章知識點回顧                  
 第4章 控制頁面布局                  
 4. 1 范例18:設置字母間距和單詞間距                  
 4. 1. 1 設置字母間距                  
 4. 1. 2 設置單詞間距                  
 4. 2 范例19:控制行距                  
 4. 2. 1 控制行距的方法                  
 4. 2. 2 用數(shù)字設置行高                  
 4. 2. 3 使用長度單位設置行高                  
 4. 2. 4 使用比例設置行高                  
 4. 3 范例20:讓文字互相重疊                  
 4. 4 范例21:文字對齊                  
 4. 4. 1 樣式規(guī)則                  
 4. 4. 2 水平對齊的一個范例                  
 4. 4. 3 對表格的各表元內容進行對齊的范例                  
 4. 5 范例22:文字縮行                  
 4. 5. 1 樣式規(guī)則                  
 4. 5. 2 縮行的范例                  
 4. 6 范例23:設置空白區(qū)域                  
 4. 6. 1 box與間隙. 邊框. 空白區(qū)域                  
 4. 6. 2 設置空白區(qū)域的樣式規(guī)則                  
 4. 6. 3 設置空白區(qū)域的范例                  
 4. 7 范例24:設置間隙和邊框                  
 4. 7. 1 設置間隙的樣式規(guī)則                  
 4. 7. 2 邊框的4個屬性                  
 4. 7. 3 設置邊框的寬度                  
 4. 7. 4 設置邊框的顏色                  
 4. 7. 5  設置邊框的風格                  
 4. 7. 6  設置邊框的范例                  
 4. 7. 7 設置間隙和邊框的范例                  
 4. 8 范例25:設置環(huán)繞效果                  
 4. 8. 1 設置環(huán)繞的樣式規(guī)則                  
 4. 8. 2 設置環(huán)繞的范例                  
 4. 9 范例26:設置背景                  
 4. 9. 1 添加背景顏色和背景圖像                  
 4. 9. 2 控制背景圖像是否平鋪                  
 4. 9. 3 控制背景圖像是否固定                  
 4. 9. 4 控制背景圖像的顯示位置                  
 4. 9. 5 使用background屬性設置背景                  
 4. 10 范例27:錯亂的網(wǎng)頁效果                  
 4. 10. 1 效果說明                  
 4. 10. 2 代碼                  
 4. 11 范例28:報紙網(wǎng)頁效果                  
 4. 11. 1 效果說明                  
 4. 11. 2 代碼                  
 4. 12 本章知識點回顧                  
 第5章 定位與疊放                  
 5. 1 范例29:絕對定位與相對定位                  
 5. 1. 1 絕對定位                  
 5. 1. 2 相對定位                  
 5. 2 范例30:設置網(wǎng)頁元素的寬度和高度                  
 5. 2. 1 設置寬度                  
 5. 2. 2 同一圖像以不同寬度顯示                  
 5. 2. 3 階梯狀顯示的文本                  
 5. 2. 4 設置高度                  
 5. 3 范例31:設置網(wǎng)頁元素的可視性                  
 5. 3. 1 visibility屬性                  
 5. 3. 2 范例:突然消失的按鈕                  
 5. 4 范例32:疊放文字和圖像                  
 5. 4. 1 z-index屬性                  
 5. 4. 2 范例:將兩張圖片組合為一                  
 5. 5 范例33:定位方法的綜合應用                  
 5. 5. 1 效果說明                  
 5. 5. 2 創(chuàng)建步驟                  
 5. 6 范例34:圖片文字效果                  
 5. 6. 1 效果說明                  
 5. 6. 2 創(chuàng)建步驟                  
 5. 7 范例35:光標瞄準器特效                  
 5. 7. 1 效果說明                  
 5. 7. 2 創(chuàng)建步驟                  
 5. 8 本章知識點回顧                  
 第6章 CSS濾鏡(Filter)                  
 6. 1 范例36:認識濾鏡                  
 6. 1. 1 什么是濾鏡                  
 6. 1. 2 濾鏡效果示例                  
 6. 2 范例37:定義一個或多個濾鏡效果                  
 6. 2. 1 定義一個濾鏡效果                  
 6. 2. 2 定義多個濾鏡效果                  
 6. 2. 3 多個濾鏡效果的應用順序                  
 6. 2. 4 應用濾鏡效果時的注意事項                  
 6. 3  范例38:Alpha通道濾鏡效果                  
 6. 3. 1  Alpha通道效果的效果及定義                  
 6. 3. 2 一個范例                  
 6. 3. 3 代碼的解釋:使用腳本動態(tài)設置濾鏡的屬性                  
 6. 3. 4 濾鏡數(shù)組                  
 6. 4 范例39:移動模糊(Motion Blur)                  
 6. 4. 1 效果和定義                  
 6. 4. 2 范例                  
 6. 5 范例40:色度(Chroma)                  
 6. 5. 1 效果及定義                  
 6. 5. 2 范例                  
 6. 6 范例41:下落陰影(Drop Shadow)                  
 6. 6. 1 效果及定義                  
 6. 6. 2 范例                  
 6. 7 范例42:翻轉(Flip)                  
 6. 7. 1 效果及定義                  
 6. 7. 2 范例                  
 6. 8 范例43:光暈(Glow)                  
 6. 8. 1 效果及定義                  
 6. 8. 2 范例                  
 6. 9 范例44:灰度(Grayscale)                  
 6. 9. 1 效果及定義                  
 6. 9. 2 范例                  
 6. 10 范例45:反相(Invert)                  
 6. 10. 1 效果及定義                  
 6. 10. 2 范例                  
 6. 11 范例46:遮蔽(Mask)                  
 6. 11. 1 效果及定義                  
 6. 11. 2 范例                  
 6. 12 范例47:陰影(Shadow)                  
 6. 12. 1 效果及定義                  
 6. 12. 2 范例                  
 6. 13 范例48:波形(Wave)                  
 6. 13. 1 效果及定義                  
 6. 13. 2 范例                  
 6. 14 范例49:X光效果(X-ray)                  
 6. 14. 1  效果及定義                  
 6. 14. 2 范例                  
 6. 15 本章知識點回顧                  
 第7章 JavaScript與CSS的結合應用                  
 7. 1 范例50:圖片播放效果                  
 7. 1. 1 效果說明                  
 7. 1. 2 客戶端映射圖                  
 7. 1. 3 使用"層"使圖文重疊                  
 7. 1. 4 完整代碼                  
 7. 2 范例51:光暈文字特效                  
 7. 2. 1 效果說明                  
 7. 2. 2 實現(xiàn)方法                  
 7. 3 范例52:固定于網(wǎng)頁某一位置的菜單                  
 7. 3. 1 效果說明                  
 7. 3. 2 實現(xiàn)方法                  
 7. 4 范例53:可拖動的圖文                  
 7. 4. 1 效果說明                  
 7. 4. 2 實現(xiàn)方法                  
 7. 4. 3 進一步實踐:和拖動的DIV                  
 7. 4. 4 同時兼容Netscape和IE                  
 7. 5 范例54:神奇的導航圖                  
 7. 5. 1 效果說明                  
 7. 5. 2 客戶端映射圖                  
 7. 5. 3 定位和疊放                  
 7. 5. 4 設置和導航菜單各項相對應的顯示層(DIV)                  
 7. 5. 5 實現(xiàn)圖像變形的動畫效果                  
 7. 6 范例55:飛行的圖片                  
 7. 6. 1 效果說明                  
 7. 6. 2 實現(xiàn)方法                  
 7. 7 本章知識點回顧                  
 附錄1 CSS與瀏覽器的兼容性                  
 f1. 1 樣式表基礎                  
 f1. 2 字體樣式                  
 f1. 3 文字                  
 f1. 4 顏色與背景                  
 f1. 5 頁面布局                  
 f1. 6 層和定位(CSS2)                  
 附錄2  CSS2新增選擇符                  
 f2. 1?。ㄍㄅ浞x擇符)                  
 f2. 2?。荆ㄗ舆x擇符)                  
 f2. 3?。ńH選擇符)                  
 f2. 4 [ ](屬性搭配選擇符)                  
 附錄3 樣式表度量單位值                  
 f3. 1%                  
 f3. 2 cm                  
 f3. 3 em                  
 f3. 4  ex(x-height)                  
 f3. 5  in                  
 f3. 6  mm                  
 f3. 7  pc                  
 f3. 8  pt                  
 f3. 9  px                  
 附錄4 樣式表顏色值                  
 f4. 1 英文名稱表示的顏色值                  
 f4. 2 6個數(shù)字的16進制顏色值                  
 f4. 3 3個數(shù)字的16進制顏色值                  
 f4. 4 RGB顏色值                  
 f4. 5 使用百分比值的RGB顏色值                  

本目錄推薦

掃描二維碼
Copyright ? 讀書網(wǎng) m.ranfinancial.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號