Web前端開發基礎入門

《 Web前端開發基礎入門》是清華大學出版社出版的圖書，作者是張穎。

基本介紹

• 中文名：Web前端開發基礎入門 
• 作者：張穎
• 出版社：清華大學出版社
• ISBN：9787302576266 
• 作者：張穎

內容簡介

教材以簡潔的語言講述了搭建前端頁面必備的HTML與CSS知識，並針對每個章節的廈駝雄知識點編排了常見套用案例，然後對頁面構建的實用技能進行了總結，最後進行實踐項目的講解，實現學習者技能的逐步提升。以“夠用”為原則選取知識點，精選必要的知識點講解，與“實用”案例相結合，上手快，同時對較大或複雜的案例層層剖析，學會每一個步驟環節，注重學生頁面搭建思維模式的培養，實現舉一反三。讀者對象為面向高職、本科院校及培訓機構的學生或對熱愛前端開發的自學者。

目錄

第1章網背宙頁製作相關概念

1.1網頁的基本概念

1.1.1網頁中的多媒肯宙套體元素

1.1.2網頁常用術語

1.1.3前端三層架構

1.2語言的編輯環境

1.2.1專業的編輯器

1.2.2使用記事本創建第一個網頁

1.2.3推薦使用Sublime Text

1.3瀏覽器介紹

1.3.1常見瀏覽器

1.3.2查看網頁原始碼

第2章HTML入門

2.1HTML

2.1.1HTML的歷史版本

2.1.2語法格式

2.2HTML文本格式標記

2.2.1標題標記h1~h6

2.2.2段落標記p

2.2.3換行標記br/

2.2.4水平線標記hr/

2.2.5font

2.2.6文本修飾標記

2.2.7特殊字元

2.3套用案例

2.4常用長度單位

2.5顏色表示

2.5.1顏色的英文單詞

2.5.2rgb值

2.5.3#RRGGBB或#RGB

第3章圖像、路徑及超連結

3.1網頁中常用的圖像格棕夜擔式及特性

3.2圖像標記

3.2.1圖像標記的用法

3.2.2圖像標記的屬性

3.3路徑

3.3.1相對路徑

3.3.2絕對路徑

3.4套用案例

3.4.1效果圖分析

3.4.2頁面結構

3.4.3美化

3.5超連結標記

3.6套用案例

3.7其他形式的連結

3.7.1錨連結

3.7.2電子郵件連結

3.7.3檔案下載院付趨仔

3.7.4FTP伺服器連結

第4章CSS

4.1CSS概述

4.2CSS語法結構

4.2.1語法格式

4.2.2注釋

4.3CSS的使用

4.3.1行內樣式

4.3.2內嵌樣式表

4.3.3鏈入外部樣式幾疊榜局表

4.3.4導入樣式表

4.4CSS選擇器

4.4.1基礎選擇器

4.4.2複合選擇器

4.5CSS的特性

4.5.1繼承性

4.5.2層疊性

4.5.3優先權

4.6套用案例

第5章CSS文本常用屬性

5.1文本屬性

5.1.1文本顏色

5.1.2文本字型

5.1.3文本字號

5.1.4字型風格

5.1.5小型大寫字母

5.1.6文本粗細

5.1.7行高

5.1.8font綜合設定屬性

5.1.9文本對齊

5.1.10文本裝飾

5.1.11文本縮進

5.1.12字間隔

5.1.13字母間隔

5.1.14處理空白符

5.2套用案例

5.3超連結及CSS偽類選擇器

5.3.1錨偽類——超連結的4個狀態

5.3.2其他偽類

第6章盒子模型

6.1概念

6.1.1塊元素

6.1.2行內元素

6.2認識盒模型

6.3盒子的基本CSS屬性

6.3.1外邊距

6.3.2內邊距

6.3.3框線

6.4盒子模型的其他常用屬性

6.4.1width和height屬性

6.4.2display屬性

6.4.3background屬性

6.5套用案例

第7章表格

7.1表格的用途

7.2表格的基本結構

7.2.1表格的基本概念

7.2.2表格的基本標記

7.3表格結構的其他標記

7.3.1th標題單元格

7.3.2table標記中的thead、tbody和tfoot

7.3.3caption表格標題

7.4表格常用屬性

7.4.1跨行跨列表格

7.4.2框線、單元格填充、單元格間距

7.4.3表格的修飾屬性

7.5CSS表格屬性

7.5.1表格框線

7.5.2框線合併

7.5.3寬度和高度

7.5.4水平對齊方式和垂直對齊方式

7.5.5其他屬性

7.6套用案例

7.6.1個人簡歷

7.6.2個人信息表

7.6.3數據統計表

第8章布局與定位

8.1HTML文檔流

8.2浮動

8.3清除浮動

8.4溢出

8.5浮動元素對父元素高度產生影響

8.6定位

8.6.1盒子的定位

8.6.2zindex盒子的圖層順序

8.7外邊距塌陷問題

8.7.1相鄰兄弟關係的外邊距塌陷問題

8.7.2父子關係的外邊距塌陷問題

8.8套用案例

8.8.1輪播效果

8.8.2民宿推薦

第9章列表項

9.1有序列表

9.2無序列表

9.3自定義列表

9.4列表項的標記屬性

9.4.1type屬性

9.4.2start屬性

9.4.3value屬性

9.5列表項的CSS屬性

9.5.1列表類型

9.5.2列表項圖像

9.5.3列表項目符號位去元戀置

9.5.4簡寫屬性

9.6套用案例

9.6.1新聞列表

9.6.2垂直導航

9.6.3橫嚮導航+圖+標題

9.6.4二級下拉選單

第10章表單

10.1表單的定義

10.2form表單

10.3表單控制項

10.3.1input

10.3.2select下拉列表

10.3.3多行文本框

10.4套用案例

10.4.1用戶註冊

10.4.2電子商務搜尋欄

10.4.3登錄頁面

第11章實用技巧

11.1CSS Reset

11.2常見網頁布局

11.2.1固定寬度布局

11.2.2自適應寬度布局

11.3CSS精靈圖

11.4滑動門技術

11.5margin負值

11.5.1margin負數值理論

11.5.2margin為負數值的常見布局套用

第12章項目案例

12.1企業網站首頁面

12.1.1切圖

12.1.2檔案規劃

12.1.3製作頂部

12.1.4製作輪播圖

12.1.5製作業務快速導航

12.1.6製作主要內容區域

12.1.7製作案例展示

12.1.8製作網頁底部的版權資訊

12.2電子商務網站首頁面

12.2.1整體結構分析

12.2.2站點規劃

12.2.3製作頭部

12.2.4製作左側邊欄導航

12.2.5製作廣告圖

12.2.6製作火熱進行區域

12.2.7製作品牌牆

12.2.8製作底部

4.3.1行內樣式

4.3.2內嵌樣式表

4.3.3鏈入外部樣式表

4.3.4導入樣式表

4.4CSS選擇器

4.4.1基礎選擇器

4.4.2複合選擇器

4.5CSS的特性

4.5.1繼承性

4.5.2層疊性

4.5.3優先權

4.6套用案例

第5章CSS文本常用屬性

5.1文本屬性

5.1.1文本顏色

5.1.2文本字型

5.1.3文本字號

5.1.4字型風格

5.1.5小型大寫字母

5.1.6文本粗細

5.1.7行高

5.1.8font綜合設定屬性

5.1.9文本對齊

5.1.10文本裝飾

5.1.11文本縮進

5.1.12字間隔

5.1.13字母間隔

5.1.14處理空白符

5.2套用案例

5.3超連結及CSS偽類選擇器

5.3.1錨偽類——超連結的4個狀態

5.3.2其他偽類

第6章盒子模型

6.1概念

6.1.1塊元素

6.1.2行內元素

6.2認識盒模型

6.3盒子的基本CSS屬性

6.3.1外邊距

6.3.2內邊距

6.3.3框線

6.4盒子模型的其他常用屬性

6.4.1width和height屬性

6.4.2display屬性

6.4.3background屬性

6.5套用案例

第7章表格

7.1表格的用途

7.2表格的基本結構

7.2.1表格的基本概念

7.2.2表格的基本標記

7.3表格結構的其他標記

7.3.1th標題單元格

7.3.2table標記中的thead、tbody和tfoot

7.3.3caption表格標題

7.4表格常用屬性

7.4.1跨行跨列表格

7.4.2框線、單元格填充、單元格間距

7.4.3表格的修飾屬性

7.5CSS表格屬性

7.5.1表格框線

7.5.2框線合併

7.5.3寬度和高度

7.5.4水平對齊方式和垂直對齊方式

7.5.5其他屬性

7.6套用案例

7.6.1個人簡歷

7.6.2個人信息表

7.6.3數據統計表

第8章布局與定位

8.1HTML文檔流

8.2浮動

8.3清除浮動

8.4溢出

8.5浮動元素對父元素高度產生影響

8.6定位

8.6.1盒子的定位

8.6.2zindex盒子的圖層順序

8.7外邊距塌陷問題

8.7.1相鄰兄弟關係的外邊距塌陷問題

8.7.2父子關係的外邊距塌陷問題

8.8套用案例

8.8.1輪播效果

8.8.2民宿推薦

第9章列表項

9.1有序列表

9.2無序列表

9.3自定義列表

9.4列表項的標記屬性

9.4.1type屬性

9.4.2start屬性

9.4.3value屬性

9.5列表項的CSS屬性

9.5.1列表類型

9.5.2列表項圖像

9.5.3列表項目符號位置

9.5.4簡寫屬性

9.6套用案例

9.6.1新聞列表

9.6.2垂直導航

9.6.3橫嚮導航+圖+標題

9.6.4二級下拉選單

第10章表單

10.1表單的定義

10.2form表單

10.3表單控制項

10.3.1input

10.3.2select下拉列表

10.3.3多行文本框

10.4套用案例

10.4.1用戶註冊

10.4.2電子商務搜尋欄

10.4.3登錄頁面

第11章實用技巧

11.1CSS Reset

11.2常見網頁布局

11.2.1固定寬度布局

11.2.2自適應寬度布局

11.3CSS精靈圖

11.4滑動門技術

11.5margin負值

11.5.1margin負數值理論

11.5.2margin為負數值的常見布局套用

第12章項目案例

12.1企業網站首頁面

12.1.1切圖

12.1.2檔案規劃

12.1.3製作頂部

12.1.4製作輪播圖

12.1.5製作業務快速導航

12.1.6製作主要內容區域

12.1.7製作案例展示

12.1.8製作網頁底部的版權資訊

12.2電子商務網站首頁面

12.2.1整體結構分析

12.2.2站點規劃

12.2.3製作頭部

12.2.4製作左側邊欄導航

12.2.5製作廣告圖

12.2.6製作火熱進行區域

12.2.7製作品牌牆

12.2.8製作底部