 |
-- 會員 / 註冊 --
|
|
|
|
精通HTML+CSS——100%網頁設計與布局密碼 ( 簡體 字) |
作者:龍馬工作室 | 類別:1. -> 程式設計 -> 網路編程 -> HTML 2. -> 程式設計 -> 網路編程 -> CSS |
譯者: |
出版社:人民郵電出版社 | 3dWoo書號: 39007 詢問書籍請說出此書號!【缺書】 NT售價: 300 元 |
出版日:8/1/2014 |
頁數:396 |
光碟數:1 (含視頻教學) |
|
站長推薦:  |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787115351777 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言: |
內容簡介: 《精通HTML+CSS——100%網頁設計與布局密碼》深入淺出,結合實際案例系統地講解了使用HTML和CSS進行網頁設計與布局的知識和技巧。全書分為4個部分。第1篇【HTML篇】主要介紹了HTML的基礎知識和輔助性元素,以及如何在網頁上設計文本、列表、超鏈接、色彩、圖片、表格、表單、框架和多媒體等。第2篇【CSS篇】主要介紹了CSS的基礎知識和網頁樣式代碼的生成方法,以及如何通過CSS設置文本樣式、網頁圖像特效、背景顏色與背景圖像等,還對CSS的高級特性和網頁標準化布局進行了講解。第3篇【綜合應用篇】主要介紹了如何綜合應用HTML和CSS設計制作企業網站、游戲網站和電子商務網站的頁面。第4篇【實戰篇】選取了熱門的企業門戶網站和休閑旅游網站進行分析,并以此為基礎指導讀者完成自己的網站設計。 《精通HTML+CSS——100%網頁設計與布局密碼》附贈一張DVD多媒體教學光盤,包含與圖書內容同步的教學錄像,以及本書所有案例的源代碼和相關學習資料的電子書、教學錄像等超值資源,便于讀者擴展學習。 《精通HTML+CSS——100%網頁設計與布局密碼》內容翔實,結構清晰,既適合HTML和CSS的初學者自學使用,也可以作為各類院校相關專業學生和電腦培訓班的教材或輔導用書。 |
目錄:第1篇 HTML篇
第1章 HTML與CSS網頁設計概述 2 1.1 HTML的基本概念 3 1.1.1 什么是HTML 3 1.1.2 HTML的發展 5 1.1.3 HTML與XHTML 6 1.2 CSS的基本概念 7 1.2.1 什么是CSS 7 1.2.2 CSS在網頁設計中的作用 7 1.3 網頁與網站 8 1.3.1 網頁與網站的關系 8 1.3.2 建立網站 10 1.3.3 URL 10 1.3.4 HTML與CSS的常用編輯工具 11 高手私房菜 13 技巧1:如何查看網頁的HTML代碼 13 技巧2:查看其他網站的CSS樣式表文件 14
第2章 HTML文檔的基本結構 15 2.1 基本的HTML文檔 16 2.2 HTML文檔的基本結構 16 2.2.1 文檔類型的聲明 16 2.2.2 html標簽對和屬性 18 2.2.3 head標簽對和屬性 19 2.2.4 body標簽對和屬性 20 2.3 HTML標簽、元素及屬性 20 2.3.1 什么是標簽 20 2.3.2 元素 21 2.3.3 屬性的定義 22 2.3.4 屬性值的定義 22 2.3.5 元素和屬性的大小寫規范 23 2.4 標準屬性 23 2.5 HTML字符實體 24 2.6 為文檔添加注釋 25 2.7 空白和空白字符 25 2.7.1 斷行符 26 2.7.2 空白字符 26 高手私房菜 26 技巧:屬性值與引號的正確使用 26
第3章 輔助性元素 27 3.1 用title標簽為文檔添加標題 28 3.2 用base標簽為文檔設置基礎URL 28 3.3 用link標簽定義文檔關系鏈接 30 3.3.1 定義關系鏈接地址 30 3.3.2 向前鏈接或者反轉鏈接 31 3.3.3 鏈接到外部樣式表 32 3.4 用style標簽為文檔創建內部樣式表 33 3.4.1 定義樣式類型 33 3.4.2 針對不同的媒體設備設置樣式 35 3.5 用script標簽添加腳本程序 36 3.5.1 設置腳本的類型 36 3.5.2 包含外部的腳本 37 3.6 用meta標簽為文檔定義元數據 38 3.6.1 定義元數據 38 3.6.2 定義元數據的各種情況 38 高手私房菜 41 技巧1:使用link標簽定義瀏覽器標題欄小圖標 41 技巧2:使用CSS hack技術使IE瀏覽器訪問網頁時應用特定的樣式表文件 42
第4章 網頁文本設計 43 4.1 文本的排版 44 4.1.1 標題h1、h2、h3、h4、h5和h6 45 4.1.2 字體標記 47 4.1.3 基本文字格式 49 4.1.4 特殊符號 50 4.2 段落的排版 50 4.2.1 段落標記及其對齊方式 51 4.2.2 換行br標記 52 4.2.3 居中標記 52 4.2.4 加入水平分割線 53 4.2.5 預編排標記 54 高手私房菜 55 技巧1:一級標題h1的使用 55 技巧2:在網頁中插入版權符號、注冊商標符號、未注冊商品符號 55 技巧3:元素屬性的默認值 56
第5章 網頁列表設計 57 5.1 建立無序的列表 58 5.2 建立有序的列表 61 5.2.1 使用type屬性定制有序列表項目符號 62 5.2.2 使用start屬性定制有序列表中列表項的起始數 63 5.2.3 使用value屬性定制有序列表中列表項序號的數值 64 5.3 建立定義列表 65 5.4 列表的嵌套 65 5.4.1 嵌套一層列表 66 5.4.2 嵌套多層列表 66 5.4.3 混合嵌套的列表 69 高手私房菜 70 技巧1:使用CSS樣式表代替列表的type屬性 70 技巧2:用ul列表模仿table表格 71
第6章 網頁超鏈接設計 73 6.1 鏈接和路徑 74 6.1.1 超鏈接的概念 74 6.1.2 鏈接路徑URL 75 6.1.3 絕對URL和相對URL 76 6.2 使用a元素定義鏈接 76 6.2.1 設置鏈接的目標地址 76 6.2.2 設置鏈接的目標窗口 77 6.2.3 設置鏈接的提示信息 77 6.3 定義鏈接的不同情況 78 6.3.1 鏈接到同一個網站的另一個網頁 78 6.3.2 使用錨鏈接到同一個網頁的不同部分 80 6.3.3 使用錨鏈接到另一個網頁的特定部分 82 6.3.4 鏈接到其他網站 83 6.3.5 設置鏈接發送E-mail 84 6.3.6 使用鏈接提供下載 84 高手私房菜 85 技巧1:錨點的定義 85 技巧2:區分URI、URL和URN 85 技巧3:禁用鏈接 86
第7章 網頁色彩和圖片設計 87 7.1 必備的圖像基礎知識 88 7.1.1 圖像的分辨率 88 7.1.2 網頁中的圖片格式 88 7.1.3 創建圖片 89 7.2 在網頁中使用圖像 91 7.2.1 在網頁中插入圖像標記 91 7.2.2 設置圖像源文件 91 7.2.3 設置圖像在網頁中顯示的寬度和高度 92 7.2.4 設置圖像的替換文字 93 7.2.5 設置圖像的提示文字 94 7.2.6 設置圖像的邊框 94 7.3 用圖像代替文本作為超鏈接 95 7.4 圖像映射 96 7.4.1 創建圖像映射 96 7.4.2 利用Dreamweaver創建圖像映射 98 高手私房菜 100 技巧1:瀏覽器的安全色 100 技巧2:圖像映射 100
第8章 網頁表格設計 101 8.1 表格的基本結構 102 8.2 控制表格的大小和邊框的寬度 103 8.2.1 設置表格的寬度和高度 103 8.2.2 設置表格邊框的寬度 104 8.3 設置表格及表格單元格的對齊方式 105 8.3.1 控制表格在網頁中的對齊方式 106 8.3.2 控制表格單元格的水平對齊 107 8.3.3 控制表格單元格的上下對齊 109 8.4 合并單元格 111 8.4.1 用colspan屬性左右合并單元格 111 8.4.2 用rowspan屬性上下合并單元格 112 8.5 用cellpadding屬性和cellspacing屬性設定距離 113 8.6 為表格添加視覺效果 115 8.6.1 設置表格和單元格的背景顏色 116 8.6.2 設置表格和單元格的背景圖像 117 8.7 表格的按行分組顯示 118 高手私房菜 121 技巧1:禁止單元格內的文本自動換行 121 技巧2:colspan和rowspan屬性的配合使用 122
第9章 網頁表單設計 123 9.1 HTML表單 124 9.1.1 HTML表單的工作原理 124 9.1.2 創建表單 124 9.1.3 控件的概念 127 9.2 使用input標簽創建表單控件 127 9.2.1 文本框和密碼文本框 128 9.2.2 單選按鈕 130 9.2.3 復選按鈕 131 9.2.4 隱藏控件 132 9.2.5 文件選擇框 132 9.2.6 重置按鈕 133 9.2.7 提交按鈕 134 9.2.8 圖形提交按鈕 135 9.3 使用textarea標簽創建多行文本框 135 9.4 使用select和option標簽創建選擇列表 137 9.5 表單的提交方法 138 高手私房菜 139 技巧1:禁用表單控件 139 技巧2:設置表單控件為只讀 140
第10章 網頁框架設計 141 10.1 什么是框架 142 10.2 使用frameset和frame標簽創建框架 142 10.2.1 框架的文檔聲明 144 10.2.2 用cols屬性將窗口分為左、右兩部分 144 10.2.3 用rows屬性將窗口分為上、中、下三部分 145 10.2.4 框架的嵌套 146 10.2.5 不顯示框架時 147 10.3 設置窗口框架的內容和外觀 148 10.3.1 用src屬性設置框架的初始內容 148 10.3.2 框架窗口邊框的設置 149 10.3.3 控制框架的邊距 150 10.3.4 框架的滾動條設置 151 10.3.5 改變框架窗口大小 152 10.4 設置框架之間的鏈接 153 10.4.1 用base標簽設置鏈接默認目標 154 10.4.2 名稱和框架標識 155 10.5 使用iframe/iframe標簽對創建嵌入式框架 157 高手私房菜 158 技巧1:框架長度或者寬度的設置 158 技巧2:設置框架邊框的注意事項 158
第11章 網頁多媒體設計 159 11.1 在網頁中加入視頻 160 11.1.1 添加鏈接視頻 160 11.1.2 使用Windows Media Player嵌入視頻 161 11.2 在網頁中加入聲音 163 11.2.1 添加背景聲音 163 11.2.2 添加鏈接聲音 164 11.2.3 使用RealPlayer嵌入聲音 164 11.3 在網頁中添加Flash動畫 166 11.4 在網頁中添加滾動文字 167 高手私房菜 168 技巧1:流式視頻與音頻 168 技巧2:選擇合適的音頻或者視頻格式 168
第2篇 CSS篇
第12章 CSS 3樣式基礎 170 12.1 簡單的CSS示例 171 12.2 CSS樣式表的規則 172 12.3 使用CSS選擇器 173 12.3.1 標簽選擇器 173 12.3.2 類選擇器 174 12.3.3 id選擇器 177 12.4 在HTML中調用CSS的方法 178 12.4.1 內聯式CSS樣式 179 12.4.2 內嵌式CSS樣式 180 12.4.3 鏈接式CSS樣式 181 12.4.4 導入外部CSS樣式 182 12.4.5 CSS樣式生效的優先級問題 183 高手私房菜 184 技巧:使用全局選擇器 184
第13章 網頁樣式代碼的生成方法 185 13.1 從零開始手工編寫 186 13.1.1 編寫標題樣式代碼 187 13.1.2 編寫圖片控制代碼 188 13.1.3 設置網頁正文 188 13.1.4 設置整體頁面樣式 189 13.1.5 定義段落樣式 190 13.1.6 完整的代碼 192 13.2 使用Dreamweaver輔助工具創建頁面 193 13.3 在Dreamweaver中新建CSS樣式 195 13.4 在Dreamweaver中編輯CSS樣式 198 13.5 為圖像創建CSS樣式 199 高手私房菜 200 技巧1:在Dreamweaver中使用不同的復制和粘貼方式 200 技巧2:使用Dreamweaver生成CSS 3樣式表并鏈接到當前文檔 201
第14章 用CSS 3設置文本樣式 203 14.1 樣式的參數單位 204 14.1.1 長度單位 204 14.1.2 顏色單位 204 14.2 設置網頁文本的基本樣式 207 14.2.1 網頁文本顏色的定義 207 14.2.2 設置具體文字的字體 208 14.2.3 設置文字的傾斜效果 209 14.2.4 設置文字的粗細效果 210 14.3 設置網頁文本的行高與間距 211 14.3.1 設置網頁文字間間距 212 14.3.2 設置網頁文字行間高 212 14.3.3 設置網頁文字段落間距 214 14.4 設置網頁文本的對齊方式 215 14.4.1 控制文本的水平對齊方式 215 14.4.2 設置文本的垂直對齊方式 217 14.5 設置文字與背景的顏色 218 14.6 其他網頁文本樣式設置 219 14.6.1 英文字母大小寫自動轉換的實現 219 14.6.2 控制文字的大小 220 14.6.3 網頁文字的裝飾效果 222 14.6.4 設置段落首行縮進效果 223 高手私房菜 224 技巧1:通過濾鏡屬性設置文字效果 224 技巧2:為網頁中字體大小設置合適的樣式 224
第15章 用CSS 3設置網頁圖像特效 225 15.1 設置圖片邊框 226 15.1.1 圖像邊框基本屬性 226 15.1.2 為不同的邊框分別設置樣式 228 15.2 圖片縮放功能的實現 229 15.3 設置圖片與文字的對齊方式 233 15.3.1 橫向對齊方式 233 15.3.2 縱向對齊方式 234 15.4 圖文混排 235 15.4.1 文字環繞 236 15.4.2 設置圖片與文字的間距 237 15.5 CSS 3中邊框的新增屬性 238 15.5.1 border-image 238 15.5.2 border-radius 239 15.5.3 border-color 241 15.5.4 box-shadow 243 高手私房菜 244 技巧:圖片超出撐破DIV 244
第16章 用CSS 3設置網頁背景顏色與背景圖像 245 16.1 設置背景顏色 246 16.2 設置背景圖像 247 16.3 設置背景圖像平鋪 248 16.4 設置背景圖像的位置 250 16.5 設置背景圖片位置固定 252 16.6 設置標題的圖像替換 254 16.7 使用滑動門技術的標題 255 高手私房菜 257 技巧1:為網頁內容添加水印 257 技巧2:使用background-position屬性設置背景圖片居中顯示 258
第17章 CSS 3的高級特性 259 17.1 復合選擇器 260 17.1.1 交集選擇器 260 17.1.2 并集選擇器 261 17.1.3 后代選擇器 262 17.2 CSS的繼承特性 263 17.2.1 繼承關系 264 17.2.2 CSS繼承的運用 264 17.3 CSS的層疊特性 265 高手私房菜 268 技巧:CSS選擇器的特殊性 268
第18章 DIV+CSS 3網頁標準化布局 269 18.1 定義DIV 270 18.1.1 什么是DIV 270 18.1.2 在HTML文檔中應用DIV 270 18.1.3 DIV的嵌套和固定格式 272 18.2 CSS布局定位 273 18.2.1 浮動定位 273 18.2.2 position定位 279 18.3 可視化模型 282 18.3.1 盒模型 282 18.3.2 視覺可視化模型 284 18.3.3 空白邊疊加 284 18.4 CSS布局方式 285 18.4.1 居中的布局設計 285 18.4.2 浮動的布局設計 288 18.4.3 高度自適應設計 295 18.5 CSS 3中盒模型的新增屬性 296 18.5.1 overflow 296 18.5.2 overflow-x 298 18.5.3 overflow-y 299 高手私房菜 300 技巧:將多個DIV緊靠頁面的左側或者右側 300
第3篇 綜合應用篇
第19章 用HTML+CSS 3設計制作企業網站頁面 302 19.1 設計分析 303 19.2 布局分析 303 19.3 制作步驟 304 19.4 實例總結 316
第20章 用HTML+CSS 3設計制作休閑游戲網站頁面 317 20.1 設計分析 318 20.2 布局分析 318 20.3 制作步驟 319 20.4 實例總結 338
第21章 用HTML+CSS 3設計制作電子商務網站頁面 339 21.1 設計分析 340 21.2 布局分析 340 21.3 制作步驟 341 21.4 實例總結 360
第4篇 實戰篇
第22章 企業門戶類網站布局分析 362 22.1 中糧網整體布局分析 363 22.1.1 整體設計分析 363 22.1.2 版面架構分析 364 22.1.3 網站模塊組成 364 22.2 制作自己的企業網站——龍馬蜂業產品網 365 22.2.1 整體分析 365 22.2.2 結構與布局 365 22.2.3 網站制作步驟 365 22.2.4 實例總結 374
第23章 休閑旅游類網站布局分析 375 23.1 去哪兒網整體布局分析 376 23.1.1 整體設計分析 376 23.1.2 版面架構分析 377 23.1.3 網站模塊組成 377 23.2 制作自己的休閑旅游網站——龍馬休閑旅游網 379 23.2.1 整體分析 379 23.2.2 結構與布局 379 23.2.3 網站制作步驟 380 23.2.4 實例總結 396 |
序: |
|