Div+CSS3.0網頁佈局實戰從入門到精通(第2版)

Div+CSS3.0網頁佈局實戰從入門到精通(第2版)

作者: 新視角文化行
出版社: 人民郵電
出版在: 2018-05-01
ISBN-13: 9787115477132
ISBN-10: 7115477132
裝訂格式: 平裝
總頁數: 304 頁





內容描述


本書系統地講解了目前流行的Div+CSS標準佈局的基礎理論和實際應用的技法。全書通過108個經典實例與知識點相結合的形式進行講解,從網站的佈局風格以及實現方法兩個方面剖析了Div+CSS網頁佈局和製作方法。
本書全面地講解了使用Div+CSS進行網頁佈局的方法和技巧,並在每個實例的製作步驟中配以圖示,從而更加直觀地輔助讀者學習,以達到事半功倍的效果。本書通過大量實例對Div+CSS佈局進行了深入淺出的分析,並對重點和難點進行了更加深入的解析,使讀者能夠充分掌握Div+CSS佈局的精髓所在。希望讀者通過對本書的學習,能夠以符合標準的設計思維,採用實戰操作完成網頁設計,進而融入到Web標準設計領域。
本書內容豐富、結構清晰、圖文並茂,實例的講解到位,操作步驟也簡單易懂。另外,本書在講解知識的基礎上著重培養讀者的設計思維與實戰能力,比較適合初、中級網頁設計製作愛好者以及希望學習Web標準對原網站進行重構的網頁設計者。本書配套光盤中還提供了書中所有實例的源文件和相關視頻教程,供讀者學習和參考。


目錄大綱


第1篇基礎篇
第01章Dreamweaver與CSS基礎
實例001建站第一步——創建本地靜態站點9 
實例002設置遠程服務器——創建企業網站站點10 
實例003內聯CSS樣式——控製文本顯示效果12 
實例004內部CSS樣式——控制頁面整體效果13 
實例005外部CSS樣式——鏈接外部CSS樣式表文件15 
實例006 @import方式——導入外部CSS樣式18 
第02章Div+CSS佈局基礎
實例007 margin— —控製網頁元素的位置21 
實例008 border——為網頁元素添加邊框22 
實例009 padding——控制Div中內容的位置24 
實例010相對定位——設置網頁元素疊加顯示26 
實例011絕對定位——設置網頁元素固定在右側顯示27 
實例012固定定位——固定的網頁導航29 
實例013浮動定位——製作作品列表31 
實例014空白邊疊加——控制元素的上下邊距35 
實例015流體網格佈局——製作個人作品展示頁面37 
第03章使用CSS控製網頁背景
實例016定義頁面背景顏 色——製作個人作品網站頁面44 
實例017定義背景圖像——為網頁添加背景圖像45 
實例018背景圖像的位置——控製網頁中背景圖像的位置47
實例019固定背景圖像——控製網頁的背景圖像固定不動48 
實例020 RGBA與HSLA顏色值(CSS3.0)——設置半透明背景顏色50 
實例021漸變背景顏色(CSS3.0)——為網頁設置漸變背景顏色52 
實例022 background-size屬性(CSS3.0)——控制背景圖像大小55 
實例023 background-origin屬性(CSS3.0)——控制背景圖像顯示區域57 
實例024 background-clip屬性(CSS3 .0)——控制背景圖像的裁剪區域58 
第04章使用CSS控製文本
實例025定義字體——製作網站歡迎頁面62 
實例026定義英文字體大小寫——製作英文網站頁面64 
實例027定義字體下劃線、頂劃線和刪除線——網頁文字修飾66 
實例028定義字間距和行間距——製作網站公告69 
實例029定義段落首字下沉——製作企業介紹頁面71 
實例030定義段落首行縮進— —製作設計公司網站頁面72 
實例031定義段落水平對齊——製作網站彈出頁面74 
實例032定義文本 垂直對齊——製作產品介紹頁面76 
實例033 Web字體——在網頁中使用特殊字體78 
實例034 CSS類選區——應用多個類CSS樣式81 
實例035 text-shadow屬性(CSS3.0)——為網頁文字添加陰影83
實例036 word-wrap屬性(CSS3.0)——控製網頁文本換行84 
實例037 text-overflow屬性(CSS3.0) ——控製文本溢出86 
第05章使用CSS控製圖片效果
實例038圖片邊框——修飾網頁圖像89 
實例039圖片縮放——自適應窗口大小的圖片91 
實例040圖片的水平對齊——製作產品展示頁面94 
實例041圖片的垂直對齊——製作飲品展示頁面95 
實例042實現圖文混排效果——製作產品介紹頁面97 
實例043 border-colors屬性(CSS3.0)——為圖像添加多種色彩邊框99 
實例044 border-radius屬性(CSS3.0) ——實現圓角邊框100 
實例045 border- image屬性(CSS3.0)——實現圖像邊框102 
第2篇進階篇
第06章使用CSS控制列表樣式
實例046 ul無序列表——製作新聞欄目106 
實例047 ol有序列表——製作音樂排行列表108 
實例048更改列表項目樣式——製作方塊列表效果110 
實例049使用圖片作為列表樣式——製作圖像列表112 
實例050定 列表——製作複雜新聞列表114 
實例051列表的應用——製作橫嚮導航菜單115 
實例052列表的應用——製作縱嚮導航菜單118
實例053 content屬性(CSS3.0)——賦予Div內容120 
實例054 opacity屬性(CSS3.0)——實現元素的半透明效果122 
第07章使用CSS美化表格和表單元素
實例055創建數據表格——製作新聞列表125 
實例056設置表格邊框和背景——製作精美表格128 
實例057為單元行應用類CSS樣式——實現隔行變色的單元格132 
實例058應用CSS樣式的hover偽類——實現交互的變色表格134 
實例059設置表單元素的背景顏色——美化文本域135 
實例060設置表單元素的邊框——美化登錄框138 
實例061使用CSS定義圓角文本字段140 
實例062使用CSS定義下拉列表——製作多彩下拉列表141 
實例063 column屬性(CSS3.0)——實現網頁文本分欄143 
實例064 column-width屬性(CSS3.0)——設置分欄寬度144 
實例065 column-count屬性(CSS3.0)— —控製網頁文本分欄數146 
實例066 column-gap屬性(CSS3.0)——控製網頁文本分欄間距148 
實例067 column-r ule屬性(CSS3.0)——為分欄添加分欄線150 
第08章使用CSS樣式美化超鏈接和鼠標指針
實例068定義超鏈接樣式——製作活動公告153 
實例069超鏈接偽類應用——製作按鈕式超鏈接156
實例070超鏈接偽類應用——製作圖像式超鏈接159 
實例071使用CSS定義鼠標指針樣式——改變默認的鼠標指針162 
實例072使用CSS定義鼠標變換效果——實現網頁中的鼠標變換效果163 
實例073 box-shadow屬性(CSS3.0)——為網頁元素添加陰影165 
實例074 overflow屬性(CSS3.0)——網頁元素內容溢出處理166 
實例075 resize屬性(CSS3.0)——在網頁中實現區域縮放調節168 
實例076 outline屬性(CSS3.0)——為網頁元素添加輪廓邊框170 
第3篇提高篇
第09章使用CSS3.0濾鏡
實例077 grayscale濾鏡——將網頁處理為灰度效果173 
實例078 sepia濾鏡——將網頁中的圖像處理為懷舊效果174 
實例079 satruate濾鏡——調整網頁中圖像的色彩飽和度176 
實例080 hue-rotate濾鏡——調整網頁中圖像的色調178 
實例081 invert濾鏡——將網頁中的圖像處理為底片效果180 
實例082 opacity濾鏡——設置網頁元素半透明效果181 
實例083 brightness濾鏡——調整網頁中圖像的亮度183 
實例084 contrast濾鏡——調整網頁中圖像的對比度184 
實例085 blur濾鏡——實現網頁元素模糊效果186
實例086 drop-shadow濾鏡——為網頁元素添加陰影效果188 
第10章使用CSS3.0實現動畫效果
實例087旋轉變形——實現網頁元素的旋轉191 
實例088縮放和翻轉變形——實現網頁元素的縮放和翻轉193 
實例089移動變形——實現網頁元素的移動194 
實例090傾斜變形——實現網頁元素的傾斜效果196 
實例091 transition-property屬性——實現網頁元素變形過渡效果198 
實例092 transition屬性——製作動態選項卡200 
第11章CSS與其他語言綜合運用
實例093 XML與CSS——製作學生信息管理頁面205 
實例094使用CSS實現XML中特殊效果——隔行變色的信息列表208 
實例095在HTML頁面中調用XML數據——製作攝影圖片網頁212 
實例096使用JavaScript實現可選擇字體大小——製作新聞頁面218 
實例097使用JavaScript實現圖像滑動切換——製作圖像頁面221 
實例098使用JavaScript實現特效——製作動態網站相冊225 
第4篇商業案例 
第12章佈局製作商業網站頁面
實例099製作寵物貓咪網站頁面233 
實例100製作設計工作室網站頁面238 
實例101製作醫療健康類網站頁面245 
實例102製作教育類網站頁面251
實例103製作企業類網站頁面257 
實例104製作水上樂園網站頁面265 
實例105製作休閒遊戲網站頁面272 
實例106製作野生動物園網站頁面282 
實例107製作餐飲類網站頁面288 
實例108製作遊戲類網站頁面296




相關書籍

Networking for Big Data (Hardcover)

作者 Shui Yu Xiaodong Lin Jelena Misic Xuemin (Sherman) Shen

2018-05-01

The Joy of JavaScript

作者 Atencio Luis

2018-05-01

Spring Boot + Spring Cloud 微服務開發

作者 遲殿委

2018-05-01