中图网(原中国图书网):网上书店,尾货特色书店,30万种特价书低至2折!

歡迎光臨中圖網 請 | 注冊
> >>
Div+CSS 3.0網頁布局案例精粹(升級版)

包郵 Div+CSS 3.0網頁布局案例精粹(升級版)

作者:張曉景
出版社:電子工業出版社出版時間:2020-01-01
開本: 26cm 頁數: 10,393頁
中 圖 價:¥39.4(4.9折) 定價  ¥79.9 登錄后可看到會員價
加入購物車 收藏
開年大促, 全場包郵
?新疆、西藏除外
溫馨提示:5折以下圖書主要為出版社尾貨,大部分為全新(有塑封/無塑封),個別圖書品相8-9成新、切口
有劃線標記、光盤等附件不全詳細品相說明>>
本類五星書更多>

Div+CSS 3.0網頁布局案例精粹(升級版) 版權信息

Div+CSS 3.0網頁布局案例精粹(升級版) 本書特色

本書系統地介紹了CSS樣式的基礎理論和實際應用技術,并結合實例來介紹Div CSS布局制作網頁的方法和技巧。在實例的制作過程中介紹CSS樣式設計各方面知識的同時,還結合實際網頁制作中可能遇到的問題提供解決問題的思路、方法和技巧,使初學者也可以輕松地掌握Div CSS布局的方式,制作出精美的網頁。
本書全面展現了運用Div CSS進行網頁設計布局的方法,詳細的講解步驟配合圖示,使得每個步驟清晰易懂、一目了然。收中不但應用大量實例對重點難點進行深入的剖析,而且還結合作者多年的網頁設計與教學經驗進行點撥,使讀者學以致用。并且在書中還穿插介紹了有關CSS和HTML的相關知識,立求使讀者了解到*的網頁設計制作技術。
本書內容豐富、結構清晰,注重思維鍛煉與實踐應用,適合初、中級網頁設計愛好者以及希望學習Web標準對原有網站進行重構的網頁設計者。本書配套資源包中還提供了書中所有實例源文件和相關視頻教程,供讀者學習和參考。

Div+CSS 3.0網頁布局案例精粹(升級版) 內容簡介

本書系統地介紹了CSS樣式的基礎理論和實際應用技術, 并結合實例來介紹Div+CSS布局制作網頁的方法和技巧。在實例的制作過程中介紹CSS樣式設計各方面知識的同時, 還結合實際網頁制作中可能遇到的問題提供解決問題的思路、方法和技巧, 使初學者也可以輕松地掌握Div+CSS布局的方式, 制作出精美的網頁。

Div+CSS 3.0網頁布局案例精粹(升級版) 目錄

**章 網頁和網站制作流程
1.1 認識網頁 2
1.1.1 網頁和網站 2
1.1.2 網頁的基本構成元素 2
1.2 什么是網頁設計 3
1.2.1 網頁設計概述 3
1.2.2 網頁設計和網頁制作 4
1.2.3 網頁設計的特點 5
1.2.4 網頁制作相關術語 6
1.3 網頁設計中所涵蓋的內容 11
1.3.1 視聽元素 11
1.3.2 版式設計 11
1.4 如何設計網頁 12
1.4.1 網頁設計的基本原則 12
1.4.2 網頁設計成功的要素 13
1.4.3 網頁設計風格及色彩搭配 14
1.5 網頁設計的原則 14
1.5.1 為用戶考慮的原則 14
1.5.2 主題突出原則 15
1.5.3 整體原則 16
1.5.4 內容與形式相統一 16
1.5.5 更新和維護的原則 17
1.6 網頁設計師應具備的素質 17
1.6.1 藝術素質 17
16.2 技能素質 18
1.6.3 綜合素質 18
1.7 網站的制作流程 19
1.7.1 前期策劃 19
1.7.2 原型設計 20
1.7.3 頁面美化 21
1.7.4 頁面開發 22
1.7.5 后期維護 22
1.8 靜態頁面的制作流程 22
1.8.1 觀察設計稿 22
1.8.2 拆分設計稿 23
1.8.3 網頁設計實現 23

第二章 CSS樣式入門
2.1 CSS的基本概念 25
2.1.1 CSS的特點 25
2.1.2 CSS的基本語法 25
2.1.3 CSS的沖突 26
技能案例:使用就近原則 26
2.2 網頁設計中的CSS 28
2.2.1 如何使用CSS 28
2.2.2 CSS能做什么 29
2.2.3 CSS不能做什么 30
2.3 CSS的基本用法 30
2.3.1 內聯樣式 30
2.3.2 嵌入樣式 30
技能案例:設置嵌入樣式 30
2.3.3 外部樣式 31
2.4 CSS的單位和值 31
2.4.1 定義顏色值 32
2.4.2 定義字體 33
2.5 CSS基礎選擇符 34
2.5.1 通配選擇符 34
2.5.2 標簽選擇符 35
2.5.3 id選擇符 35
2.5.4 類選擇符 35
技能案例:使用類選擇符定義樣式 36
2.5.5 群組選擇符 36
2.5.6 基礎選擇符瀏覽器適配 36
2.6 CSS的層次選擇符 36
2.6.1 后代選擇符 37
技能案例:使用后代選擇符定義樣式 37
2.6.2 子選擇符 37
2.6.3 相鄰兄弟選擇符 37
技能案例:使用相鄰兄弟選擇符設置樣式 37
2.6.4 通用兄弟選擇符 38
技能案例:使用通用兄弟選擇符定義樣式 38
2.6.5 層次選擇符瀏覽器適配 39
2.7 偽類和偽元素 39
2.7.1動態偽類選擇符 39
2.7.2 目標偽類選擇符 40
2.7.3 語言偽類選擇器 40
2.7.4 UI元素狀態偽類選擇器 40
2.7.5 結構偽類選擇器 41
2.7.6 偽類選擇符瀏覽器適配 42
2.7.7 偽元素選擇符 44
2.8 應用案例——為頁面添加CSS樣式 45
2.8.1 設計分析 45
2.8.2 制作步驟 45
2.8.3 案例總結 51
2.9 舉一反三——產品介紹網站 51
2.9.1 案例分析 52
2.9.2 視頻操作 52

第三章 使用DIV CSS布局頁面
3.1 定義Div 55
3.1.1 什么是Div 55
3.1.2 插入Div 55
3.1.3 Div的嵌套和固定格式 56
3.2 CSS布局定位 57
3.2.1 浮動定位 57
3.2.2 position定位 60
3.3 可視化盒模型 62
3.3.1 盒子模型 62
3.3.2 視覺可視化模型 64
3.3.3 空白邊疊加 64
3.4 常見的網頁布局方式 65
3.4.1 居中布局設計 65
3.4.2 浮動布局設計 66
3.4.3 高度自適應 70
3.5 盒模型的控制屬性 70
3.5.1 overflow 70
技能案例:顯示滾動條 71
3.5.2 overflow-x 71
技能案例:顯示橫向滾動條 71
3.5.3 overflow-y 72
技能案例:顯示豎向滾動條 72
3.6 應用案例——使用DIV CSS布局頁面 73
3.6.1 設計分析 73
3.6.2 制作步驟 73
3.6.3 案例總結 78
3.7 舉一反三——制作健康網站 78
3.7.1 案例分析 78
3.7.2 視頻操作 79
第四章 使用CSS控制網頁中的背景
4.1 背景顏色 81
4.1.1 設置頁面背景顏色 81
技能案例:添加背景顏色 81
4.1.2 設置塊背景顏色 82
技能案例:添加塊背景 82
4.1.3 漸變背景 83
技能案例:設置線性漸變背景 83
技能案例:設置徑向漸變背景 84
4.2 背景圖片 86
4.2.1 為頁面設置背景圖片 86
技能案例:設置背景圖片 86
4.2.2 背景圖片的重復 87
技能案例:設置背景圖片的重復 87
4.2.3 設置背景圖片的位置 88
技能案例:設置背景圖片的位置 88
4.2.4 設置背景滾動 90
技能案例:設置頁面背景滾動 90
4.2.5 背景樣式縮寫的方式 90
4.3 背景定位 91
4.3.1 背景定位屬性的語法 91
4.3.2 背景定位屬性的瀏覽器適配 91
4.4 背景裁切 92
4.4.1 背景裁切屬性的語法 92
4.4.2 背景裁切的瀏覽器適配 92
4.5 背景大小 93
4.5.1 背景大小屬性的語法 93
4.5.2 背景大小瀏覽器的適配 93
4.6 多重背景圖像 94
4.6.1 多重背景圖像屬性的語法 94
4.6.2 多重背景圖像的瀏覽器適配 95
4.6.3 CSS多背景屬性的優勢 95
4.7 應用案例——制作金融類網站頁面 96
4.7.1 設計分析 96
4.7.2 制作步驟 96
4.7.3 案例總結 102
4.8 舉一反三——制作電子商品網站 102
4.8.1 案例分析 103
4.8.2 視頻操作 103


第五章 使用CSS控制頁面文字樣式
5.1 控制文本樣式 106
5.1.1 文本字體和大小 106
技能案例:設置網頁中的文字字體 107
5.1.2 文本顏色和粗細 110
技能案例:設置網頁中文字的顏色 110
5.1.3 文本的3種樣式 112
技能案例:設置網頁中文字的樣式 112
5.1.4 文本的美化方式 113
技能案例:為網頁中的文字設置下劃線效果 113
5.1.5 英文字母大小寫 113
5.2 控制段落樣式 114
5.2.1 段落水平對齊 114
技能案例:設置文字左對齊、水平居中與右對齊 114
5.2.2 段落垂直對齊 116
技能案例:設置文本段落垂直對齊 116
5.2.3 行間距和字間距 117
5.2.4 首字下沉 118
技能案例:設置網頁中段落首字母下沉 118
5.3 文字陰影及模糊 119
5.3.1 文字陰影及模糊屬性的語法 119
技能案例:設置網頁中文本的陰影 119
5.3.2 文字陰影屬性的瀏覽器適配 120
5.4 文字溢出 120
5.4.1 文字溢出屬性的語法 121
5.4.2 文字溢出屬性瀏覽器的適配 121
5.5 文字斷開轉行 121
5.5.1 文字斷開轉行屬性的語法 121
5.5.2 文字轉行屬性的瀏覽器適配 122
5.6 應用實例——設計類網站 122
5.6.1 設計分析 123
5.6.2 制作步驟 123
5.6.3 案例總結 129
5.7 舉一反三——制作社區類網站 129
5.7.1 案例分析 130
5.7.2 視頻操作 130


第六章 使用CSS控制圖片樣式
6.1圖片樣式 132
6.1.1 圖片邊框設置 132
技能案例:設置圖片邊框 132
6.1.2 圖片縮放設置 135
技能案例:設置網頁中圖片的縮放 135
6.2 圖片對齊 137
6.2.1 水平對齊設置 137
技能案例:設置圖片的水平對齊 137
6.2.2 垂直對齊設置 138
6.3 圖文混排 139
6.3.1 文本混排 140
技能案例:設置網頁中的圖文混排 140
6.3.2 設置混排間距 140
6.4 圖像邊框 141
6.4.1 圖像邊框屬性的語法介紹 141
6.4.1 圖像邊框的瀏覽器適配 141
6.5 邊框圓角 142
6.5.1 邊框圓角屬性的語法 142
6.5.2 4個子屬性 143
6.5.3 邊框圓角屬性的瀏覽器適配 144
6.6 邊框陰影 144
6.6.1 邊框陰影屬性的語法 145
6.6.2邊框陰影瀏覽器的適配 145
6.7 邊框顏色 146
6.7.1 邊框顏色屬性的語法 146
6.7.2 邊框顏色的瀏覽器適配 147
6.8 應用實例——制作婚慶網站頁面 147
6.8.1 設計分析 147
6.8.2 制作步驟 148
6.8.3 案例總結 153
6.9 舉一反三——產品介紹網站 153
6.9.1 案例分析 154
6.9.2 視頻操作 154

第七章 使用CSS控制列表樣式
7.1 列表控制概述 155
7.1.1 列表控制原則 155
7.1.2 列表的類型及使用 155
技能案例:使用uI制作無序列表 155
技能案例:使用ol制作無序列表 156
技能案例:使用dl制作列表 156
7.1.3 改變項目樣式 157
技能案例:制作突出的列表樣式 157
7.1.4 圖片符號 158
技能案例:制作圖片符號列表 158
7.2 使用列表制作實用菜單 159
7.2.1 無需表格的菜單 159
技能案例:制作豎排菜單 159
7.2.2 菜單的橫豎轉換 161
技能案例:制作橫排菜單 161
技能案例:制作下拉菜單 162
7.3 Opacity 164
7.3.1 Opacity 語法 164
技能案例:為圖片設置透明度 164
7.3.2 Opacity的瀏覽器適配 165
7.4 CSS 顏色模式 165
7.4.1 HSL colors語法 165
技能案例:使用HSL顏色模式 165
7.4.2 HSLA colors 語法 166
技能案例:使用HSLA顏色模式 166
7.4.3 RGBA colors語法 167
技能案例:使用RGBA顏色模式 167
7.4.4 HSL、HSLA和RGBA colors的瀏覽器適配 168
7.5 應用實例——制作音樂網站 169
7.5.1 設計分析 170
7.5.2 制作步驟 170
7.5.3 案例總結 174
7.6 舉一反三——制作設計工作室網站 174
7.6.1 案例分析 174
7.6.2 視頻操作 175

第八章 使用CSS控制表單樣式
8.1 表單設計概述 177
8.1.1 表單的設計原則 177
8.1.2 表單應用分類 178
8.2 表單的設計 179
8.2.1 表單和表單元素 179
8.2.2 標簽、字段集和圖例 183
技能案例:制作表單 183
8.2.3 使用CSS控制文本字段 185
技能案例:使用CSS樣式更改表單外觀 185
8.2.4 使用CSS控制復選框與單選框 185
技能案例:使用CSS樣式更改表單外觀2 186
8.2.5 使用CSS控制列表與跳轉菜單 186
技能案例:使用CSS樣式更改表單外觀3 186
8.3
展開全部

Div+CSS 3.0網頁布局案例精粹(升級版) 作者簡介

張曉景 暢銷書作者,Adobe 專家委員會成員,Adobe 網頁設計師認證講師,Adobe UI設計工程師,國家信息產業部653工程講師。
參與國家開放大學網頁設計和網頁界面設計課程體系開發。從事平面設計、網站設計和UI設計多年,參與開發過數十個多媒體商業網站。對UI設計風格有獨特見解。有豐富的教學經驗,為中國石油、中國鐵路等大型企業做專業企業培訓,曾在中國傳媒大學、北京大學、北京師范大學、北京交通大學等重點院校以及Adobe創意大學和新東方等培訓機構教授設計課程。

商品評論(0條)
暫無評論……
書友推薦
本類暢銷
返回頂部
中圖網
在線客服
主站蜘蛛池模板: 浙江宝泉阀门有限公司 | 大型果蔬切片机-水果冬瓜削皮机-洗菜机切菜机-肇庆市凤翔餐饮设备有限公司 | 视觉检测设备_自动化检测设备_CCD视觉检测机_外观缺陷检测-瑞智光电 | 无机纤维喷涂棉-喷涂棉施工工程-山东华泉建筑工程有限公司▲ | 山东锐智科电检测仪器有限公司_超声波测厚仪,涂层测厚仪,里氏硬度计,电火花检漏仪,地下管线探测仪 | 上海办公室装修公司_办公室设计_直营办公装修-羚志悦装 | 精准猎取科技资讯,高效阅读科技新闻_科技猎| 北京西风东韵品牌与包装设计公司,创造视觉销售力! | 小程序开发公司_APP开发多少钱_软件开发定制_微信小程序制作_客户销售管理软件-济南小溪畅流网络科技有限公司 | 原子吸收设备-国产分光光度计-光谱分光光度计-上海光谱仪器有限公司 | 对照品_中药对照品_标准品_对照药材_「格利普」高纯中药标准品厂家-成都格利普生物科技有限公司 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库 | hdpe土工膜-防渗膜-复合土工膜-长丝土工布价格-厂家直销「恒阳新材料」-山东恒阳新材料有限公司 ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | 国际金融网_每日财经新资讯网 | PE一体化污水处理设备_地埋式生活污水净化槽定制厂家-岩康塑业 | 二手光谱仪维修-德国OBLF光谱仪|进口斯派克光谱仪-热电ARL光谱仪-意大利GNR光谱仪-永晖检测 | 真空搅拌机-行星搅拌机-双行星动力混合机-广州市番禺区源创化工设备厂 | 海日牌清洗剂-打造带电清洗剂、工业清洗剂等清洗剂国内一线品牌 海外整合营销-独立站营销-社交媒体运营_广州甲壳虫跨境网络服务 | 生物除臭剂-除味剂-植物-污水除臭剂厂家-携葵环保有限公司 | 捷码低代码平台 - 3D数字孪生_大数据可视化开发平台「免费体验」 | 杰福伦_磁致伸缩位移传感器_线性位移传感器-意大利GEFRAN杰福伦-河南赉威液压科技有限公司 | 电动液压篮球架_圆管地埋式篮球架_移动平箱篮球架-强森体育 | 油罐车_加油机_加油卷盘_加油机卷盘_罐车人孔盖_各类球阀_海底阀等车用配件厂家-湖北华特专用设备有限公司 | 精密冲床,高速冲床等冲压设备生产商-常州晋志德压力机厂 | 江苏农村商业银行招聘网_2024江苏农商行考试指南_江苏农商行校园招聘 | 万濠影像仪(万濠投影仪)百科-苏州林泽仪器 | 洗石机-移动滚筒式,振动,螺旋,洗矿机-青州冠诚重工机械有限公司 | 工业电炉,台车式电炉_厂家-淄博申华工业电炉有限公司 | 手术示教系统-数字化手术室系统-林之硕医疗云智能视频平台 | 高尔夫球杆_高尔夫果岭_高尔夫用品-深圳市新高品体育用品有限公司 | 顺景erp系统_erp软件_erp软件系统_企业erp管理系统-广东顺景软件科技有限公司 | 火锅底料批发-串串香技术培训[川禾川调官网]| 智能楼宇-楼宇自控系统-楼宇智能化-楼宇自动化-三水智能化 | 二手回收公司_销毁处理公司_设备回收公司-找回收信息网 | 成都茶楼装修公司 - 会所设计/KTV装修 - 成都朗煜装饰公司 | 西门子气候补偿器,锅炉气候补偿器-陕西沃信机电工程有限公司 | ORP控制器_ORP电极价格-上优泰百科 | 环氧铁红防锈漆_环氧漆_无溶剂环氧涂料_环氧防腐漆-华川涂料 | 活性氧化铝|无烟煤滤料|活性氧化铝厂家|锰砂滤料厂家-河南新泰净水材料有限公司 | 蔬菜配送公司|蔬菜配送中心|食材配送|饭堂配送|食堂配送-首宏公司 | 钢格板|热镀锌钢格板|钢格栅板|钢格栅|格栅板-安平县昊泽丝网制品有限公司 | 铝板冲孔网,不锈钢冲孔网,圆孔冲孔网板,鳄鱼嘴-鱼眼防滑板,盾构走道板-江拓数控冲孔网厂-河北江拓丝网有限公司 |