Web前端開發——網頁設計

《Web前端開發——網頁設計》是2023年電子工業出版社出版的圖書,作者是權小紅、劉斌。

基本介紹

  • 書名:Web前端開發——網頁設計
  • 作者:權小紅、劉斌
  • 出版社:電子工業出版社
  • 出版時間:2023年2月
  • 頁數:208 頁
  • 定價:42.00 元
  • 開本:16 開
  • ISBN:9787121448867
內容簡介,圖書目錄,

內容簡介

本書是Web前端網頁設計的基礎性教材,為深入實施“科教興國戰略”,服務“強化現代化建設人才支撐”,加快建設“網路強國,數字中國”,本書緊貼網際網路行業發展對Web前端開發的崗位要求,按照“1+X”證書《Web前端開發職業技能等級標準》的要求,從初學者角度出發,講解Web前端網頁設計相關基礎知識。本書按照認知遞進的過程組織為6個單元,單元1對Web前端開發做了總體概述,單元2介紹使用HTML搭建網頁基本結構,單元3介紹使用CSS對網頁進行基本布局和美化。在對網頁的基本“結構”和“表現”有了完整介紹後,單元4和單元5分別介紹HTML5及CSS3中的新增特性,並以更簡潔高效的代碼,進一步最佳化網頁結構、美化網頁表現。最後,單元6在前面單元打下的基礎之上,以綜合項目實戰的形式對回響式頁面設計“神器”—Bootstrap進行了介紹,以作為全書的可選擴展模組。本書適合作為高職高專院校、套用型本科院校網頁設計課程的教材,也可以作為Web 前端“課賽證”融通的培訓教材,並適合廣大計算機愛好者自學使用。

圖書目錄

單元1 Web前端開發概述
1.1 Web概述
1.1.1 Web系統原理
1.1.2 前端與後端
1.1.3 網站與網頁
1.1.4 主流瀏覽器介紹
1.2 前端常用技術
1.2.1 前端常用技術概述
1.2.2 前端技術的發展前景
1.3 HBuilderX開發工具
1.3.1 常用前端開發工具
1.3.2 HBuilderX的下載及使用
1.3.3 HBuilderX常用快捷鍵
單元2 HTML基礎
2.1 HTML概述
2.1.1 什麼是HTML
2.1.2 HTML文檔的基本結構
2.1.3 HTML標籤與元素
2.1.4 HTML屬性
2.2 文本類標籤
2.2.1 標題標籤
2.2.2 段落標籤
2.2.3 換行標籤與水平線標籤
2.2.4 文本格式化標籤
2.2.5 轉義字元
2.3 圖片及路徑
2.3.1 <img>標籤
2.3.2 相對路徑與絕對路徑
2.4 超連結
2.4.1 <a> 標__________簽
2.4.2 錨點超連結
2.4.3 圖片超連結
2.5 列表
2.5.1 有序列表
2.5.2 無序列表
2.5.3 定義列表
2.6 表格
2.6.1 表格的基本結構
2.6.2 單元格的合併
2.7 表單
2.7.1 <form>標籤
2.7.2 表單控制項
2.8 容器與框架
2.8.1 <div>標籤
2.8.2 <span>標籤
2.8.3 <iframe>標籤
單元3 CSS基礎
3.1 CSS概述
3.1.1 什麼是CSS
3.1.2 CSS的基本語法
3.1.3 網頁引入CSS 的方法
3.2 CSS 選擇器
3.2.1 基本選擇器
3.2.2 組合選擇器
3.2.3 屬性選擇器
3.2.4 偽選擇器
3.3 CSS文本樣式
3.3.1 設定字型樣式
3.3.2 設定文本縮進與對齊
3.3.3 設定行高與間距
3.3.4 設定文本修飾
3.4 CSS 背景和框線樣式
3.4.1 設定背景顏色
3.4.2 設定背景圖片
3.4.3 設定框線樣式
3.5 CSS盒子模型
3.5.1 盒子模型
3.5.2 設定顯示模式
3.5.3 設定內邊距與外邊距
3.5.4 外邊距合併
3.6 CSS設定超連結和列表樣式
3.6.1 超連結偽類
3.6.2 設定超連結樣式
3.6.3 設定滑鼠樣式
3.6.4 設定列表樣式
3.7 CSS設定表格和表單樣式
3.7.1 設定表格樣式
3.7.2 設定表單樣式
3.8 CSS浮動布局
3.8.1 標準文檔流
3.8.2 設定浮動
3.8.3 清除浮動
3.9 CSS定位布局
3.9.1 position屬性
3.9.2 定位偏移
3.9.3 z-index屬性
3.10 CSS的繼承性與優先權
3.10.1 CSS樣式的層疊性
3.10.2 CSS樣式的繼承性
3.10.3 CSS樣式的優先權
單元4 HTML5新特性
4.1 HTML5概述
4.1.1 HTML5的優勢
4.1.2 HTML5的文檔聲明
4.1.3 HTML5的語法變化
4.2 HTML5新增元素及通用屬性
4.2.1 HTML5新增結構語義元素
4.2.2 HTML5新增其他語義元素
4.2.3 HTML5新增多媒體元素
4.2.4 HTML5新增通用屬性
4.3 HTML5智慧型表單
4.3.1 input元素新增type 類型
4.3.2 表單新增屬性
單元5 CSS3新特性
5.1 CSS3概述
5.1.1 CSS3的發展史
5.1.2 CSS3的模組化
5.1.3 CSS3的瀏覽器兼容性
5.1.4 CSS3支持的顏色表示
5.1.5 CSS3支持的長度單位
5.2 CSS3新增選擇器
5.2.1 新增屬性選擇器
5.2.2 結構偽類選擇器
5.2.3 UI偽類選擇器
5.3 CSS3文本新特性
5.3.1 CSS3新增文本相關屬性
5.3.2 CSS3設定多列文本及自定義字型
5.4 CSS3背景和框線新特性
5.4.1 CSS3新增背景相關屬性
5.4.2 CSS3設定漸變背景色
5.4.3 CSS3新增框線相關屬性
5.5 CSS3盒子模型新特性
5.5.1 盒子模型box-sizing屬性
5.5.2 CSS3設定彈性盒子
5.6 CSS3動效新特性
5.6.1 CSS3過渡
5.6.2 CSS3變形
5.6.3 CSS3動畫
單元6 Bootstrap綜合項目實戰
6.1 項目描述
6.2 預備知識
6.2.1 Bootstrap概述
6.2.2 Bootstrap布局容器
6.2.3 Bootstrap格線系統
6.2.4 Bootstrap導航欄
6.2.5 Bootstrap表單
6.2.6 Bootstrap按鈕
6.2.7 Bootstrap輪播外掛程式
6.3 項目分析
6.4 代碼實現
6.4.1 區域代碼實現
6.4.2 完整代碼實現 194

相關詞條

熱門詞條

聯絡我們