DIV+CSS 3.0網頁布局實戰從入門到精通(全彩超值版)

DIV+CSS 3.0網頁布局實戰從入門到精通(全彩超值版)

《DIV+CSS 3.0網頁布局實戰從入門到精通(全彩超值版)》是2019年8月人民郵電出版社出版的圖書,作者是新視角文化行。

基本介紹

  • 書名:DIV+CSS 3.0網頁布局實戰從入門到精通(全彩超值版)
  • 作者:新視角文化行
  • ISBN:9787115378064
  • 頁數:320頁
  • 定價:59.8元
  • 出版社:人民郵電出版社
  • 出版時間:2019年8月
  • 裝幀:平裝
  • 開本:16開
內容簡介,圖書目錄,

內容簡介

本書通過100個經典實例,採用實例操作與知識點相結合的形式,全面、系統地講解了Div+CSS標準布局的基礎理論和實際套用技法,從網站的布局風格和實現方法兩個方面剖析了如何用Div+CSS進行網頁布局。
書中在講解知識的基礎上著重培養讀者的設計思維與實戰能力,通過大量實例對Div+CSS布局進行了深入淺出的分析,實例的製作步驟中均配以圖示,從而輔助讀者更加深入、直觀地學習,以達到事半功倍的效果。同時,本書對網頁布局的重點和難點進行了更加深入的解析,使讀者能夠充分掌握Div+CSS布局的精髓,鍛鍊讀者的符合標準的設計思維,進而融入到Web標準設計領域。
隨書附贈的DVD光碟中收錄了長達340分鐘的所有案例的製作過程的教學視頻,以及所有實例的源檔案和結果檔案,還附贈了150個Div+CSS模板、1800多個網頁設計素材資源,能夠幫助讀者提高學習效率。本書比較適合初、中級網頁設計製作愛好者以及想學習Web標準對原網站進行重構的網頁設計者閱讀,也適合作為職業教育培訓的教材。

圖書目錄

第 1篇 基礎篇
第01章 Dreamweaver與CSS基礎
實例001 建站第 一步——創建本地靜態站點10
實例002 設定遠程伺服器——創建企業網站站點11
實例003 遠程互動站點——創建Business Catalyst站點13
實例004 內聯CSS樣式——控制文本顯示效果16
實例005 內部CSS樣式——控制頁面整體效果17
實例006 外部CSS樣式——連結外部CSS樣式表檔案19
實例007 @import方式——導入外部CSS樣式21
第02章 Div+CSS布局基礎
實例008 margin——控制網頁元素的位置25
實例009 border——為網頁元素添加框線26
實例010 padding——控制Div中內容的位置28
實例011 相對定位——設定網頁元素的相對位置30
實例012 **定位——設定網頁元素的**位置32
實例013 固定定位——固定的網頁導航33
實例014 浮動定位——製作作品列表35
實例015 空白邊疊加——控制元素的上下邊距39
實例016 流體格線布局——製作個人作品展示頁面41
第03章 使用CSS控制網頁背景
實例017 定義頁面背景顏色——製作個人作品網站頁面50
實例018 定義背景圖像——為網頁添加背景圖像51
實例019 背景圖像的位置——控制網頁中背景圖像的位置53
實例020 固定背景圖像——控制網頁的背景圖像固定不動 54
實例021 background-size屬性(CSS30)——控制背景圖像大小56
實例022 background-origin 屬性(CSS30)——控制背景圖像顯示區域58
實例023 background-clip 屬性(CSS30)——控制背景圖像的裁剪區域59
第04章 使用CSS控制文本
實例024 定義字型——製作廣告頁面63
實例025 定義英文字型大小寫——製作英文網站頁面64
實例026 定義字型下劃線、頂劃線和刪除線——網頁文字修飾 67
實例027 定義字間距和行間距——製作網站公告69
實例028 定義段落首字下沉——製作企業介紹頁面71
實例029 定義段落首行縮進——製作設計公司網站頁面73
實例030 定義段落水平對齊——製作網站彈出頁面75
實例031 定義文本垂直對齊——製作產品介紹頁面77
實例032 使用Web字型——在網頁中使用特殊字型 79
實例033 CSS類選區——套用多個類CSS樣式82
實例034 text-shadow屬性(CSS30)——為網頁文字添加陰影 84
實例035 word-wrap屬性(CSS30)——控制網頁文本換行 86
實例036 text-overflow屬性(CSS30)——控制文本溢出 87
第05章 使用CSS控制圖片效果
實例037 圖片框線——修飾網頁圖像91
實例038 圖片縮放——自適應視窗大小的圖片93
實例039 圖片的水平對齊——製作產品展示頁面96
實例040 實現圖文混排效果——製作產品介紹頁面97
實例041 實現圖文混排效果——製作產品介紹頁面99
實例042 border-colors屬性(CSS30)——為圖像添加多種色彩框線101
實例043 border-radius屬性(CSS30)——實現圓角框線102
實例044 border-image屬性(CSS30)——實現圖像框線104
第 2篇 進階篇
第06章 使用CSS控制列表樣式
實例045 ul無序列表——製作新聞欄目107
實例046 ol有序列表——製作網站公告108
實例047 更改列表項目樣式——製作方塊列表效果111
實例048 使用圖片作為列表樣式——製作圖像列表113
實例049 定義列表——製作音樂列表115
實例050 列表的套用——製作橫嚮導航選單117
實例051 製作縱嚮導航選單 119
實例052 content屬性(CSS30)——賦予Div內容121
實例053 opacity屬性(CSS30)——實現元素的半透明效果 123
第07章 使用CSS美化表格和表單元素
實例054 創建數據表格——製作企業網站新聞頁面126
實例055 設定表格框線和背景——製作精美表格 129
實例056 為單元行套用類CSS樣式——實現隔行變色的單元格133
實例057 套用CSS樣式的hover偽類——實現互動的變色表格134
實例058 設定表單元素的背景顏色——製作商品搜尋136
實例059 設定表單元素的框線——美化登錄框 138
實例060 使用CSS定義圓角文本欄位140
實例061 使用CSS定義下拉列表——製作多彩下拉列表142
實例062 column-width屬性(CSS30)——實現網頁文本分欄143
實例063 column-count屬性(CSS30)——控制網頁文本分欄數145
實例064 column-gap屬性(CSS30)——控制網頁文本分欄間距147
實例065 column-rule屬性(CSS30)——為分欄添加分欄線149
第08章 使用CSS樣式美化超連結和滑鼠指針
實例066 定義超連結樣式——製作活動公告152
實例067 超連結偽類套用——製作按鈕式超連結155
實例068 超連結偽類套用——製作圖像式超連結158
實例069 使用CSS定義滑鼠指針樣式——改變默認的滑鼠指針161
實例070 使用CSS定義滑鼠變換效果——實現網頁中的滑鼠變換效果162
實例071 box-shadow屬性(CSS30)——為網頁元素添加陰影164
實例072 overflow屬性(CSS30)——網頁元素內容溢出處理165
實例073 resize屬性(CSS30)——在網頁中實現區域縮放調節167
實例074 outline屬性(CSS30)——為網頁元素添加輪廓框線169
第3篇 提高篇
第09章 使用CSS濾鏡
實例075 Alpha濾鏡——實現網頁中半透明效果172
實例076 BlendTrans濾鏡——製作圖像切換效果174
實例077 Blur濾鏡——實現網頁中的模糊效果177
實例078 FlipH和FlipV濾鏡——實現網頁內容水平和垂直翻轉179
實例079 DropShadow濾鏡——為網頁元素添加陰影181
第 10章 CSS與其他語言綜合運用
實例080 XML與CSS——製作學生信息管理頁面186
實例081 使用CSS實現XML中特殊效果——隔行變色的信息列表190
實例082 在HTML頁面中調用XML數據——製作攝影圖片網頁194
實例083 使用JavaScript實現可選擇字型大小——製作新聞頁面199
實例084 使用JavaScript實現圖像滑動切換——製作圖像頁面202
實例085 使用JavaScript實現特效——製作動態網站相冊206
第4篇 商業案例篇
第 11章 製作網站常見效果
實例086 插入Spry選單欄——製作導航下拉選單214
實例087 插入Spry選項卡式面板——製作選項卡式新聞列表219
實例088 插入Spry摺疊式面板——製作個人網站頁面224
實例089 插入Spry可摺疊面板——製作可摺疊欄目228
實例090 插入Spry工具提示——製作圖片展示頁面233
第 12章 布局製作商業網站頁面
實例091 製作寵物貓咪網站頁面238
實例092 製作設計工作室網站頁面244
實例093 製作醫療健康類網站頁面252
實例094 製作教育類網站頁面261
實例095 製作社區類網站頁面271
實例096 製作水上樂園網站頁面280
實例097 製作休閒遊戲網站頁面288
實例098 製作野生動物園網站頁面299
實例099 製作餐飲類網站頁面305
實例100 製作遊戲類網站頁面314

相關詞條

熱門詞條

聯絡我們