CSS、DHTML和Ajax快速上手

前言

曾幾何時(shí)，創(chuàng)建Web網(wǎng)頁(yè)與使用詞處理器一樣難。學(xué)習(xí)很少的HTML標(biāo)簽，創(chuàng)建少量的圖形，轉(zhuǎn)瞬之間就制成了：Web網(wǎng)頁(yè)?，F(xiàn)在，有了流視頻、JavaScript、ASP、JSP、PHP、Shockwave、Flash,和Java，Web網(wǎng)頁(yè)設(shè)計(jì)似乎對(duì)那些并不想成為計(jì)算機(jī)編程員的人而言，具有了無(wú)法抵擋的魅力。進(jìn)入層疊樣式表（CSS），Dynamic HTML（DHTML），Asynchronous JavaScript and XML (Ajax)技術(shù)時(shí)代，它們可以幫你捕獲靜態(tài)的HTML并創(chuàng)建交互式網(wǎng)絡(luò)環(huán)境。有了CSS，你可以現(xiàn)實(shí)地創(chuàng)造出任何你能想象的版式，你不僅可以為你的內(nèi)容添加視覺(jué)趣味感，而且還可以創(chuàng)建出更為引人注目的設(shè)計(jì)。有了DHTML，你不必依賴于訪問(wèn)者或許并不擁有的插件以及復(fù)雜的程序語(yǔ)言（或許也會(huì)有很少的JavaScript）。有了Ajax（塊中的新寵兒），你可以超越DHTML能給你帶來(lái)的境界，輕松地從服務(wù)器中獲取最新的數(shù)據(jù)，甚至不需要再次下載整個(gè)Web頁(yè)面。這為網(wǎng)頁(yè)訪問(wèn)者提供了更佳的經(jīng)歷。這就是《CSS、DHTML和Ajax快速上手》所要介紹的：如何以盡可能簡(jiǎn)單的方式來(lái)創(chuàng)建有魅力的Web版式和交互式Web網(wǎng)頁(yè)?！禖SS、DHTML和Ajax快速上手》并不會(huì)讓你在一夜之間成為最終的Web設(shè)計(jì)權(quán)威，但是它會(huì)給你提供有關(guān)實(shí)現(xiàn)你自己的Web設(shè)計(jì)所需要的基礎(chǔ)知識(shí)。如果你正在學(xué)習(xí)Web設(shè)計(jì)卻不了解CSS，DHTML或是Ajax，那這《CSS、DHTML和Ajax快速上手》正是你所開(kāi)始的地方。歡迎你使用《CSS、DHTML和Ajax快速上手》！《CSS、DHTML和Ajax快速上手》的內(nèi)容自Netscape Navigator和Microsoft Internet Explorer開(kāi)始支持CSS、DHTML和 Ajax以來(lái)的數(shù)年間，Web自身發(fā)生了重大的變化。瀏覽器大戰(zhàn)，.com爆炸（以及最終的失敗and subsequent crash），以及Web聲譽(yù)的極大提高，都為Web站點(diǎn)制作所常用的技術(shù)提供了試行的機(jī)會(huì)。CSS和DHTML依舊是一些最佳Web站點(diǎn)的創(chuàng)建標(biāo)準(zhǔn)，而Ajax正快速成為實(shí)現(xiàn)最佳用戶互動(dòng)的技術(shù)之所選。在《CSS、DHTML和Ajax快速上手》中，我將為你展示實(shí)施CSS，DHTML和Ajax的最佳方法，以便能讓最為廣泛的網(wǎng)絡(luò)沖浪者看到你的Web站點(diǎn)。為了幫助信息的組織，我把《CSS、DHTML和Ajax快速上手》分成了四大部分：第一部分（CSS）詳細(xì)介紹了如何使用CSS來(lái)控制Web頁(yè)面內(nèi)容的外觀。我將為你展示一些控制Web網(wǎng)頁(yè)顯示的多方面內(nèi)容。第二部分（DHTML）將向你展示如何使用含CSS和JavaScript的Document Object Model（DOM）來(lái)創(chuàng)建基本的動(dòng)態(tài)功能。我將向你展示如何使用該DOM，并且盡可能少用多余的代碼，在絕大多數(shù)的瀏覽器中運(yùn)行動(dòng)態(tài)功能。

內(nèi)容概要

本書(shū)詳細(xì)介紹如何利用CSS、DHTML和Ajax創(chuàng)建Web版式和交互式Web網(wǎng)頁(yè)。全書(shū)包括四部分：第一部分介紹如何使用CSS來(lái)控制Web頁(yè)面內(nèi)容的外觀；第二部分展示如何使用含CSS和　　　　　　JavaScript的Document Object Model(DOM)來(lái)創(chuàng)建基本的動(dòng)態(tài)功能；第三部分介紹Ajax的一些基礎(chǔ)知識(shí)，展示如何在無(wú)須下載新的Web網(wǎng)頁(yè)的情況下進(jìn)行數(shù)據(jù)的動(dòng)態(tài)檢索；第四部分介紹前三部分講解的技巧的最為普遍的實(shí)際應(yīng)用。.　　本書(shū)內(nèi)容翔實(shí)，實(shí)例豐富，適合Web設(shè)計(jì)人員參考使用?！　eb在持續(xù)發(fā)展，本書(shū)也在不斷完善：全面更新，以適應(yīng)新的瀏覽器、標(biāo)準(zhǔn)與為現(xiàn)今Web定義的CSS、DHTML和Ajax特性，本版中唯一沒(méi)有改變的是它基于目標(biāo)的可視化方式的主旨。　　在本書(shū)中，讀者隨處可見(jiàn)使用CSS、DHTML和Ajax來(lái)為Web站點(diǎn)添加完美的可視化、交互式元素的循序漸進(jìn)的指導(dǎo)。經(jīng)驗(yàn)豐富的作者通過(guò)使用提示和屏幕快照為我們提供了很多的背景知識(shí)：從基礎(chǔ)的、高級(jí)的動(dòng)態(tài)技術(shù)(如讓對(duì)象顯示和消失)到為新型瀏覽器創(chuàng)建特效，從表格到CSS，以及創(chuàng)建帶有嵌入式滾動(dòng)區(qū)域、固定菜單欄的全新DHTML腳本，等等。CSS、DHTML和Ajax的初學(xué)者可以發(fā)現(xiàn)這是編程的最快捷、簡(jiǎn)便的指導(dǎo)，同時(shí)編程老手也可以很愉悅地在書(shū)中找到實(shí)用性較強(qiáng)的操作實(shí)例。

作者簡(jiǎn)介

Jason Cranford Teague是Lante的高級(jí)信息架構(gòu)師，他為許多公司設(shè)計(jì)過(guò)Web站點(diǎn)，這些公司包括Virgin（維珍）、 WebMD、Coca-Cola（可口可樂(lè)）、CNN、Bell South（南方貝爾）和DuPont（杜邦）。他也是本書(shū)前一版的作者。

書(shū)籍目錄

譯者序前言 第一部分　層疊樣式表 　第1章　了解CSS 　　1.1　什么是樣式 　　1.2　什么是層疊樣式表 　　1.3　CSS的版本 　　1.4　CSS規(guī)則的類(lèi)型 　　1.5　CSS和標(biāo)記語(yǔ)言 　　1.6　標(biāo)簽種類(lèi) 　　1.7　設(shè)置你的DTD 　第2章　CSS基礎(chǔ) 　　2.1　為HTML標(biāo)簽添加內(nèi)聯(lián)樣式 　　2.2　為Web頁(yè)面添加嵌入樣式 　　2.3　為Web站點(diǎn)添加外部樣式 　　2.4　（重）定義HTML標(biāo)簽 　　2.5　為任何標(biāo)簽定義類(lèi) 　　2.6　定義用于識(shí)別對(duì)象的ID選擇器　　2.7　定義具有同一樣式的選擇器　　2.8　創(chuàng)建!important聲明　　2.9　基于上下文定義選擇器　　2.10　基于標(biāo)簽屬性定義選擇器　　2.11　使用偽類(lèi)　　2.12　使用偽元素　　2.13　為打印和其他媒介設(shè)置樣式　　2.14　為CSS添加注釋　　2.15　從父對(duì)象繼承屬性　　2.16　確定層疊順序　　2.17　在Internet Explorer中使用條件注釋來(lái)完善CSS　　2.18　樣式表策略　第3章　字體屬性　　3.1　理解Web上的版式　　3.2　設(shè)置字體系列　　3.3　設(shè)置字體尺寸　　3.4　將文本設(shè)置為斜體　　3.5　設(shè)置粗體、更粗字體和最粗字體　　3.6　創(chuàng)建小型大寫(xiě)字母　　3.7　設(shè)置多個(gè)字體值　第4章　文本屬性　　4.1　調(diào)整文本間距　　4.2　設(shè)置文本大小寫(xiě)　　4.3　添加文本陰影　　4.4　水平對(duì)劑文本　　4.5　垂直對(duì)劑文本　　4.6　設(shè)置段落縮進(jìn)　　4.7　控制空白　　4.8　裝飾文本　　4.9　設(shè)置文本方向　第5章　顏色和背景屬性　　5.1　選擇調(diào)色板　　5.2　設(shè)置文本顏色和前景色　　5.3　設(shè)置背景色　　5.4　設(shè)置背景圖像　　5.5　設(shè)置多重背景值　第6章　方框?qū)傩浴　?.1　理解元素方框　　6.2　設(shè)置元素的顯示方式　　6.3　設(shè)置元素的邊空　　6.4　設(shè)置元素的邊框　　　6.5　設(shè)置元素的輪廓　　6.6　設(shè)置元素的填充區(qū)域　　6.7　設(shè)置元素的寬度和高度　第7章　可視格式化屬性　　7.1　理解窗口和文檔　　7.2　設(shè)置定位類(lèi)型　　7.3　設(shè)置元素的定位　　7.4　堆棧對(duì)象（3D定位）　　7.5　在窗口中浮動(dòng)元素　　7.6　清理浮動(dòng)的元素　第8章　可視化效果及用戶界面屬性　　8.1　設(shè)置元素的可視性　　8.2　設(shè)置元素的可視區(qū)域（剪切）　　8.3　設(shè)置溢出內(nèi)容所在位置　　8.4　設(shè)置元素的不透明度　　8.5　更改鼠標(biāo)指針的外觀　　8.6　更改滾動(dòng)條的外觀（僅 IE Windows）　第9章　表格屬性　　9.1　設(shè)置表格布局　　9.2　設(shè)置表格單元格間的空間　　9.3　表格單元格間的折疊邊框　　9.4　處理空單元格　　9.5　設(shè)置表題的位置　第10章　生成內(nèi)容和列表屬性　　10.1　使用CSS添加內(nèi)容　　10.2　教瀏覽器計(jì)數(shù)　　10.3　指定引號(hào)樣式　　10.4　設(shè)置項(xiàng)目符號(hào)樣式　　10.5　創(chuàng)建個(gè)性化項(xiàng)目符號(hào)　　10.6　設(shè)置項(xiàng)目符號(hào)的位置　　10.7　設(shè)置多種列表樣式　　10.8　將元素以列表形式顯示第二部分　動(dòng)態(tài)HTML　第11章　理解DHTML　　11.1　動(dòng)態(tài)HTML定義　　11.2　DHTML歷史　　11.3　使用DHTML的原因　　11.4　Flash與DHTML　　11.5　使用DHTML還是Flash　第12章　DHTML基礎(chǔ)　　12.1　DOM：Web頁(yè)的線路圖　　12.2　設(shè)置對(duì)象　　12.3　理解事件　　12.4　使用事件處理程序　　12.5　獲取元素　　12.6　將事件傳遞給函數(shù)　　12.7　將事件綁定到對(duì)象　　12.8　使用特征檢測(cè)　第13章　學(xué)習(xí)相關(guān)的環(huán)境知識(shí)　　13.1　檢測(cè)操作系統(tǒng)　　13.2　檢測(cè)瀏覽器名稱　　13.3　查找頁(yè)面的位置和標(biāo)題　　13.4　測(cè)量顏色的數(shù)量（位深）　　13.5　測(cè)量屏幕的尺寸　　　13.6　測(cè)量瀏覽器窗口的尺寸　　　13.7　測(cè)量頁(yè)面的可視尺寸　　第14章　學(xué)習(xí)對(duì)象的相關(guān)知識(shí)　　14.1　檢測(cè)點(diǎn)擊對(duì)象　　14.2　確定對(duì)象的屬性　　14.3　檢測(cè)對(duì)象的位置　　14.4　查找對(duì)象的樣式屬性值　　　14.5　查找對(duì)象的三維位置　　　　14.6　查找對(duì)象的可視區(qū)域　第15章　學(xué)習(xí)事件的相關(guān)知識(shí)　　15.1　檢測(cè)發(fā)生了哪種事件類(lèi)型　　15.2　檢測(cè)按下了哪個(gè)鍵　　15.3　檢測(cè)哪個(gè)組合鍵被按下　　15.4　檢測(cè)單擊了哪個(gè)鼠標(biāo)按鈕　　15.5　檢測(cè)鼠標(biāo)在何處被單擊　第16章　基本動(dòng)態(tài)技術(shù)　　16.1　更改CSS屬性值　　16.2　顯示或隱藏對(duì)象　　16.3　點(diǎn)到點(diǎn)移動(dòng)對(duì)象　　16.4　以確定的數(shù)值移動(dòng)對(duì)象　　16.5　立體地移動(dòng)對(duì)象　　16.6　更改對(duì)象的可視區(qū)域　　16.7　更改對(duì)象的內(nèi)容　　16.8　控制幀之間的對(duì)象　第17章　高級(jí)動(dòng)態(tài)技術(shù)　　17.1　讓函數(shù)再次運(yùn)行　　17.2　為對(duì)象添加動(dòng)畫(huà)效果　　17.3　使用來(lái)自表單域中的輸入　　17.4　跟隨鼠標(biāo)指針移動(dòng)　　17.5　讓對(duì)象可拖曳　　……第三部分　Ajax

章節(jié)摘錄

插圖：

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

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

---

    CSS、DHTML和Ajax快速上手 PDF格式下載

---