Web前端開發基礎入門
張穎
相關主題
商品描述
教材以簡潔的語言講述了搭建前端頁面必備的HTML與CSS知識，並針對每個章節的知識點編排了常見應用案例，然後對頁面構建的實用技能進行了總結，最後進行實踐項目的講解，實現學習者技能的逐步提升。 以“夠用”為原則選取知識點，精選必要的知識點講解，與“實用”案例相結合，上手快，同時對較大或復雜的案例層層剖析，學會每一個步驟環節，註重學生頁面搭建思維模式的培養，實現舉一反三。 讀者對象為面向高職、本科院校及培訓機構的學生或對熱愛前端開發的自學者。
作者簡介
張穎，前端開發類課程教學與項目開發經驗豐富，主講課程有《Web前端開發》、《HTML與CSS》、《HTML5與CSS3》、《JavaScript程序設計》、《前端框架應用》、《移動互聯網應用開發》等。
目錄大綱
目錄
第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.2zindex盒子的圖層順序
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製作底部
