《精通CSS+DIV網頁樣式與布局配套視頻教程》

來源:互聯網
上載者:User
內容簡介
隨著Web 2.0的大潮席捲而來,網頁標準化CSS+DIV的設計方式正逐漸取代傳統的表格版面配置模式,對CSS的學習也成為設計人員的必修課。
  本書系統地講解了CSS層迭樣式表的基礎理論和實際運用技術,通過大量執行個體對CSS進行深入淺出的分析,主要包括CSS的基本文法和概念,設定文字、圖片、背景、表格、表單和菜單等網頁元素的方法,以及CSS濾鏡的使用。著重講解如何用CSS+DIV進行網頁布局,注重實際操作,使讀者在學習CSS應用技術的同時,掌握CSS+DIV的精髓。本書還詳細講解了其他書中較少涉及的技術細節,包括擴充CSS與JavaScript、XML和Ajax的綜合應用等內容,指導讀者製作符合Web標準的網頁,使從事或欲從事網站設計開發專業工作的讀者提升技術水平和競爭能力。最後給出了5個常見類型的完整網頁的綜合執行個體,讓讀者進一步鞏固所學到的知識,提高綜合應用的能力。
  本書內容翔實、結構清晰、循序漸進,並注意各個章節與執行個體之間的呼應和對照,既可作為CSS初學者的入門教材,也適合中進階使用者進一步學習和參考。

目錄
第1部分 CSS基礎知識篇
 第1章 CSS的初步體驗 
  1.1 CSS的概念 
  1.2 使用CSS控制頁面 
  1.3 體驗CSS 
 第2章 CSS的基本文法 
  2.1 CSS選取器 
  2.2 選取器聲明
  2.3 CSS的繼承
 第3章 用CSS設定豐富的文字效果 
  3.1 CSS文字樣式
  3.2 文字執行個體一:類比Google公司Logo 
  3.3 文字執行個體二:製作頁面的五彩標題 
  3.4 CSS段落文字
  3.5 段落執行個體:百度搜尋 
 第4章 用CSS設定圖片效果 
  4.1 圖片樣式 
  4.2 圖片的對齊
  4.3 圖文混排 
  4.4 圖文執行個體:八仙過海 
 第5章 用CSS設定網頁中的背景 
  5.1 背景顏色 
  5.2 背景圖片 
  5.3 背景綜合一:我的個人首頁 
  5.4 背景綜合二:古詞《念奴嬌·赤壁懷古》 
 第6章 用CSS設定表格與表單的樣式 
  6.1 控製表格 
  6.2 表格執行個體一:隔行變色 
  6.3 表格執行個體二:滑鼠經過時變色的表格 
  6.4 表格執行個體三:日曆 
  6.5 CSS與表單 
  6.6 綜合執行個體一:直接輸入的Excel表格 
  6.7 綜合執行個體二:模仿新浪網民調查問卷 
 第7章 用CSS設定頁面和瀏覽器的元素 
  7.1 豐富的超連結特效
  7.2 滑鼠特效
  7.3 頁面捲軸 
 第8章 用CSS製作實用的菜單 
  8.1 項目列表 
  8.2 無需表格的菜單 
  8.3 菜單的橫豎轉換 
  8.4 菜單一實例一:百度導航條 
  8.5 菜單一實例二:流行的Tab菜單 
 第9章 CSS濾鏡的應用 
  9.1 濾鏡概述 
  9.2 通道(Alpha) 
  9.3 模糊(Blur) 
  9.4 移動模糊(Motion Blur) 
  9.5 透明色(Chroma) 
  9.6 下落的陰影(Dropshadow) 
  9.7 翻轉變換(Flip) 
  9.8 光暈(Glow) 
  9.9 灰階(Gray) 
  9.10 反色(Invert) 
  9.11 遮罩(Mask) 
  9.12 陰影(Shadow) 
  9.13 X射線(X-ray) 
  9.14 浮雕紋理(Emboss和Engrave) 
  9.15 波浪(Wave) 
第2部分 CSS+DIV美化和布局篇
 第10章 理解CSS定位與div布局 
  10.1  div 標記與 span 標記
  10.2 盒子模型
  10.3 元素的定位 
  10.4 定位執行個體一:輕輕鬆鬆給圖片簽名 
  10.5 定位執行個體二:文字陰影製作效果 
 第11章 CSS+div布局方法剖析 
  11.1 CSS排版觀念 
  11.2 固定寬度且置中的版式
  11.3 左中右版式 
  11.4 塊的背景色問題
  11.5 排版執行個體:電子相簿 
  11.6 div排版與傳統的表格方式排版的分析 
 第12章 CSS+div美化與布局實戰 
  12.1 架構搭建 
  12.2 執行個體一:藍色經典 
  12.3 執行個體二:清明上河圖 
  12.4 執行個體三:交河故城 
  12.5 自動選擇CSS樣式 
第3部分 CSS混合應用技術篇
 第13章 CSS與JavaScript的綜合應用 
  13.1 JavaScript概述
  13.2 JavaScript文法基礎
  13.3 執行個體一:輸入時高亮顯示的Excel表格 
  13.4 執行個體二:由遠到近的文字 
  13.5 執行個體三:跑馬燈特效 
  13.6 執行個體四:圖片淡入淡出 
  13.7 執行個體五:CSS實現PPT投影片 
  13.8 執行個體六:燈光效果 
  13.9 執行個體七:舞檯燈光 
  13.10 執行個體八:探照燈 
  13.11 執行個體九:滑鼠文字跟隨 
 第14章 CSS與XML的綜合運用 
  14.1 XML基礎 
  14.2 XML連結CSS檔案 
  14.3 XML文字陰影製作效果 
  14.4 XML古詩字畫 
  14.5 XML實現隔行變色的表格 
 第15章 CSS與Ajax的綜合應用 
  15.1 Ajax概述 
  15.2 Ajax入門
  15.3 Ajax執行個體:能夠自由拖動布局地區的網頁 
第4部分 綜合案例篇
 第16章 我的部落格 
  16.1 分析構架 
  16.2 模組拆分 
  16.3 整體調整 
 第17章 小型工作室網站 
  17.1 分析構架 
  17.2 模組拆分
  17.3 整體調整 
 第18章 企業網站 
  18.1 分析構架
  18.2 模組拆分
  18.3 整體調整 
 第19章 網上購物網站 
  19.1 分析構架
  19.2 模組分析
  19.3 整體調整 
 第20章 旅遊網站 
  20.1 分析構架 
  20.2 模組拆分
  20.3 整體調整

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.