HTML+CSS+DIV網頁設計與布局從入門到精通

所属分类:網頁制作  
出版时间:2012-8   出版时间:化學工業出版社   作者:曾苗苗 等 著   页数:350  

内容概要

  隨著Web 2.0的盛行,一切都開始基于Web標準,許多網站設計師開始學習並應用Web標準,CSS的應用也越來越廣泛。本書正是一本在這種流行趨勢下應運而生的介紹使用XHTML和CSS進行網頁標準化布局的書籍。  《炫動網頁設計叢書︰HTML+CSS+DIV網頁設計與布局從入門到精通(附光盤)》一共分為4篇,循序漸進地講述了網頁、XHTML基礎知識和CSS布局的實戰技術,從基本概念到具體實踐、從對網頁的認識到制作網頁、從認識XHTML到使用不同的XHTML標簽定義不同的內容,從使用CSS進行網頁局部的設計到進行整個網站的布局制作都進行了詳細的闡述,並以實例的形式對具體知識點進行了詳細的講解。  本書的特點在于引導讀者轉變思路和進行實際操作,以最簡單的方法與讀者探討使用CSS進行符合Web標準的網頁設計的方方面面的知識。全書以XHTML和CSS基礎為主體內容,講解CSS布局的入門知識與網站布局實戰技巧、版式布局細節、瀏覽器兼容性等。本書旨在幫助讀者改變傳統的網站設計思維,進入基于Web標準的網頁設計領域。書中含有大量的實例,詳細描述CSS的各個屬性,以及代碼編寫技巧,方便讀者模擬實踐。  本書附帶1張光盤,內容為本書重點內容的教學視頻、本書涉及的源代碼以及PPT等。  《炫動網頁設計叢書︰HTML+CSS+DIV網頁設計與布局從入門到精通(附光盤)》適合廣大Web網站設計人員、網站設計的初學者、網站管理維護人員、大專院校師生和參加培訓的學員閱讀,並可作為Web前端代碼架構從業人員的參考手冊。

书籍目录

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

图书封面




    HTML+CSS+DIV網頁設計與布局從入門到精通下載



用户评论 (总计0条)

 
 

 

計算機與互聯網 PDF免费下载,網頁制作PDF免费下载。 计算机教程网 

计算机教程网 @ 2017