-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
HTML5+CSS3網頁設計任務教程 版權信息
- ISBN:9787302678694
- 條形碼:9787302678694 ; 978-7-302-67869-4
- 裝幀:平裝
- 冊數:暫無
- 重量:暫無
- 所屬分類:>
HTML5+CSS3網頁設計任務教程 本書特色
1. 具有鮮明的職教特色
本書的編寫遵循職教特點,教中學、學中做、做中學,注重實踐性,提供大量的實用案例,幫助學生將理論知識應用到實際項目中。通過實踐,學生可以更好地理解和掌握HTML5網頁設計的原理和技能,培養實際操作能力。
2. 引入思政元素與行業標準
在課程工單任務設計中,深入對接企業需求和行業標準,確保學生能夠充分掌握行業新技術、新標準、新規范和實踐經驗。通過與行業專家、企業技術骨干的緊密合作,使得本書不僅強調職業道德和素養,還融入了豐富的行業案例、行業標準和*佳實踐。這些內容將幫助讀者更好地了解行業需求,為未來的就業或創業做好準備。
3. 新形態設計
本書采用了模塊化設計,每個模塊的內容通過任務及子任務工單進行組織,便于根據技術的迭代和發展,方便及時地更新部分內容,保持書中內容的時效性和準確性。書中通過二維碼嵌入了視頻、高清圖、代碼演示、文檔、思維導圖等多媒體內容,讓讀者可以更直觀地理解和掌握HTML5網頁設計的概念和技術。同時,書中還添加了任務討論、學習筆記、思維導圖等,幫助讀者鞏固知識,提升學習效果。
4. 校企合作,雙元開發
本書立足于培養具備應用、復合與創新能力的IT行業高素質技能型人才,以學生為中心,深化教育與產業的融合。本書由岳陽職業技術學院的專業骨干教師與湖南厚溥數字科技有限公司的行業專家共同策劃與編撰。
HTML5+CSS3網頁設計任務教程 內容簡介
本教材是一本全面介紹H5ML5和CSS3再網頁設計應用中的活頁式教材,不僅詳細介紹了HTML5標簽的使用、CSS樣式的應用、DIV+CSS網頁布局、響應式網頁布局、流式網頁布局等核心內容后以主流網站的內容為主線,通過工單設計,使學生了解企業行業的設計規范和要求,培養良好的Web前端開發職業素養;通過工單任務實現,使讀者快速掌握HTML5和CSS3的實際應用技巧、跨瀏覽器兼容性、網頁設計原則、網站優化等相關拓展主題,以適應不斷發展的網頁設計行業需求。 本教材的特色主要有以下幾點: (1)職教特色:教材編寫遵循職教特點,教中學、學中做、做中學,教材注重實踐性,提供大量的實例和案例,可以幫助學生將理論知識應用到實際項目中。通過實踐,學生可以更好地理解和掌握HTML5網頁設計的技巧和原理,培養實際操作能力。 (2)結合新技術、新標準:本教材關注移動設備網頁優化的技術和策略,教授學生如何使用HTML5和CSS3等技術實現響應式布局、適配不同設備屏幕大小等,使學生能夠設計出適用于各種終端的網頁,提高學生就業的適應性能力。 (3)有機融入思政元素,強調企業要求,行業標準:在課程工單任務設計中明確企業要求、行業標準,在教材內容設計中強調職業道德和素養,與和行業專家、企業一線技術骨干合作編寫,提供*新的行業動態和實踐經驗。本教材可以包含豐富的行業案例、行業標準和*佳實踐等內容,幫助學生了解行業需求和要求,提前適應未來的就業或創業環境。 (4)新型態教材設計:本教材采用了模塊化設計,每個模塊的內容通過任務及子任務工單進行組織。將知識點和技能內容分割成不同的可更換的頁面,便于根據技術的更新和發展,方便及時更新和替換部分內容,保持教材的時效性和準確性。教材中通過二維碼嵌入了視頻、高清圖、代碼演示、文檔、腦圖等多媒體內容,讓學生可以更直觀地理解和掌握HTML5網頁設計的概念和技術。同時,教材還可以添加任務討論、活頁筆記、思維導圖等,幫助學生鞏固知識,提升學習效果。此外,學生可以按照自己的需求和興趣選擇具體的模塊進行學習;教師也可以根據自己的教學計劃和學生的特點,選擇和組合教材中的不同模塊,構建適合自己教學的內容,提升學習效果和教學質量。 本教材可以作為高職院校的軟件技術專業、計算機或相關專業學生學習網頁設計的教材或參考書,也可以作為讀者自學網頁設計知識的教材或參考書。
HTML5+CSS3網頁設計任務教程HTML5+CSS3網頁設計任務教程 前言
黨的二十大報告明確指出,“教育、科技、人才是全面建設社會主義現代化國家的基礎性、戰略性支撐”。在此基礎上,報告對全面建設高質量教育體系、辦好人民滿意的教育進行了全面的戰略部署,并首次強調“加強教材建設和管理”的重要性。這一重要論述為本書的編寫提供了明確的指導方向。本書把“堅持社會主義核心價值觀,以學生為中心”作為指導思想,注重培養學生的實踐能力、創新精神和綜合素質,以滿足新時代對人才培養的需求。同時,幫助學生樹立正確的世界觀、人生觀和價值觀也是我們編寫本書的重要使命。
隨著互聯網行業的迅猛發展,社會對網頁設計人才的需求日益增長。在信息化時代,網絡作為人們獲取信息的重要途徑,其網頁的設計質量對于信息傳遞的效果至關重要。優秀的網頁設計能將信息更加直觀、生動地呈現給用戶,提升用戶體驗。
【本書內容】
HTML5+CSS3網頁設計任務教程 目錄
任務一 設計博客文章內容頁 1
任務需求說明 1
課程工單 2
工單任務分解 3
思政元素 4
1.1 HTML5簡介 4
1.1.1 HTML的基本概念 5
1.1.2 HTML的發展歷史 7
1.1.3 W3C和W3C標準 7
1.1.4 HTML的開發工具 8
1.2 HTML5文檔結構 9
1.2.1 HTML5文檔基本結構 9
1.2.2 HTML5基本語法 10
1.2.3 使用瀏覽器查看HTML5網頁文件 11
1.3 HTML5文本類標簽 11
1.3.1 標題標簽 11
1.3.2 段落標簽 12
1.3.3 換行標簽 13
1.3.4 水平線標簽 14
1.3.5 注釋標簽 15
1.3.6 其他文本類標簽 15
1.3.7 HTML5轉義字符串 16
1.4 HTML5圖片和超鏈接標簽 16
1.4.1 圖片標簽 17
1.4.2 相對路徑和絕對路徑 17
1.4.3 圖片標簽的應用——簡單的圖文混排 18
1.4.4 超鏈接標簽 19
工作訓練 21
拓展訓練 31
功能插頁 33
任務二 設計博客內容列表頁 37
任務需求說明 37
課程工單 38
工單任務分解 39
思政元素 41
2.1 列表標簽 41
2.1.1 無序列表 41
2.1.2 有序列表 42
2.1.3 定義列表 43
2.2 容器標簽 43
2.2.1 div標簽 43
2.2.2 span標簽 45
2.3 HTML5標簽分類 46
2.3.1 塊級標簽 46
2.3.2 行級標簽 46
2.3.3 行內塊標簽 46
2.3.4 塊級元素與行內元素的嵌套關系 47
2.3.5 塊級標簽和行內元素的轉換 48
2.4 表格標簽 48
2.4.1 表格 48
2.4.2 表格的嵌套應用 56
工作訓練 57
拓展訓練 62
功能插頁 63
任務三 設計博客登錄和注冊頁面 67
任務需求說明 67
課程工單 68
工單任務分解 69
思政元素 70
3.1 表單及表單元素 70
3.1.1 表單標簽 71
3.1.2 表單元素之input標簽 72
3.1.3 表單元素之select標簽 77
3.1.4 表單元素之textarea標簽 79
3.1.5 表單元素的其他屬性說明 80
3.2 表單驗證 81
3.2.1 類型驗證 81
3.2.2 必填驗證 83
3.2.3 長度或范圍驗證 83
3.2.4 正則表達式驗證 85
3.2.5 自定義驗證 86
工作訓練 86
拓展訓練 89
功能插頁 90
任務四 設計博客內容列表頁 95
任務需求說明 95
課程工單 96
工單任務分解 97
思政元素 98
4.1 CSS簡介 98
4.1.1 CSS基本語法 100
4.1.2 CSS樣式種類 101
4.2 CSS選擇器 103
4.2.1 CSS通配符選擇器 103
4.2.2 CSS基本選擇器 103
4.2.3 CSS關系選擇器 108
4.2.4 CSS偽類選擇器 112
4.3 CSS特性 114
4.3.1 層疊性 114
4.3.2 繼承性 116
4.3.3 優先級 117
工作訓練 117
拓展訓練 121
功能插頁 122
任務五 美化博客博主個人主頁 125
任務需求說明 125
課程工單 126
工單任務分解 127
思政元素 128
5.1 CSS字體屬性 128
5.1.1 font-family屬性 128
5.1.2 font-weight屬性 129
5.1.3 font-size屬性 129
5.1.4 font-style屬性 130
5.1.5 font復合屬性 130
5.1.6 字體屬性案例 130
5.2 CSS文本屬性 132
5.2.1 color屬性 132
5.2.2 text-align屬性 133
5.2.3 line-height屬性 133
5.2.4 text-decoration屬性 134
5.2.5 text-shadow屬性 135
5.2.6 text-overflow屬性 136
5.3 CSS邊框屬性 137
5.3.1 border-style屬性 138
5.3.2 border-width屬性 139
5.3.3 border-color屬性 140
5.3.4 border屬性 141
5.3.5 border-radius屬性 142
5.4 CSS列表屬性 145
5.4.1 list-style-type屬性 145
5.4.2 list-style-image屬性 146
5.4.3 list-style-position屬性 147
5.4.4 list-style屬性 147
5.5 CSS背景屬性 148
5.5.1 background-color屬性 148
5.5.2 background-image屬性 149
5.5.3 background-repeat屬性 150
5.5.4 background-position屬性 151
5.5.5 background-size屬性 156
5.6 CSS表格屬性 159
5.6.1 border-collapse屬性 159
5.6.2 border-spacing屬性 160
5.6.3 caption-side屬性 161
5.6.4 empty-cells屬性 162
工作訓練 162
拓展訓練 165
功能插頁 166
任務六 設計博客網站的首頁 169
任務需求說明 169
課程工單 170
工單任務分解 171
思政元素 172
6.1 盒子模型 172
6.1.1 標準文檔流 173
6.1.2 盒子模型原理 175
6.2 盒子浮動 180
6.2.1 float屬性 180
6.2.2 浮動塌陷及清除 181
6.2.3 浮動應用 183
6.3 盒子定位 185
6.3.1 定位屬性position 185
6.3.2 位置偏移屬性 186
6.3.3 盒子定位的五種方式 186
6.3.4 元素的層疊順序 196
工作訓練 197
拓展訓練 200
功能插頁 201
任務七 網頁布局設計 205
任務需求說明 205
課程工單 206
工單任務分解 207
思政元素 208
7.1 DIV CSS布局 208
7.1.1 常見網頁布局 208
7.1.2 列表布局 216
7.1.3 表格布局 222
7.2 浮動布局 223
7.2.1 圖文環繞 224
7.2.2 等分宮格 225
7.2.3 兩行定寬排列 226
7.2.4 圣杯布局 227
7.3 流動布局 229
7.3.1 max-width 229
7.3.2 min-width 230
7.3.3 流動布局示例 230
工作訓練 231
拓展訓練 235
功能插頁 237
任務八 網頁高級布局設計 241
任務需求說明 241
課程工單 242
工單任務分解 243
思政元素 244
8.1 彈性布局 244
8.1.1 基本概念 245
8.1.2 CSS屬性 245
8.1.3 flex容器相關屬性 246
8.1.4 flex項目相關屬性 253
8.1.5 彈性布局的應用 256
8.2 響應式布局 258
8.2.1 視口 259
8.2.2 媒體查詢 263
8.2.3 常用單位 267
8.2.4 響應式布局應用 269
8.3 多列布局 270
8.3.1 多列布局相關屬性 271
8.3.2 多列布局應用 277
工作訓練 278
拓展訓練 282
功能插頁 284
附錄 引用網站相關信息 287
- >
月亮虎
- >
大紅狗在馬戲團-大紅狗克里弗-助人
- >
回憶愛瑪儂
- >
隨園食單
- >
我與地壇
- >
詩經-先民的歌唱
- >
二體千字文
- >
上帝之肋:男人的真實旅程