HTML+CSS+DIV網(wǎng)頁設(shè)計(jì)與布局從入門到精通

內(nèi)容概要

　　隨著Web 2.0的盛行，一切都開始基于Web標(biāo)準(zhǔn)，許多網(wǎng)站設(shè)計(jì)師開始學(xué)習(xí)并應(yīng)用Web標(biāo)準(zhǔn)，CSS的應(yīng)用也越來越廣泛。本書正是一本在這種流行趨勢(shì)下應(yīng)運(yùn)而生的介紹使用XHTML和CSS進(jìn)行網(wǎng)頁標(biāo)準(zhǔn)化布局的書籍?！　　鹅艅?dòng)網(wǎng)頁設(shè)計(jì)叢書：HTML+CSS+DIV網(wǎng)頁設(shè)計(jì)與布局從入門到精通（附光盤）》一共分為4篇，循序漸進(jìn)地講述了網(wǎng)頁、XHTML基礎(chǔ)知識(shí)和CSS布局的實(shí)戰(zhàn)技術(shù)，從基本概念到具體實(shí)踐、從對(duì)網(wǎng)頁的認(rèn)識(shí)到制作網(wǎng)頁、從認(rèn)識(shí)XHTML到使用不同的XHTML標(biāo)簽定義不同的內(nèi)容，從使用CSS進(jìn)行網(wǎng)頁局部的設(shè)計(jì)到進(jìn)行整個(gè)網(wǎng)站的布局制作都進(jìn)行了詳細(xì)的闡述，并以實(shí)例的形式對(duì)具體知識(shí)點(diǎn)進(jìn)行了詳細(xì)的講解。　　本書的特點(diǎn)在于引導(dǎo)讀者轉(zhuǎn)變思路和進(jìn)行實(shí)際操作，以最簡(jiǎn)單的方法與讀者探討使用CSS進(jìn)行符合Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)的方方面面的知識(shí)。全書以XHTML和CSS基礎(chǔ)為主體內(nèi)容，講解CSS布局的入門知識(shí)與網(wǎng)站布局實(shí)戰(zhàn)技巧、版式布局細(xì)節(jié)、瀏覽器兼容性等。本書旨在幫助讀者改變傳統(tǒng)的網(wǎng)站設(shè)計(jì)思維，進(jìn)入基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)領(lǐng)域。書中含有大量的實(shí)例，詳細(xì)描述CSS的各個(gè)屬性，以及代碼編寫技巧，方便讀者模擬實(shí)踐?！　”緯綆?張光盤，內(nèi)容為本書重點(diǎn)內(nèi)容的教學(xué)視頻、本書涉及的源代碼以及PPT等?！　　鹅艅?dòng)網(wǎng)頁設(shè)計(jì)叢書：HTML+CSS+DIV網(wǎng)頁設(shè)計(jì)與布局從入門到精通（附光盤）》適合廣大Web網(wǎng)站設(shè)計(jì)人員、網(wǎng)站設(shè)計(jì)的初學(xué)者、網(wǎng)站管理維護(hù)人員、大專院校師生和參加培訓(xùn)的學(xué)員閱讀，并可作為Web前端代碼架構(gòu)從業(yè)人員的參考手冊(cè)。

書籍目錄

第1篇  網(wǎng)頁結(jié)構(gòu)與Web標(biāo)準(zhǔn)第1章  網(wǎng)頁的構(gòu)成與Web標(biāo)準(zhǔn)1.1  什么是網(wǎng)頁1.2  網(wǎng)頁的構(gòu)成1.2.1  頁面顯示的信息1.2.2  構(gòu)成頁面的結(jié)構(gòu)HTML1.2.3  顯示效果的控制1.3  Web標(biāo)準(zhǔn)的概念1.3.1  什么是Web標(biāo)準(zhǔn)1.3.2  頁面的內(nèi)容1.3.3  頁面的結(jié)構(gòu)1.3.4  頁面的表現(xiàn)1.3.5  Web標(biāo)準(zhǔn)的優(yōu)勢(shì)1.4  Web標(biāo)準(zhǔn)網(wǎng)站欣賞1.5  小結(jié)1.6  習(xí)題第2章  使用CSS構(gòu)建頁面的原理2.1  什么是CSS2.2  CSS應(yīng)該定義在哪里2.3  CSS的優(yōu)先等級(jí)2.3.1  元素內(nèi)部的CSS2.3.2  頁面頭部的CSS2.3.3  外部的CSS2.4  調(diào)用CSS樣式的優(yōu)先級(jí)2.5  使用CSS控制表現(xiàn)效果帶來的好處2.6  實(shí)例演練--一個(gè)簡(jiǎn)單的登錄頁面2.6.1  效果圖的分析2.6.2  頁面結(jié)構(gòu)部分的制作2.6.3  CSS部分的編寫2.7  小結(jié)2.8  習(xí)題第3章  CSS布局的一般步驟3.1  分析和切割效果圖3.1.1  分析效果圖3.1.2  切分效果圖3.1.3  整理切分圖像3.2  制作頁面的結(jié)構(gòu)和內(nèi)容3.2.1  確定頁面的內(nèi)容3.2.2  制作頁面的結(jié)構(gòu)3.3  添加表現(xiàn)部分3.4  完成簡(jiǎn)單的交互行為3.5  整站布局的步驟3.6  小結(jié)3.7  習(xí)題第2篇  結(jié)構(gòu)語言HTML第4章  HTML基礎(chǔ)4.1  HTML頁面結(jié)構(gòu)4.2  元素的書寫格式和屬性4.2.1  元素的書寫格式4.2.2  元素的屬性4.3  HTML語法規(guī)范4.4  選擇文檔類型4.4.1  什么是文檔類型4.4.2  選擇什么樣的DOCTYPE4.5  名字空間4.6  小結(jié)4.7  習(xí)題第5章  定義頁面頭部信息5.1  頁面基礎(chǔ)元素--5.1.1  控制文本的顯示方向5.1.2  指定頁面的語言5.2  頁面頭部元素--5.3  顯示頁面標(biāo)題--5.4  基本設(shè)置元素--5.5  定義頁面的信息--5.6  創(chuàng)建頁面的樣式--5.7  鏈接元素--5.7.1  指定鏈接路徑5.7.2  鏈接樣式文件5.7.3  制作收藏夾圖標(biāo)5.8  腳本元素--5.9  小結(jié)5.10  習(xí)題第6章  頁面主體元素的設(shè)置6.1  頁面主體元素--6.2  定義主體元素的背景和文本屬性6.3  定義頁面主體元素的邊界6.3.1  定義左邊界6.3.2  定義上邊界6.4  定義頁面主體元素的鏈接屬性6.4.1  定義未訪問過的鏈接屬性6.4.2  定義已訪問過的鏈接屬性6.4.3  定義激活的鏈接屬性6.5  設(shè)置頁面主體元素的樣式6.5.1  在主體元素中使用樣式6.5.2  在主體元素中調(diào)用樣式6.6  使用背景音樂6.7  小結(jié)6.8  習(xí)題第7章  使用文本元素7.1  文本元素簡(jiǎn)介7.2  使用區(qū)域元素--7.2.1  區(qū)域元素的對(duì)齊7.2.2  使用樣式7.2.3  定義唯一標(biāo)記7.2.4  取消自動(dòng)換行7.3  使用段落元素--7.4  使用標(biāo)題元素7.5  使用基于內(nèi)容的文本元素7.6  使用基于物理樣式的文本元素7.7  使用文本的間隔和布局元素7.8  使用水平分隔線元素--7.9  小結(jié)7.10  習(xí)題第8章  使用圖像元素8.1  圖像的格式8.1.1  JPEG格式8.1.2  GIF格式8.2  圖像元素--8.2.1  定義圖像元素的顯示大小8.2.2  定義代替圖片的文本8.2.3  定義圖像元素的邊框8.2.4  定義圖像元素的對(duì)齊8.2.5  定義圖像元素的邊距8.3  小結(jié)8.4  習(xí)題第9章  使用表格元素9.1  表格元素的基本構(gòu)成9.2  表格元素的顯示效果9.2.1  定義邊框9.2.2  定義表格的大小9.2.3  定義內(nèi)容的對(duì)齊9.2.4  定義背景9.2.5  定義邊框效果9.2.6  定義單元格間距9.2.7  定義單元格補(bǔ)白9.2.8  制作邊框?yàn)?像素的表格9.3  定義行元素的顯示效果9.4  定義單元格的顯示效果9.4.1  定義對(duì)齊9.4.2  定義單元格的背景9.4.3  定義單元格的大小9.4.4  定義單元格的邊框9.4.5  行和列的合并9.5  表格中使用的其他元素9.6  小結(jié)9.7  習(xí)題第10章  使用鏈接元素10.1  鏈接元素簡(jiǎn)介10.2  定義鏈接元素10.2.1  指定路徑10.2.2  顯示鏈接目標(biāo)10.2.3  定義鏈接的熱鍵10.2.4  定義當(dāng)前文檔中的鏈接10.3  圖像中的鏈接10.3.1  創(chuàng)建鏈接區(qū)域元素--10.3.2  定義圖像內(nèi)鏈接的示例10.4  小結(jié)10.5  習(xí)題第11章  使用列表和表單元素11.1  列表元素的分類11.1.1  無序列表元素--11.1.2  有序列表元素--11.1.3  列表?xiàng)l目元素--11.1.4  定義列表元素--11.2  表單元素概述11.3  表單元素--11.4  表單控件元素--11.4.1  文本域11.4.2  密碼區(qū)域11.4.3  提交按鈕11.4.4  復(fù)位按鈕11.4.5  圖像按鈕11.4.6  單擊按鈕11.4.7  復(fù)選框11.4.8  單選按鈕11.4.9  隱藏區(qū)域11.5  定義表單控件的效果11.5.1  設(shè)置只讀屬性11.5.2  設(shè)置不可用屬性11.6  選擇列表元素--11.7  按鈕元素--11.8  文本區(qū)域元素--11.9  表單標(biāo)記元素--11.10  小結(jié)11.11  習(xí)題第3篇  表現(xiàn)語言CSS第12章  CSS的語法基礎(chǔ)12.1  CSS的基本寫法12.2  選擇符12.2.1  id選擇符12.2.2  類選擇符12.2.3  類型選擇符12.2.4  偽類12.2.5  子選擇符12.2.6  群組選擇符12.2.7  選擇符的優(yōu)先級(jí)12.3  屬性12.4  屬性值12.4.1  長(zhǎng)度值12.4.2  百分比值12.4.3  顏色值12.4.4  URL值12.5  默認(rèn)值12.6  繼承12.7  小結(jié)12.8  習(xí)題第13章  控制元素的顯示效果13.1  盒子模型的概念13.1.1  塊元素和內(nèi)聯(lián)元素13.1.2  元素寬度的計(jì)算13.2  元素內(nèi)容的大小13.2.1  定義寬度13.2.2  定義高度13.2.3  內(nèi)容與寬度、高度屬性的關(guān)系13.2.4  定義最大和最小寬度13.2.5  定義最大和最小高度13.3  元素的背景13.3.1  定義背景顏色13.3.2  定義背景圖片13.3.3  定義背景圖片的重復(fù)13.3.4  定義背景圖片位置13.3.5  定義背景圖片滾動(dòng)13.3.6  定義背景的綜合效果13.3.7  背景顏色和背景圖片的優(yōu)先級(jí)13.4  元素的補(bǔ)白13.4.1  定義頂部補(bǔ)白13.4.2  定義右側(cè)補(bǔ)白13.4.3  定義底部補(bǔ)白13.4.4  定義左側(cè)補(bǔ)白13.4.5  定義綜合補(bǔ)白13.4.6  補(bǔ)白與背景的關(guān)系13.5  元素的邊框13.5.1  定義單側(cè)邊框樣式13.5.2  定義單側(cè)邊框顏色13.5.3  定義單側(cè)邊框?qū)挾?3.5.4  統(tǒng)一定義邊框樣式13.5.5  統(tǒng)一定義邊框顏色13.5.6  統(tǒng)一定義邊框?qū)挾?3.5.7  單側(cè)邊框綜合設(shè)置13.5.8  定義邊框綜合效果13.6  元素的邊界13.6.1  定義單側(cè)邊界13.6.2  定義邊界綜合效果13.6.3  邊界與背景的關(guān)系13.7  小結(jié)13.8  習(xí)題第14章  控制元素的位置14.1  元素的定位14.1.1  元素的定位屬性14.1.2  邊偏移屬性14.2  絕對(duì)定位14.2.1  絕對(duì)定位與父元素14.2.2  絕對(duì)定位與相鄰元素14.3  相對(duì)定位14.3.1  相對(duì)定位元素位置的確定14.3.2  相對(duì)定位與相鄰元素14.4  定位元素的層疊14.4.1  層疊定位屬性14.4.2  簡(jiǎn)單嵌套元素中的層疊定位14.4.3  包含子元素的復(fù)雜層疊定位14.5  定位屬性的優(yōu)勢(shì)和問題14.5.1  定位屬性的優(yōu)勢(shì)14.5.2  絕對(duì)定位的問題14.5.3  相對(duì)定位的問題14.6  小結(jié)14.7  習(xí)題第15章  控制元素的布局15.1  元素的浮動(dòng)15.1.1  定義元素的浮動(dòng)效果15.1.2  浮動(dòng)元素和固定元素的關(guān)系15.1.3  浮動(dòng)的順序15.2  浮動(dòng)的清除15.3  內(nèi)容的剪切15.4  溢出內(nèi)容的控制15.4.1  總體溢出15.4.2  單向溢出15.5  元素的顯示方式15.5.1  定義顯示方式15.5.2  元素的隱藏15.6  元素的可視性15.6.1  定義可視性15.6.2  可視性屬性與顯示方式屬性的關(guān)系15.7  小結(jié)15.8  習(xí)題第16章  控制文本的顯示16.1  控制字體的顯示16.1.1  選擇字體16.1.2  設(shè)置字體顏色16.1.3  定義字體大小16.1.4  定義字體樣式16.1.5  加粗顯示16.1.6  修飾字體16.1.7  使用小型大寫字母16.1.8  轉(zhuǎn)換大小寫16.1.9  設(shè)置字母間隔16.1.10  定義單詞間隔16.1.11  定義行高16.1.12  定義字體綜合顯示效果16.2  控制文本的顯示16.2.1  控制文本縮進(jìn)16.2.2  控制文本空白16.2.3  控制文本溢出16.2.4  設(shè)置水平對(duì)齊16.2.5  設(shè)置垂直對(duì)齊16.2.6  定義文本流向16.2.7  定義文本方向16.2.8  對(duì)文本排序16.2.9  設(shè)置單詞換行16.2.10  設(shè)置文本斷開換行16.3  小結(jié)16.4  習(xí)題第17章  控制列表和表格元素的顯示17.1  控制列表元素的顯示17.1.1  定義列表符號(hào)17.1.2  使用列表圖片17.1.3  定義標(biāo)記位置17.1.4  標(biāo)記位置屬性與列表高度17.1.5  綜合定義列表的顯示效果17.2  列表元素的補(bǔ)白和邊界17.3  控制表格元素的顯示17.3.1  合并邊框17.3.2  定義表格邊框間距17.3.3  定義表格標(biāo)題位置17.3.4  設(shè)置表格的布局17.4  小結(jié)17.5  習(xí)題第18章  控制其他元素的顯示18.1  控制滾動(dòng)條的顯示18.1.1  定義滾動(dòng)條三角箭頭的顏色18.1.2  定義滑塊顏色18.1.3  定義滾動(dòng)條亮邊框顏色18.1.4  定義滾動(dòng)條的高亮顏色18.1.5  定義滾動(dòng)條陰影顏色18.1.6  定義滾動(dòng)條暗部陰影顏色18.1.7  定義滾動(dòng)條背景顏色18.1.8  定義滾動(dòng)條基準(zhǔn)色18.1.9  定義滾動(dòng)條的顏色18.2  控制光標(biāo)的顯示18.3  控制打印的顯示18.3.1  對(duì)象后插入分頁符號(hào)屬性18.3.2  對(duì)象前插入分頁符號(hào)屬性18.4  控制元素的縮放18.5  控制鏈接的顯示18.5.1  定義鏈接未訪問的顯示效果18.5.2  定義鏈接鼠標(biāo)懸停的顯示效果18.5.3  定義鏈接激活的顯示效果18.5.4  定義鏈接訪問后的顯示效果18.5.5  定義鏈接效果的順序18.6  小結(jié)18.7  習(xí)題第4篇  CSS布局第19章  關(guān)于整站樣式表的分析19.1  站點(diǎn)頁面的分析19.1.1  規(guī)劃樣式表的原則19.1.2  規(guī)劃樣式表的方法19.1.3  實(shí)例分析19.2  站點(diǎn)二級(jí)頁面的制作19.2.1  日志內(nèi)容頁面結(jié)構(gòu)的規(guī)劃19.2.2  日志內(nèi)容頁面CSS部分的制作19.2.3  日志列表頁的制作19.3  小結(jié)19.4  習(xí)題第20章  關(guān)于標(biāo)準(zhǔn)的校驗(yàn)20.1  為什么要進(jìn)行標(biāo)準(zhǔn)的校驗(yàn)20.2  怎樣進(jìn)行標(biāo)準(zhǔn)的校驗(yàn)20.2.1  XHTML校驗(yàn)的方法20.2.2  CSS校驗(yàn)的方法20.2.3  XHTML校驗(yàn)常見錯(cuò)誤20.2.4  CSS校驗(yàn)常見錯(cuò)誤20.3  實(shí)例頁面的校驗(yàn)20.3.1  實(shí)例首頁的校驗(yàn)20.3.2  一個(gè)二級(jí)頁面的校驗(yàn)20.4  小結(jié)20.5  習(xí)題第21章  制作企業(yè)宣傳類網(wǎng)頁21.1  企業(yè)宣傳類網(wǎng)頁介紹21.1.1  企業(yè)宣傳類網(wǎng)頁的作用21.1.2  企業(yè)宣傳類網(wǎng)頁的構(gòu)成及特點(diǎn)21.2  效果圖的分析21.2.1  界面設(shè)計(jì)分析21.2.2  規(guī)劃頁面布局21.3  切圖與劃分頁面內(nèi)容21.3.1  隱藏頁面中的文本內(nèi)容21.3.2  切取頁面中的背景21.3.3  切取頁面中的內(nèi)容21.3.4  保存各種圖片21.4  頁面頭部及導(dǎo)航欄的布局21.4.1  制作頭部的結(jié)構(gòu)代碼21.4.2  定義頁面的相關(guān)信息21.4.3  導(dǎo)入樣式表文件21.4.4  頭部?jī)?nèi)容結(jié)構(gòu)分析21.4.5  對(duì)頭部文件整體添加樣式21.4.6  制作頁面logo和菜單部分21.4.7  制作頁面的導(dǎo)航欄21.4.8  制作頁面的Banner21.5  制作新聞列表部分21.5.1  制作新聞列表的結(jié)構(gòu)代碼21.5.2  新聞列表的修飾21.5.3  制作側(cè)欄欄目21.6  頁面底部的布局設(shè)計(jì)21.6.1  制作底部的結(jié)構(gòu)代碼21.6.2  制作底部信息的顯示效果21.7  制作二級(jí)頁面（公司新聞）21.7.1  二級(jí)頁面效果圖的分析21.7.2  切圖并制作素材圖片21.7.3  分析二級(jí)頁面結(jié)構(gòu)和樣式21.7.4  制作側(cè)欄欄目21.7.5  制作新聞列表21.8  小結(jié)21.9  習(xí)題

圖書封面

圖書標(biāo)簽Tags

無

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

---

    HTML+CSS+DIV網(wǎng)頁設(shè)計(jì)與布局從入門到精通 PDF格式下載

---