目前,使用 XHTML + CSS 來設計網頁已蔚為主流。這是因為將文件結構資訊與外觀資訊分開撰寫,能夠確保可及性並對 SEO 對策有利,以及網頁瀏覽器對 CSS 支援持續發展,讓網頁能夠表現出更細緻華麗的設計等因素始然。
XHTML 及 CSS 的寫法其實並不難,儘管如此,一旦開始製作網頁,還是會出現不知道該寫成什麼樣的 CSS,或是在某些瀏覽器中看起來很正常,但在別的瀏覽器中版面就會崩壞等各式各樣的問題。要將 XHTML 與 CSS 運用自如,持續累積實務上的知識技巧是不可或缺的!
本書內容網羅了與 XHTML + CSS 相關的各種技巧,從兩欄式、三欄式、網格版面及流動版面等正統派的版面,到程式設計的思考方式、組合 JavaScript 及 Flash 的 CSS 使用法、利用滑鼠指向效果實作導覽列、表格、格線、標題及圖示等實踐型的設計裝飾元素製作,每個必殺技都具備詳盡解說,幫助你參透不可錯過的超殺技巧!
對剛要開始挑戰網頁製作的初學者而言絕對非常有幫助,而對於經驗老到的網頁設計師及程式設計師來說,本書也必定會有讓你有新的發現。
本書集結時下網頁中常見且熱門的 CSS + XHTML 網頁設計實務技巧,包括:
兩欄式版面
三欄式版面
四欄式版面
工整排列的網格版面
散佈排列的網格版面
可限制欄位最大或最小縮放寬度的流動版面
可隨瀏覽器視窗改變內容寬度的流動版面
不局限於網格的流動版面
橫向滑動切換的圖像幻燈片
強調背景的版面
頁首與頁尾不露白的版面
讓文章容易閱讀的文字設定
建立基本元素的樣式
使用 position 屬性編排的版面
透明圖像的運用手法
圖文可同時產生滑鼠指向效果的導覽列選單
分組顯示的選單
不用按下連結也可顯示目標內容的導覽列
簡單好用的麵包屑路徑
使用 jQuery 製作樹狀選單
不用 JavaScript 也可完成的下拉式選單
活用滑鼠指向效果的多種導覽列設計
仿 iPhone 滑動開關風格的表單
可自行選擇外觀樣式的網頁
頁籤面板
流程圖
樹狀網站地圖
緊貼在瀏覽器視窗下方的頁尾
活用留白製作易讀的表格
會根據連結目標自動加上圖示的連結
製作不會因字數過多而崩壞的標題
視文字有無調整頁首的結構
用大量圖像交疊而成的設計
不使用圖像但仍具裝飾性的圖說符號
會隨內容量變化的線條
結合 Flash 動畫的商店網站
使用共用元素整合網頁設計
圖像化的提示文字
圖像化的清單符號
利用透明 GIF 或半透明 PNG 圖像的遮色片效果
可立即套用的絕妙範例,讓你以更快的時間達成專案目標,投資報酬率瞬間提升!加上 Step by Step 的詳盡解說,萬一客戶要求修改網頁,也不用擔心不知該從何改起!
超濃縮!網頁設計實務技巧滿載!是絕不可錯過的一冊!
本書特色
□本書是透過實作網頁,以步驟形式解說「CSS + XHTML 實際上要如何使用」的技巧大全。
□由經驗豐富的專家親授必修技巧,不但能習得程式碼的寫法,還能掌握「為什麼要使用這段程式碼」、「(X) HTML 與 CSS 是怎麼合作的」等的思考方法。
□目錄直接呈現出各範例內容,讓你可直接挑選想要做的效果,並立即開始製作與學習。
□本書共 40 個賺錢必殺技,內容不只包含 CSS + XHTML 的設計技巧,也涵蓋了 JavaScript、Flash 等領域,相信能讓你受用無窮。