內容大鋼
本書面向中、高職初學者，以精心設計的實用案例和通俗易懂的語言詳細介紹了使用HTML5與CSS3進行網頁設計與製作的各方面內容和技巧，以項目為依托，用任務進行驅動，將基礎知識巧妙地融入案例中，著力體現了教、學、做一體化和職業教育的特色。編寫過程運用了模塊化思路，以學生小斌從「菜鳥」開始學習網頁設計到能夠獨立完成個人網站建設為引導線，將教學內容分為HTML5、CSS3、HTML5和CSS3高級應用三個教學模塊。同時，從學生認知規律的角度，將教學內容分為11個教學任務，每一個任務都包括學習目標、任務描述、知識準備、任務實施、知識拓展、知識鞏固六個環節。希望學生能夠綜合運用所學到的網頁設計與製作的知識和技巧，在鞏固基本知識點和技能點的基礎上，實戰能力得到進一步提升。
目錄
任務一 網頁和網站的認識
學習目標
任務描述 學習網頁相關知識
知識準備
一、網頁和網站簡介
二、網站製作流程
任務實現
一、網站的配色方案
二、網站首頁的頁面布局
知識拓展 網頁製作工具使用技巧
一、Dreamweaver CC使用技巧
二、HBuilder的使用技巧
任務二 製作簡單的網頁
學習目標
任務描述 人物簡介網頁製作
知識準備
一、認識HTML5
二、文本控制標籤
三、圖像標籤
四、結構性標籤
五、分組標籤
六、頁面交互性標籤
七、行內語義性標籤
任務實現 人物簡介網頁結構製作
一、任務解析
二、具體實現
知識拓展
一、標籤
二、標籤
三、標籤
知識鞏固
任務三 運用CSS3美化網頁
學習目標
任務描述 人物簡介網頁樣式設置
知識準備
一、認識CSS3
二、CSS3核心基礎
三、CSS3文本樣式
四、CSS3高級屬性
任務實現 美化人物簡介網頁
一、解析任務
二、任務實施
知識拓展
一、屬性選擇器
二、關係選擇器
三、偽類選擇器
知識鞏固
任務四 運用盒子模型劃分網頁模塊
學習目標
任務描述 科技引領未來網頁布局的製作
知識準備
一、盒模型
二、盒子模型相關屬性
三、元素概念及類型
四、塊元素垂直外邊距的合併
任務實現 科技引領未來網頁的布局
一、任務解析
二、具體實現
知識拓展
一、圖片邊框
二、陰影效果box-shadow
三、box-sizing屬性
知識鞏固
任務五 為網頁添加列表和超鏈接
學習目標
任務描述 製作學生工作部水平導航條
知識準備
一、列表標籤
二、CSS控制列表樣式
三、超鏈接標籤
四、CSS偽類定義超鏈接狀態
任務實現 製作學生工作部導航條
一、任務解析
二、任務實施
知識拓展
一、製作垂直導航條
二、導航欄內的下拉菜單
知識鞏固
任務六 為網頁添加表格
學習目標
任務描述 製作革命景區旅遊一覽表
知識準備
一、表格標籤
二、CSS3控製表格樣式
任務實現 革命景區旅遊統計表
一、解析任務
二、簡單表格製作
三、使用CSS3樣式美化表格
知識拓展
一、表格的分組標籤
二、表格內嵌入標籤
知識鞏固
任務七 設計表單
學習目標
任務描述 註冊表單的製作
知識準備
一、認識表單
二、表單控制項
三、CSS3控製表單樣式
任務實現 製作註冊表單
一、解析任務
二、設計表單樣式
三、製作簡單表單
四、美化製作的表單
知識拓展
知識鞏固
任務八 運用浮動和定位布局網頁
學習目標
任務描述 時代印記主頁製作
知識準備
一、布局的概述
二、布局常用屬性
三、布局其他屬性
四、布局和導航
五、網頁模塊命名規範
任務實現 製作美麗中國主頁
一、任務分析
二、任務實施
知識拓展
一、box-sizing 屬性
二、flexbox屬性
知識鞏固
任務九 全新的頁面試聽技術
學習目標
任務描述 在網頁中插入音視頻
知識準備
一、多媒體對象基礎知識
二、插入多媒體對象
三、CSS控制視頻尺寸
知識拓展
知識鞏固
任務十 運用特殊效果
學習目標
任務描述 在展示個人攝影作品中使用特殊效果
知識準備
一、轉換
二、過渡
任務實現 在展示的攝影作品中使用特殊效果
一、頁面結構分析
二、具體代碼實現
三、運行后網頁的布局效果
知識拓展
任務十一 綜合項目實戰
任務描述 「光影之旅，逐夢行」網站製作
任�
[