代表下一代網(wǎng)頁編寫技術(shù)的HTML5和為網(wǎng)頁提供布局與格式的CSS3,構(gòu)成了Web開發(fā)的基石,也是Web程序員和設(shè)計師必須熟練掌握的*基本技能。本書結(jié)合**的HTML5與CSS3技術(shù),深入淺出地介紹了前臺網(wǎng)頁設(shè)計需要掌握的相關(guān)知識及技能。在理論知識講解方面,注重HTML5和CSS3基本知識與技巧的傳授;在實例制作方面,注重實戰(zhàn),步驟詳細(xì),易于上手。全書共14個項目,內(nèi)容包括網(wǎng)頁基礎(chǔ)、HTML基本結(jié)構(gòu)、文本、CSS樣式、列表、圖像、超級鏈接、表格、使用CSS進(jìn)行頁面布局、多媒體、表單、使用CSS3進(jìn)行增強(qiáng)、綜合實例、Web測試與發(fā)布等。所用的實例涉及范圍廣,貼近實際。為了方便教學(xué),本書還配有電子課件等教學(xué)資源包,相關(guān)教師和學(xué)生可以登錄“我們愛讀書”網(wǎng)(www.ibook4us.com)免費注冊并下載,或者發(fā)郵件至hustpeiit@163.com免費索取。本書可作為高職高專院校相關(guān)專業(yè)網(wǎng)頁設(shè)計教材,也可作為Web前端開發(fā)人員、網(wǎng)站建設(shè)人員的參考書,還可作為各類電腦職業(yè)培訓(xùn)教材。
本書根據(jù)計算機(jī)相關(guān)專業(yè)人才培養(yǎng)的需要,結(jié)合高職高專對學(xué)生網(wǎng)頁設(shè)計與制作的技術(shù)能力要求,行業(yè)企業(yè)相應(yīng)崗位能力要求及當(dāng)今流行的網(wǎng)頁制作新技術(shù)、新標(biāo)準(zhǔn),以“實用、好用、夠用”為原則,全書內(nèi)容知識連貫、邏輯嚴(yán)密、實例豐富、內(nèi)容翔實、可操作性強(qiáng),深入淺出地展示了網(wǎng)頁設(shè)計的特性,系統(tǒng)全面地講解了HTML5與CSS3設(shè)計網(wǎng)頁的技巧。
項目一網(wǎng)頁基礎(chǔ)
任務(wù)一瀏覽網(wǎng)站1
任務(wù)二創(chuàng)建一個簡單的網(wǎng)頁4
任務(wù)三 Web標(biāo)準(zhǔn)9
項目二HTML基本結(jié)構(gòu)
任務(wù)一創(chuàng)建一個HTML5頁面12
任務(wù)二HTML5頁面基本結(jié)構(gòu)16
任務(wù)三分級標(biāo)題19
任務(wù)四HTML5頁面構(gòu)成20
項目三文本
任務(wù)一基本文本標(biāo)記一36
任務(wù)二基本文本標(biāo)記二42
任務(wù)三其他文本元素47
任務(wù)四轉(zhuǎn)義字符52
項目四CSS樣式
任務(wù)一CSS基本概念54
任務(wù)二構(gòu)造樣式規(guī)則55
任務(wù)三CSS樣式選擇器61
任務(wù)四操作樣式表74
任務(wù)五樣式的繼承79
任務(wù)六層疊樣式81
任務(wù)七CSS盒模型84
任務(wù)八給文本添加CSS樣式88
項目五列表
任務(wù)一無序列表、有序列表、描述列表94
任務(wù)二嵌套列表97
任務(wù)三設(shè)置列表樣式99
任務(wù)四設(shè)置嵌套列表的樣式104
項目六圖像
任務(wù)一在網(wǎng)頁中插入圖像107
任務(wù)二設(shè)置圖像基本樣式110
任務(wù)三設(shè)置圖像垂直對齊112
任務(wù)四使用背景圖像114
任務(wù)五更多CSS3的背景控制119
任務(wù)六圖文混排123
項目七超級鏈接
任務(wù)一超級鏈接的標(biāo)記及基本屬性128
任務(wù)二其他類型超級鏈接131
任務(wù)三錨點鏈接133
任務(wù)四設(shè)置超級鏈接樣式135
任務(wù)五圖像映射鏈接138
任務(wù)六導(dǎo)航菜單140
項目八表格
任務(wù)一表格的基本結(jié)構(gòu)146
任務(wù)二跨行跨列的表格150
任務(wù)三使用CSS美化表格152
項目九使用CSS進(jìn)行頁面布局
任務(wù)一Web頁面布局簡介157
任務(wù)二網(wǎng)頁居中163
任務(wù)三元素顯示方式169
任務(wù)四float多欄布局171
任務(wù)五盒布局182
任務(wù)六使用自適應(yīng)窗口的彈性盒布局187
任務(wù)七position定位194
項目十多媒體
任務(wù)一第三方插件及原生應(yīng)用202
任務(wù)二添加視頻203
任務(wù)三添加音頻206
任務(wù)四添加Flash播放器208
任務(wù)五高級多媒體210
項目十一表單
任務(wù)一表單概述212
任務(wù)二創(chuàng)建表單213
任務(wù)三HTML5新增的元素屬性222
任務(wù)四設(shè)置表單樣式227
項目十二使用CSS3進(jìn)行增強(qiáng)
任務(wù)一使用CSS3239
任務(wù)二圓角240
任務(wù)三為文本添加陰影和應(yīng)用多重背景243
任務(wù)四使用漸變背景247
任務(wù)五設(shè)置元素的不透明度250
任務(wù)六使用Web字體252
項目十三綜合實例
任務(wù)一網(wǎng)頁框架構(gòu)建及素材的準(zhǔn)備254
任務(wù)二建立本地站點256
任務(wù)三使用HTML創(chuàng)建頁面結(jié)構(gòu)256
任務(wù)四使用CSS布局并美化頁面260
項目十四Web測試與發(fā)布
任務(wù)一代碼驗證267
任務(wù)二測試頁面272
任務(wù)三HTML和CSS中的常見錯誤273
任務(wù)四網(wǎng)站發(fā)布276
參考文獻(xiàn)279