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




相關書籍

React Quickly

作者 Azat Mardan

2018-05-01

Mobile App Development with Ionic 2: Cross-Platform Apps with Ionic 2, Angular 2, and Cordova (Paperback)

作者 Chris Griffith

2018-05-01

PHP動態網站開發案例教程

作者

2018-05-01