內容簡介
為什麼要學CSS?有了HTML不就能設計網頁了嗎?
沒錯,打開Dreamweaver輸入標題與文字、插入些圖片與超連結,再套用現成的格式,一份HTML網頁就完成了,但內容樣式之陽春總讓人難以恭維!
網頁內容越複雜,維護工程就越浩大,要解決這些問題,非靠CSS不可。CSS將給您隨心所欲的字體控制與版面配置能力,更可提高網頁開啟速度、大幅縮短維護時間,重點是編寫CSS如同HTML一樣簡單,但更具結構性、套用更簡單,編寫效能更甚HTML,除了上述優點外,使用CSS設計的好處還有非常多,心動了嗎?!那就翻開本書實際體驗CSS的魔力吧!
本書以簡單易懂的圖例、說明及大量範例,逐項剖析網頁構成、佈局架構、內容樣式、特效技巧…等等設計手法,進而使大家能由淺入深的理解程式、語法、屬性之意義與用途,擺脫學習困難、死記硬背、難以活用的問題,現在就一起進入CSS的世界,開始理解、動手、設計、驚呼吧!
本書特色
掌握HTML,奠定CSS學習基礎。
精通CSS必備設計概念及應用方法。
善用CSS頁面元素美化技法。
12種精美CSS濾鏡設計與應用技巧。
掌握最熱門之Div+CSS網頁佈局配置設計技法。
結合CSS與JQuery、Ajax、XML、PHP、Flash技術設計網頁。
目錄
Part 1_CSS 全面概觀篇
第一部分包含五章內容,目的是讓大家具備CSS設計必備的基本觀念與知識,並藉由書中實例讓大家體驗活用CSS 的方法,而不是填鴨式地死背語法。
CH1精學HTML
認識網頁基本要素並掌握撰寫HTML 語法的技能。
CH2立即掌握CSS
學會使用CSS 極其重要的設計觀念,並進一步瞭解和體驗未來CSS3新增功能在網頁設計上的應用。
CH3 CSS 常用元素美化
將使大家學會文字樣式、圖片特效、網頁背景、表格與表單美化應用技巧,掌握基本的CSS 美化技術。
CH4 CSS 頁面元素設計
主要介紹清單、連結、滑鼠特效、導覽列以及捲軸之美化設計,藉此能輕易的設計出豐富且多彩的網頁元素。
CH5 CSS濾鏡應用
實際體驗12 種CSS 濾鏡的應用設計手法,並以一綜合範例加強CSS 濾鏡效果的應用。
Part 2_CSS 版面配置篇
第二部分著重在現今最熱門的Div+CSS 網頁版面設計技術,藉由CSS 與Div 定位的搭配以及「盒模型(BOX MODEL)」的結合應用,完美的版面佈局與內容編排將不再是件難以達成的工作。
CH6 CSS 佈局面面觀
主要介紹Div 與Span 標籤的區別,以及盒模型、定位(Position)方式並解決傳統表格佈局所做不到的功能,快速掌握Div+CSS 製作網頁技能。
CH7必備CSS+DIV技法
要讓大家掌握網頁設計的頁面佈局技法,包括2欄式佈局、3欄式佈局、可變與不可變寬度版面設計的技巧。
CH8實戰CSS+DIV佈局
將從零開始讓大家體驗一完整應用CSS+Div技法設計網頁的過程。
Part 3_CSS 進階演練篇
第三部分邁入進階實作演練階段,經由對CSS與其他語言(例如JavaScript、PHP 等)的配合,使網頁不僅具備更多的酷炫特效,同時還能因應不同瀏覽需要產生動態網頁。
CH9 CSS 網頁特效應用
介紹jQuery 與CSS、Ajax 與CSS 結合的特效應用,以簡單快速的方式輕易設計出炫酷的網頁特效。
CH10 CSS 整合應用設計
將介紹並帶大家體驗XML、PHP、Flash 與CSS 整合應用的特點與優勢,以掌握CSS 在其他領域中的應用,擴大設計視野。
Part 4_CSS 模板應用篇
第四部分主談三種應用領域的設計案例。書中將藉由剖析這些經典網頁之結構與設計的重點,讓大家快速吸取他人設計經驗,進而說明如何藉由同事或網路所分享的網頁模版,根據個人設計需要快速完成修改與調整的整個過程,大幅省去基本設計的重複設計過程。
CH11個人部落格—文字表格型
CH12購物商城—圖片展示型
CH13影音展覽館—多媒體動畫型
線上試讀:
http://www.books.com.tw/exep/assp.php/yogoman/exep/prod/lookinside.php?item=0010527939
相關資訊:
http://www.books.com.tw/exep/assp.php/yogoman/exep/prod/booksfile.php?item=0010527939