CSS藝匠之門

前言

　　在CSS出現(xiàn)的早期，許多網(wǎng)頁(yè)設(shè)計(jì)師把CSS與枯燥的方塊盒和薄薄的邊界關(guān)聯(lián)起來。他們會(huì)大叫，“CSS真難看！”正是像CSS Edge和CSS ZenGarden這樣的項(xiàng)目讓網(wǎng)站設(shè)計(jì)界看到，CSS設(shè)計(jì)不僅能達(dá)到-q基于表格的設(shè)計(jì)同樣的美學(xué)效果，而且優(yōu)于后者的是，它可以把更新、更有趣的設(shè)計(jì)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中。不必說標(biāo)記的可維護(hù)性要好了許多，只要想象一下，如果你再也不用耗費(fèi)一天時(shí)間來設(shè)置這些表格的話，你會(huì)有多么開心?！　”緯髡聦⑼ㄟ^實(shí)例演示如何為常用的網(wǎng)頁(yè)組件設(shè)置樣式。在這個(gè)過程中，你會(huì)學(xué)習(xí)到許多實(shí)用的技巧，可以在當(dāng)前所有瀏覽器中讓復(fù)雜的設(shè)計(jì)變得鮮活，而不必混亂地堆砌表格或采用過多的描述性標(biāo)記。即便是為了更易于實(shí)現(xiàn)技巧性的設(shè)計(jì)，也不應(yīng)該犧牲可訪問性和標(biāo)記數(shù)量，因此，本書中的練習(xí)都使用了XHTML和CSS的最佳實(shí)踐作為例子。每一章都是以通過前面各章的練習(xí)而獲得的技巧作為基礎(chǔ)，逐漸深入地進(jìn)行構(gòu)建，使你掌握一套實(shí)用的技巧，可以用來表達(dá)自己的創(chuàng)意思想。讀者對(duì)象　　本書對(duì)于那些想要了解如何利用CSS創(chuàng)建迷人網(wǎng)站的實(shí)用技巧的人來說再理想不過了，尤其是如果你不喜歡死記形式化規(guī)范，然后努力研究哪些瀏覽器能將它完整實(shí)現(xiàn)（這世界上會(huì)有人喜歡讀規(guī)范嗎）。閱讀本書所需要的預(yù)備知識(shí)就是要對(duì)HTML有一定的了解。本書會(huì)使設(shè)計(jì)人員掌握實(shí)現(xiàn)自我想法所需要的技巧，并通過實(shí)際案例賦予設(shè)計(jì)人員以創(chuàng)意的靈感。本書內(nèi)容　　本書共分7章，分別講解網(wǎng)頁(yè)構(gòu)成的基本元素（標(biāo)題、圖片、背景、導(dǎo)航）以及應(yīng)用樣式（如表單、內(nèi)容框上的圓角及表格）。在本書的范例演示中所使用的方法都包含了CSS代碼。這些范例鼓勵(lì)你在設(shè)計(jì)中把藝術(shù)和科學(xué)相結(jié)合，從而創(chuàng)建既漂亮又實(shí)用的網(wǎng)站。

內(nèi)容概要

　　《CSS藝匠之門》從標(biāo)題、圖片、背景、導(dǎo)航、表單、表格和圓角效果等幾方面，介紹CSS設(shè)計(jì)的神奇作用?！禖SS藝匠之門》將CSS和JavaScript兩種技術(shù)有效地結(jié)合起來，每一章都通過實(shí)例介紹如何設(shè)計(jì)普通網(wǎng)站的組件。根據(jù)這些方法，讀者將學(xué)會(huì)使用很多便捷的技術(shù)在現(xiàn)代瀏覽器中完成復(fù)雜的設(shè)計(jì)，利用CSS代碼保證網(wǎng)站的可訪問性、可維護(hù)性及功能性，設(shè)計(jì)出富有情趣的視覺效果，并最終構(gòu)建一個(gè)迷人的、個(gè)性十足且實(shí)用的網(wǎng)站。《CSS藝匠之門》設(shè)計(jì)技巧豐富，并配有漂亮的圖片，還給出了一個(gè)能夠幫助讀者實(shí)現(xiàn)自己的創(chuàng)作靈感的工具包?！　　禖SS藝匠之門》適合各種層次的Web設(shè)計(jì)人員、Web開發(fā)人員及對(duì)Web設(shè)計(jì)有興趣的個(gè)人計(jì)算機(jī)用戶。對(duì)于初學(xué)者，可以跟隨書中的實(shí)例一步步地學(xué)習(xí)，從而很快上手，也可以把書中的實(shí)例直接運(yùn)用到實(shí)際設(shè)計(jì)中。

作者簡(jiǎn)介

Cameron Adams做Internet業(yè)務(wù)已經(jīng)有七年多，目前管理著自己的設(shè)計(jì)和開發(fā)公司。他的個(gè)人網(wǎng)站(http://www.themaninblue.com)是美學(xué)和技術(shù)的結(jié)合，網(wǎng)站上包含同樣多的設(shè)計(jì)、JavaScript和CSS技術(shù)。.
Jina Bolton是一位交互設(shè)計(jì)師，在孟菲斯藝術(shù)學(xué)院的計(jì)算機(jī)藝術(shù)和圖形設(shè)計(jì)專業(yè)取得美術(shù)學(xué)士學(xué)位。她除了從事CSS Professional Style和Web Designing雜志的相關(guān)工作，還為不同的事務(wù)所和組織提供咨詢，包括W3C。她喜歡旅行，正在學(xué)習(xí)意大利語，而且自認(rèn)為是一位壽司迷。

書籍目錄

第1章　標(biāo)題1.1　層次1.2　個(gè)性標(biāo)識(shí)1.3　圖片替換1.3.1　文本縮進(jìn)1.3.2　添加額外的標(biāo)記1.4　Flash替換1.4.1　提供基本的標(biāo)記和CSS1.4.2　提供字體1.4.3　定制JavaScript1.4.4　包含CSS文件1.4.5　調(diào)整CSS1.5　小結(jié)第2章　圖片2.1　圖片庫(kù)2.1.1　創(chuàng)建圖片頁(yè)面2.1.2　創(chuàng)建縮略圖頁(yè)面2.1.3　創(chuàng)建相冊(cè)頁(yè)面2.2　上下文相關(guān)圖片2.2.1　放置介紹性圖片2.2.2　設(shè)置圖片和標(biāo)題的樣式2.2.3　創(chuàng)建偏移的標(biāo)題2.3　更多資源2.4　小結(jié)第3章　背景3.1　背景的基本概念3.2　案例研究：Deadwood設(shè)計(jì)3.3　背景的未來3.3.1　多個(gè)背景的可能性3.3.2　background-size屬性3.3.3　background-origin屬性3.4　小結(jié)第4章　導(dǎo)航4.1　標(biāo)記4.2　基本的垂直導(dǎo)航4.2.1　設(shè)置未排序列表的樣式4.2.2　設(shè)置最后一個(gè)菜單項(xiàng)的樣式4.2.3　調(diào)試Internet Explorer4.2.4　添加"你的位置"提示4.3　基本的水平導(dǎo)航4.4　標(biāo)簽導(dǎo)航4.4.1　應(yīng)用標(biāo)簽圖片4.4.2　激活"你的位置"狀態(tài)4.5　寬度可變的標(biāo)簽4.5.1　應(yīng)用標(biāo)簽圖片4.5.2　應(yīng)用鼠標(biāo)懸停樣式4.5.3　添加"你的位置"狀態(tài)4.6　高級(jí)的垂直導(dǎo)航4.6.1　創(chuàng)建導(dǎo)航矩陣4.6.2　應(yīng)用樣式4.6.3　激活鼠標(biāo)懸停狀態(tài)4.7　小結(jié)第5章　表單5.1　可訪問的表單標(biāo)記5.1.1　為表單元素添加標(biāo)簽5.1.2　將相關(guān)元素分組5.2　表單布局5.2.1　利用CSS5.2.2　應(yīng)用fieldset和legend樣式5.2.3　將單選按鈕和復(fù)選框分組5.3　必需的域和錯(cuò)誤信息5.3.1　指示必需的域5.3.2　處理錯(cuò)誤信息5.4　小結(jié)第6章　圓角6.1　靈活性6.1.1　垂直靈活性6.1.2　垂直和水平靈活性6.2　體驗(yàn)圓角技術(shù)6.3　小結(jié)第7章　表格7.1　結(jié)構(gòu)7.1.1　table元素7.1.2　caption元素7.1.3　thead、tbody和tfoot元素7.1.4　tr元素7.1.5　th和td元素7.1.6　col和colgroup元素7.2　設(shè)置樣式7.2.1　使用table元素7.2.2　設(shè)置表列的樣式7.2.3　格式化caption元素7.2.4　應(yīng)用成功的背景7.3　作用中的table元素7.3.1　給表格式日歷設(shè)置樣式7.3.2　表格的條紋效果7.4　使用JavaScript7.4.1　表行和表列的高亮效果7.4.2　其他想法7.5　未來7.6　小結(jié)

圖書封面

圖書標(biāo)簽Tags

無

評(píng)論、評(píng)分、閱讀與下載

---

    CSS藝匠之門 PDF格式下載

---