圖書信息

當(dāng)前位置 : 萬水書苑>圖書展示>科技類圖書>計(jì)算機(jī)>開發(fā)技術(shù)>

網(wǎng)頁制作實(shí)戰(zhàn)

中國(guó)水利水電出版社

【作者】主編肖睿羅保山

【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ǎn)介

本書特色

前言

章節(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ù)支持請(qǐng)?jiān)L問課工場(chǎng)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)視頻講解和案例操作；課工場(chǎng)開辟教材配套版塊，提供素材下載、學(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è)對(duì)前端設(shè)計(jì)開發(fā)人才的需求也日益增長(zhǎng)。與傳統(tǒng)網(wǎng)頁開發(fā)設(shè)計(jì)人員相比，新“互聯(lián)網(wǎng)+”時(shí)代對(duì)前端開發(fā)工程師提出了更高的要求，傳統(tǒng)網(wǎng)頁開發(fā)設(shè)計(jì)人員已無法勝任。在這樣的大環(huán)境下，這套“前端開發(fā)工程師系列”教材應(yīng)運(yùn)而生，它旨在幫助讀者朋友快速成長(zhǎng)為符合“互聯(lián)網(wǎng)+”時(shí)代企業(yè)需求的優(yōu)秀的前端開發(fā)工程師。

“前端開發(fā)工程師系列”教材是由課工場(chǎng)（kgc.cn）的教研團(tuán)隊(duì)研發(fā)的。課工場(chǎng)是北京大學(xué)下屬企業(yè)北京課工場(chǎng)教育科技有限公司推出的互聯(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é)生以及需要“充電”的在職人員，針對(duì)與互聯(lián)網(wǎng)相關(guān)的產(chǎn)品設(shè)計(jì)、開發(fā)、運(yùn)維、推廣和運(yùn)營(yíng)等崗位，提供在線的直播和錄播課程，并通過遍及全國(guó)的幾十家線下服務(wù)中心提供現(xiàn)場(chǎng)面授以及多種形式的教學(xué)服務(wù)，并同步研發(fā)出版最新的課程教材。參與本書編寫的還有羅保山、王春蘭、楊洋、孫琳、張?jiān)魄嗟仍盒＝處煛?/p>

課工場(chǎng)為培養(yǎng)互聯(lián)網(wǎng)前端設(shè)計(jì)開發(fā)人才，特別推出“前端開發(fā)工程師系列”教育產(chǎn)品，提供各種學(xué)習(xí)資源和支持，包括：

 現(xiàn)場(chǎng)面授課程。

 在線直播課程。

 錄播視頻課程。

 案例素材下載。

 學(xué)習(xí)交流社區(qū)。

 QQ討論組（技術(shù)，就業(yè)，生活）。

以上所有資源請(qǐng)?jiān)L問課工場(chǎng)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)視頻講解和案例操作。

 課工場(chǎng)開辟教材配套版塊，提供素材下載、學(xué)習(xí)社區(qū)等豐富在線學(xué)習(xí)資源。

讀者對(duì)象

（1）初學(xué)者：本套教材將幫助你快速進(jìn)入互聯(lián)網(wǎng)前端開發(fā)行業(yè)，從零開始逐步成長(zhǎng)為專業(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)。

課工場(chǎng)出品（kgc.cn）

前言
課程設(shè)計(jì)說明
關(guān)于引用作品版權(quán)說明

第1章走進(jìn)HTML 1
1 HTML基礎(chǔ) 2
1.1 HTML簡(jiǎn)介 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)用場(chǎ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 水平對(duì)齊方式 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í)

標(biāo)簽 46
2.2 背景屬性 46
2.2.1 背景顏色 46
2.2.2 背景圖像 48
2.2.3 背景屬性簡(jiǎn)寫 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簡(jiǎn)寫屬性 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

經(jīng)典樣章

關(guān)閉

打印