網(wǎng)頁制作實(shí)戰(zhàn)
-
【作 者】主編 肖睿 羅保山
【I S B N 】978-7-5170-4890-9
【責(zé)任編輯】李炎
【適用讀者群】本專通用
【出版時(shí)間】2016-11-01
【開 本】16開
【裝幀信息】平裝(光膜)
【版 次】第1版第1次印刷
【頁 數(shù)】180
【千字?jǐn)?shù)】275
【印 張】11.25
【定 價(jià)】¥29
【叢 書】前端開發(fā)工程師系列
【備注信息】
簡介
本書特色
前言
章節(jié)列表
精彩閱讀
下載資源
相關(guān)圖書
隨著信息時(shí)代的到來,網(wǎng)絡(luò)已完全融入我們的工作和生活,從網(wǎng)絡(luò)上獲取信息或通過網(wǎng)絡(luò)交換信息,這些都離不開網(wǎng)絡(luò)的承載者——網(wǎng)頁。一個(gè)優(yōu)秀的網(wǎng)站設(shè)計(jì),能夠使瀏覽者快速地找到所需內(nèi)容,并且擁有愉快的網(wǎng)絡(luò)體驗(yàn)。本教材通過基本的HTML標(biāo)簽學(xué)習(xí),加之CSS美化技術(shù)來開發(fā)網(wǎng)站,讓你進(jìn)入多姿多彩的網(wǎng)絡(luò)世界。
本套前端開發(fā)教材最大的特點(diǎn)就是以流行網(wǎng)站元素為項(xiàng)目實(shí)戰(zhàn)。本書使用HTML和CSS進(jìn)行網(wǎng)站設(shè)計(jì)開發(fā),并配以完善的學(xué)習(xí)資源和支持服務(wù),為學(xué)習(xí)者帶來全方位的學(xué)習(xí)體驗(yàn),包括視頻教程、案例素材下載、學(xué)習(xí)交流社區(qū)、討論組等終身學(xué)習(xí)內(nèi)容,更多技術(shù)支持請?jiān)L問課工場www.kgc.cn。
科學(xué)的訓(xùn)練模式—— 科學(xué)的課程體系;創(chuàng)新的教學(xué)模式;技能人脈,實(shí)現(xiàn)多方位就業(yè);隨需而變,支持終身學(xué)習(xí)。
真實(shí)的項(xiàng)目驅(qū)動(dòng)—— 覆蓋80% 的網(wǎng)站效果制作;幾十個(gè)實(shí)訓(xùn)項(xiàng)目,涵蓋電商、金融、教育、旅游、游戲等行業(yè)。
便捷的學(xué)習(xí)體驗(yàn)—— 每章提供二維碼掃描,可以直接觀看相關(guān)視頻講解和案例操作;課工場開辟教材配套版塊,提供素材下載、學(xué)習(xí)社區(qū)等豐富在線學(xué)習(xí)資源。
前 言
隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展,“互聯(lián)網(wǎng)+”時(shí)代已經(jīng)悄然到來,這自然催生了互聯(lián)網(wǎng)行業(yè)工種的細(xì)分,前端開發(fā)工程師這個(gè)職業(yè)應(yīng)運(yùn)而生,各行業(yè)、企業(yè)對前端設(shè)計(jì)開發(fā)人才的需求也日益增長。與傳統(tǒng)網(wǎng)頁開發(fā)設(shè)計(jì)人員相比,新“互聯(lián)網(wǎng)+”時(shí)代對前端開發(fā)工程師提出了更高的要求,傳統(tǒng)網(wǎng)頁開發(fā)設(shè)計(jì)人員已無法勝任。在這樣的大環(huán)境下,這套“前端開發(fā)工程師系列”教材應(yīng)運(yùn)而生,它旨在幫助讀者朋友快速成長為符合“互聯(lián)網(wǎng)+”時(shí)代企業(yè)需求的優(yōu)秀的前端開發(fā)工程師。
“前端開發(fā)工程師系列”教材是由課工場(kgc.cn)的教研團(tuán)隊(duì)研發(fā)的。課工場是北京大學(xué)下屬企業(yè)北京課工場教育科技有限公司推出的互聯(lián)網(wǎng)教育平臺(tái),專注于互聯(lián)網(wǎng)企業(yè)各崗位人才的培養(yǎng)。平臺(tái)匯聚了數(shù)百位來自知名培訓(xùn)機(jī)構(gòu)、高校的頂級(jí)名師和互聯(lián)網(wǎng)企業(yè)的行業(yè)專家,面向大學(xué)生以及需要“充電”的在職人員,針對與互聯(lián)網(wǎng)相關(guān)的產(chǎn)品設(shè)計(jì)、開發(fā)、運(yùn)維、推廣和運(yùn)營等崗位,提供在線的直播和錄播課程,并通過遍及全國的幾十家線下服務(wù)中心提供現(xiàn)場面授以及多種形式的教學(xué)服務(wù),并同步研發(fā)出版最新的課程教材。參與本書編寫的還有羅保山、王春蘭、楊洋、孫琳、張?jiān)魄嗟仍盒=處煛?/p>
課工場為培養(yǎng)互聯(lián)網(wǎng)前端設(shè)計(jì)開發(fā)人才,特別推出“前端開發(fā)工程師系列”教育產(chǎn)品,提供各種學(xué)習(xí)資源和支持,包括:
現(xiàn)場面授課程。
在線直播課程。
錄播視頻課程。
案例素材下載。
學(xué)習(xí)交流社區(qū)。
QQ討論組(技術(shù),就業(yè),生活)。
以上所有資源請?jiān)L問課工場www.kgc.cn。
本套教材特點(diǎn)
(1)科學(xué)的訓(xùn)練模式
科學(xué)的課程體系。
創(chuàng)新的教學(xué)模式。
技能人脈,實(shí)現(xiàn)多方位就業(yè)。
隨需而變,支持終身學(xué)習(xí)。
(2)真實(shí)的項(xiàng)目驅(qū)動(dòng)
覆蓋80%的網(wǎng)站效果制作。
幾十個(gè)實(shí)訓(xùn)項(xiàng)目,涵蓋電商、金融、教育、旅游、游戲等行業(yè)。
(3)便捷的學(xué)習(xí)體驗(yàn)
每章提供二維碼掃描,可以直接觀看相關(guān)視頻講解和案例操作。
課工場開辟教材配套版塊,提供素材下載、學(xué)習(xí)社區(qū)等豐富在線學(xué)習(xí)資源。
讀者對象
(1)初學(xué)者:本套教材將幫助你快速進(jìn)入互聯(lián)網(wǎng)前端開發(fā)行業(yè),從零開始逐步成長為專業(yè)的前端開發(fā)工程師。
(2)初級(jí)前端開發(fā)者:本套教材將帶你進(jìn)行全面、系統(tǒng)的互聯(lián)網(wǎng)前端設(shè)計(jì)開發(fā)學(xué)習(xí),幫助你梳理全面、科學(xué)的技能理論,提供實(shí)用開發(fā)技巧和項(xiàng)目經(jīng)驗(yàn)。
課工場出品(kgc.cn)
- 實(shí)用運(yùn)籌學(xué) [主編 邢育紅 于晉臣]
- 電子技術(shù)(第二版) [主編 覃愛娜 李飛]
- 工程數(shù)學(xué) [主編 郭立娟 王海]
- 語音識(shí)別理論與實(shí)踐 [主編 莫宏偉]
- 武術(shù)基礎(chǔ)教程 [主編 李代勇 謝志民]
- 計(jì)算機(jī)網(wǎng)絡(luò)實(shí)訓(xùn)教程 [主編 張浩軍 趙玉娟]
- 電工電子技術(shù)基礎(chǔ) [主編 劉 軍 楊國龍 劉天成]
- MySQL數(shù)據(jù)庫項(xiàng)目式教程 [陳亞峰]
- 機(jī)械設(shè)計(jì)基礎(chǔ)(第二版) [主編 田亞平 李愛姣]
- 畫法幾何與機(jī)械制圖 [主編 趙軍]
- C語言程序設(shè)計(jì)習(xí)題與實(shí)驗(yàn)指導(dǎo)(第二版) [主編 甄增榮 張賓]
- C語言程序設(shè)計(jì)(第二版) [主編 甄增榮 田云霞]
- Unity3D虛擬現(xiàn)實(shí)應(yīng)用開發(fā)實(shí)踐 [主 編 劉龍]
- 智能化技術(shù)基礎(chǔ)(第三版) [鄧文達(dá) 李禮]
- 面向?qū)ο蟪绦蛟O(shè)計(jì) [主編 張勇 張平華 趙小龍]
- 網(wǎng)絡(luò)營銷 [主編 夏薇薇 劉婷 尚潔]
- 電視節(jié)目策劃與制作(微課版) [主 編 黃滴滴]
- 數(shù)據(jù)庫技術(shù)與應(yīng)用實(shí)踐教程(SQL Server 2019) [主 編 嚴(yán)暉 周肆清]
- 大學(xué)應(yīng)用數(shù)學(xué) [主編 郭立娟]
- 工業(yè)機(jī)器人拆裝與調(diào)試 [主編 胡月霞 向艷芳 朱奇]
- 信號(hào)與系統(tǒng)(第二版) [主編 張宇]
- 信息技術(shù)基礎(chǔ) [主編 唐倩 邵銳]
- Python 語言程序設(shè)計(jì)實(shí)踐指導(dǎo) [主編 張雙獅]
- Photoshop 圖形圖像項(xiàng)目化教程 [主編 胡斌斌 黎婭 蘇大椿]
- 基于.NET Core框架的分布式系統(tǒng)架構(gòu)設(shè)計(jì) [湯佳 著]
- 體育舞蹈教程 [主編 劉偉 陳志明 曾明]
- 大學(xué)生創(chuàng)新創(chuàng)業(yè)基礎(chǔ) [主編 姜國權(quán) 姜福佳]
- 信息技術(shù)(微課版) [王云 徐江鴻 李清霞 羅學(xué)鋒 ]
- 管理基礎(chǔ)與實(shí)務(wù) [主編 王鳳基 顏漢軍]
- 高等數(shù)學(xué)導(dǎo)學(xué)篇(上冊) [主編 李文婧 胡雷 尹金生]
課程設(shè)計(jì)說明
關(guān)于引用作品版權(quán)說明
第1章 走進(jìn)HTML 1
1 HTML基礎(chǔ) 2
1.1 HTML簡介 2
1.2 HTML開發(fā)工具 3
1.3 HTML基本結(jié)構(gòu) 4
1.4 HTML基本標(biāo)簽 6
1.5 HTML圖像標(biāo)簽 10
1.5.1 常見的圖像格式 10
1.5.2 圖像標(biāo)簽的基本語法 11
1.6 HTML超鏈接標(biāo)簽 11
1.6.1 超鏈接的基本用法 11
1.6.2 超鏈接的應(yīng)用場合 13
1.7 注釋和特殊符號(hào) 17
2 揭開CSS的神秘面紗 18
2.1 什么是CSS 19
2.2 CSS基本語法 20
2.3 CSS選擇器 21
2.4 網(wǎng)頁中引用CSS樣式 26
本章總結(jié) 29
本章作業(yè) 29
第2章 網(wǎng)頁穿上美麗外衣 31
1 使用CSS美化文本 32
1.1 字體樣式 32
1.1.1 標(biāo)簽 32
1.1.2 字體類型 34
1.1.3 字體大小 34
1.1.4 字體風(fēng)格 36
1.1.5 字體粗細(xì) 36
1.1.6 字體屬性 37
1.2 文本樣式 38
1.2.1 文本顏色 38
1.2.2 水平對齊方式 39
1.2.3 首行文本的縮進(jìn)和行高 39
1.2.4 文本裝飾 40
1.3 CSS設(shè)置超鏈接樣式 42
1.3.1 超鏈接偽類 42
1.3.2 CSS設(shè)置鼠標(biāo)形狀 44
2 背景樣式 45
2.1 認(rèn)識(shí)
2.2 背景屬性 46
2.2.1 背景顏色 46
2.2.2 背景圖像 48
2.2.3 背景屬性簡寫 50
3 列表樣式 51
3.1 認(rèn)識(shí)列表 51
3.2 列表的使用 52
3.2.1 無序列表 52
3.2.2 有序列表 54
3.2.3 定義列表 56
3.3 列表的樣式 58
3.3.1 list-style-type 58
3.3.2 list-style-image 59
3.3.3 list-style-position 59
3.3.4 list-style 59
本章總結(jié) 61
本章作業(yè) 61
第3章 使用CSS美化表單 63
1 表格 64
1.1 表格基本結(jié)構(gòu) 64
1.2 表格基本語法 65
1.3 表格的跨行跨列 66
1.3.1 表格的跨列 66
1.3.2 表格的跨行 67
1.3.3 表格的跨行跨列 68
2 表單 70
2.1 表單基本結(jié)構(gòu) 71
2.2 表單元素 72
2.2.1 文本框 73
2.2.2 密碼框 74
2.2.3 單選按鈕 75
2.2.4 復(fù)選框 75
2.2.5 列表框 76
2.2.6 按鈕 78
2.2.7 多行文本域 79
2.2.8 文件域 80
2.3 表單的高級(jí)應(yīng)用 82
2.3.1 設(shè)置表單的隱藏域 82
2.3.2 表單的只讀與禁用設(shè)置 83
2.4 表單語義化 84
2.4.1 關(guān)于語義化 84
2.4.2 語義化的表單 85
2.4.3 表單元素的標(biāo)注 86
3 CSS高級(jí)選擇器 87
3.1 CSS復(fù)合選擇器 87
3.1.1 后代選擇器 88
3.1.2 交集選擇器 89
3.1.3 并集選擇器 90
3.2 CSS繼承特性 91
3.2.1 繼承關(guān)系 91
3.2.2 繼承的應(yīng)用 93
本章總結(jié) 95
本章作業(yè) 95
第4章 盒子模型 97
1 盒子模型 98
1.1 什么是盒子模型 98
1.2 邊框 100
1.2.1 border-color 100
1.2.2 border-width 101
1.2.3 border-style 102
1.2.4 border簡寫屬性 102
1.3 外邊距 105
1.4 內(nèi)邊距 107
1.5 盒子模型的尺寸 108
2 標(biāo)準(zhǔn)文檔流 110
2.1 標(biāo)準(zhǔn)文檔流的組成 110
2.1.1 塊級(jí)元素 110
2.1.2 內(nèi)聯(lián)元素 111
2.2 display屬性 111
本章總結(jié) 115
本章作業(yè) 115
第5章 浮動(dòng) 117
1 網(wǎng)頁布局 118
2 浮動(dòng) 119
2.1 網(wǎng)頁中浮動(dòng)的應(yīng)用 120
2.2 float屬性 121
3 清除浮動(dòng) 126
3.1 清除浮動(dòng)影響 127
3.1.1 清除左側(cè)浮動(dòng) 127
3.1.2 清除右側(cè)浮動(dòng) 128
3.1.3 清除兩側(cè)浮動(dòng) 129
3.2 擴(kuò)展盒子高度 129
4 溢出處理 131
4.1 overflow屬性 131
4.2 overflow屬性的妙用 133
本章總結(jié) 135
本章作業(yè) 135
第6章 定位 138
1 定位在網(wǎng)頁中的應(yīng)用 139
2 position屬性 140
2.1 static 140
2.2 relative 142
2.3 absolute 145
3 z-index屬性的應(yīng)用 152
本章總結(jié) 156
本章作業(yè) 156
第7章 項(xiàng)目案例:制作1號(hào)店首頁 159
1 項(xiàng)目說明 160
1.1 需求概述 160
1.2 技能要點(diǎn) 161
2 前置技能分析 161
2.1 網(wǎng)站開發(fā)流程 161
2.2 網(wǎng)站的文件結(jié)構(gòu) 161
2.3 網(wǎng)頁布局分析 162
3 項(xiàng)目實(shí)現(xiàn) 162
3.1 網(wǎng)頁整體布局 162
3.2 制作網(wǎng)站導(dǎo)航 164
3.3 制作焦點(diǎn)輪播圖效果 165
3.4 制作焦點(diǎn)圖右側(cè)內(nèi)容 166
3.5 制作食品飲料模塊 167
3.6 制作個(gè)護(hù)廚衛(wèi)模塊 168
3.7 制作網(wǎng)站版權(quán) 168