Web前端開發項目案例教程——HTML5+CSS3+Bootstrap

Web前端開發項目案例教程——HTML5+CSS3+Bootstrap

《Web前端開發項目案例教程——HTML5+CSS3+Bootstrap》是2020年北京理工大學出版社出版的圖書。

基本介紹

  • 書名:Web前端開發項目案例教程——HTML5+CSS3+Bootstrap
  • 作者:編者:代飛//艾迪|責編:王玲玲
  • 出版社:北京理工大學出版社
  • 出版時間:2020年
  • 頁數:352 頁
  • 開本:16 開
  • 裝幀:平裝
  • ISBN:9787568288521
內容簡介,圖書目錄,

內容簡介

  《Web前端開發項目案例教程:HTML5+CSS3+Bootstrap》以《Web前端開發職業技能等級標準》為編寫依據,系統地介紹了前端網頁技術開發的相關知識,並在實際套用中通過具體案例使讀者鞏固所學技能,更好地進行開發實戰。《Web前端開發項目案例教程:HTML5+CSS3+Bootstrap》內容劃分為10個項目,依據實際網站設計與製作的職業崗位工作過程進行教學設計,循序漸進、由淺入深,讓學生在完成任務的過程中學會網站設計與製作的知識與技能,較好地體現了“項目任務驅動教學”的理念。
  《Web前端開發項目案例教程:HTML5+CSS3+Bootstrap》可以用於“1+X”證書制度試點工作中的Web前端開發職業技能等級證書教學和培訓,也可以作為相關專業課程的參考用書,同時,還可以用作從事Web前端開發職業的社會在職人員的自學參考用書。

圖書目錄

技能知識篇
項目一 初識HTML5
任務1.1 Web時代的遷移
任務1.2 HTML基礎標記與屬性
任務1.2.1 HTML簡單頁面創建
任務1.2.2 HTML標記設定超連結
任務1.2.3 HTML標記設定圖像和動畫
任務1.2.4 HTML標記設定表格
任務1.2.5 HTML其他常用標記
任務1.3 HTML5新特性
任務1.3.1 HTML5瀏覽器支持
任務1.3.2 HTML5文檔基本格式
任務1.3.3 HTML5基本語法
任務1.3.4 創建一個簡單的HTML5頁面
項目小結
項目實訓
項目拓展
項目二 網站搭建與管理
任務2.1 站點規劃
任務2.2 新建Web項目站點
任務2.2.1 開發工具——HBuilder X的安裝
任務2.2.2 創建Web項目站點
任務2.2.3 調試工具——Chrome開發者工具
任務2.3 導入項目站點
任務2.4 網頁設計開發環境
任務2.4.1 網頁開發工具
任務2.4.2 圖形圖像處理工具
任務2.5 運用HBuilder X創建簡單Web網站
項目小結
項目實訓
項目三 構建HTML5網頁檔案
任務3.1 HTML5新增元素與屬性
任務3.1.1 結構元素
任務3.1.2 列表元素
任務3.1.3 分組元素
任務3.1.4 互動元素
任務3.1.5 語義元素
任務3.1.6 全局屬性
任務3.1.7 階段案例
任務3.2 HTML5多媒體技術
任務3.2.1 音頻技術
任務3.2.2 視頻技術
項目小結
項目實訓
項目四 CSS3新樣式修飾網頁
任務4.1 初識CSS3
任務4.2 CSS基礎知識
任務4.2.1 CSS樣式介紹
任務4.2.2 css基礎選擇器
任務4.2.3 CSS修飾顏色與背景
任務4.2.4 CSS修飾字型
任務4.2.5 CSS修飾文本屬性
任務4.2.6 CSS修飾超連結
任務4.2.7 CSS修飾列表
任務4.2.8 cSS修飾表格
任務4.2.9 階段案例
任務4.3 CSs3新增選擇器
任務4.3.1 屬性選擇器
任務4.3.2 關係選擇器
任務4.3.3 階段案例
任務4.4 CSS3新增特性
任務4.4.1 實現圓角效果
任務4.4.2 文本效果
任務4.4.3 多列
任務4.4.4 定義字型
任務4.4.5 透明度
任務4.4.6 階段案例
任務4.5 CSS3的過渡、變形與動畫
任務4.5.1 CSS3的過渡
任務4.5.2 CSS3的變形
任務4.5.3 CSS3的動畫
任務4.5.4 階段案例
項目小結
項目實訓
項目五 盒子模型
任務5.1 認識盒子模型
任務5.1.1 盒子模型的構成
任務5.1.2 邊距屬性
任務5.1.3 box-shadow屬性
任務5.1.4 box-sizing屬性
任務5.1.5 階段案例
任務5.2 盒子框線屬性
任務5.2.1 框線樣式
任務5.2.2 框線寬度
任務5.2.3 框線顏色
任務5.2.4 綜合設定框線
任務5.2.5 圓角框線
任務5.2.6 階段案例
任務5.3 盒子背景屬性
任務5.3.1 設定背景顏色
任務.5.3.2 設定背景圖像
任務.5.3.3 背景與圖片不透明度的設定
任務5.3.4 設定背景圖像平鋪
任務5.3.5 設定背景圖像的位置
任務5.3.6 設定背景圖像固定
任務5.3.7 設定背景圖像的大小
任務5.3.8 階段案例
任務5.4 盒子漸變屬性
任務5.4.1 線性漸變
任務5.4.2 徑向漸變
任務5.4.3 重複漸變
任務5.4.4 階段案例
項目小結
項目實訓
項目六 元素的浮動與定位
任務6.1 浮動
任務6.1.1 浮動的屬性
任務6.1.2 浮動的清除
任務6.1.3 overflow屬性
任務6.2 定位布局
任務6.2.1 定位布局的屬性
任務6.2.2 層疊等級屬性
任務6.3 類型轉換
任務6.3.1 類型分類
任務6.3.2 標記
任務6.3.3 元素之間轉換
任務6.4 階段案例
項目小結
項目實訓
項目七 網頁布局技術
任務7.1 框架布局
任務7.2 階段案例
任務7.3 CSS3+DlV技術布局
任務7.3.1 單列布局
任務7.3.2 多列布局
任務7.4 階段案例
項目小結
項目實訓
項目八 網頁表單的套用
任務8.1 表單
任務8.1.1 表單屬性
任務8.1.2 標記
任務8.1.3 標記的屬性
任務8.1.4 其他表單元素
任務8.2 階段案例
項目小結
項目實訓
項目九 跨平台回響式技術
任務9.1 回響式媒體查詢
任務9.1.1 媒體類型查詢
任務9.1.2 媒體特性查詢
任務9.2 Bootstrap框架
任務9.2.1 Bootstrap框架簡介
任務9.2.2 Bootstrap柵格系統
任務9.2.3 使用柵格系統進行回響式布局
任務9.2.4 Bootstrap字型圖示
任務9.2.5 Bootstrap回響式表格
任務9.2.6 Bootstrap回響式導航條
任務9.3 階段案例
項目小結
項目實訓
綜合項目實戰篇
項目十 HTML5+CSS3+Bootstrap綜合項目實戰
任務10.1 網站建設規劃
任務10.2 頁面效果分析
任務10.3 製作前期準備
項目小結
參考文獻

熱門詞條

聯絡我們