123,123

內(nèi)容簡(jiǎn)介

　　本書采用項(xiàng)目教學(xué)方式，通過(guò)大量案例對(duì)網(wǎng)頁(yè)的HTML結(jié)構(gòu)和CSS層疊樣式行了深入解析，使用HTML5新的布局方式，讓讀者可以輕松設(shè)計(jì)出符合Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)。本書根據(jù)網(wǎng)頁(yè)制作典型職業(yè)活動(dòng)分析，以工作任務(wù)為載體，確定了12個(gè)項(xiàng)目，內(nèi)容涵蓋HTML5的基本結(jié)構(gòu)、CSS3樣式基礎(chǔ)、使用CSS3選擇器、使用CSS美化網(wǎng)頁(yè)字體、使用CSS美化網(wǎng)頁(yè)段落、使用CSS美化圖片、使用CSSCSS美化表格、使用CSS美化表單、使用CSS3動(dòng)畫、HTML5+CSS3網(wǎng)頁(yè)排版——企業(yè)網(wǎng)站的制作、使用CSS3的彈性布局制作響應(yīng)式頁(yè)面。每個(gè)項(xiàng)目均由項(xiàng)目目標(biāo)、項(xiàng)目描述、項(xiàng)目分析、知識(shí)引入、項(xiàng)目實(shí)施、項(xiàng)結(jié)、項(xiàng)目拓展7個(gè)環(huán)節(jié)組成，每個(gè)環(huán)節(jié)環(huán)環(huán)相扣。項(xiàng)目編排的原則是由易到難、循序，遵循學(xué)生的認(rèn)知規(guī)律，讓學(xué)生輕松獲取知識(shí)及技能，便于教學(xué)的實(shí)施。本書的后兩個(gè)綜合實(shí)例，幫助讀結(jié)前面所學(xué)的知識(shí)，綜合應(yīng)用HTML和CSS各類技術(shù)制作出符合實(shí)際應(yīng)用需要的網(wǎng)頁(yè)。

作者簡(jiǎn)介

　　曾娜，現(xiàn)為廣西工業(yè)技師學(xué)院信息商貿(mào)系教學(xué)副主任、講師。教學(xué)經(jīng)歷：任現(xiàn)職以來(lái)先后承擔(dān)《網(wǎng)頁(yè)設(shè)計(jì)與制作》、《計(jì)算機(jī)基礎(chǔ)》、《辦公軟件》、《二維動(dòng)畫》、《C語(yǔ)言程序設(shè)計(jì)》、《PHP程序設(shè)計(jì)》、《圖形圖像處理》、《工業(yè)產(chǎn)品設(shè)計(jì)（inventor）》等多門計(jì)算機(jī)專業(yè)課程。編寫教材情況：2011年作為示范建設(shè)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)重點(diǎn)項(xiàng)目建設(shè)二級(jí)項(xiàng)目負(fù)責(zé)人對(duì)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的教材進(jìn)行了開(kāi)發(fā)。2012年-2013年期間依據(jù)編寫工作頁(yè)的標(biāo)準(zhǔn)完成了《網(wǎng)頁(yè)制作》、《網(wǎng)頁(yè)設(shè)計(jì)》這兩門學(xué)習(xí)領(lǐng)域課程工作頁(yè)的編寫，并建立這兩門課程的學(xué)習(xí)資源包。編者還參與其余六門學(xué)習(xí)領(lǐng)域課程：《網(wǎng)絡(luò)組建及應(yīng)用》、《網(wǎng)絡(luò)建設(shè)與管理》、《計(jì)算機(jī)組裝與維護(hù)》、《辦公設(shè)備維護(hù)與維修》、《網(wǎng)絡(luò)綜合布線》、《視頻監(jiān)控網(wǎng)絡(luò)的設(shè)計(jì)與施工》工作頁(yè)的編寫，這些教材都已于2013年由北京理工學(xué)出版，并實(shí)施于計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的一體化課程中。2014年本人作為副主編編寫了《網(wǎng)頁(yè)設(shè)計(jì)與制作》，該書作為“十二五”職業(yè)教育規(guī)劃教材經(jīng)全國(guó)職業(yè)教育教材審定委員會(huì)審定通過(guò)，于2015年7月由語(yǔ)文出版社正式出版。

圖書目錄

項(xiàng)目1 HTML5的基本結(jié)構(gòu)
子任務(wù)1 認(rèn)識(shí)網(wǎng)頁(yè)與網(wǎng)站
子任務(wù)2 了解HTML5的基本結(jié)構(gòu)
子任務(wù)3 安裝Visual Studio Code編輯器
子任務(wù)4 使用Visual Studio Code編輯器
子任務(wù)5 HTML5網(wǎng)頁(yè)
子任務(wù)6 使用Chrome瀏覽器的工具
子任務(wù)7 使用換行標(biāo)簽
子任務(wù)8 使用段落標(biāo)簽
子任務(wù)9 使用標(biāo)題標(biāo)簽、線標(biāo)簽
項(xiàng)目實(shí)施
項(xiàng)目2 CSS3樣式基礎(chǔ)
子任務(wù)1 了解CSS的結(jié)構(gòu)組成
子任務(wù)2 使用行內(nèi)樣式
子任務(wù)3 使用內(nèi)嵌式
子任務(wù)4 使用鏈接式
子任務(wù)5 使用導(dǎo)入式
項(xiàng)目實(shí)施
項(xiàng)目3 使用CSS3選擇器
子任務(wù)1 了解選擇器
子任務(wù)2 使用標(biāo)簽選擇器
子任務(wù)3 使用類別選擇器
子任務(wù)4 使用ID選擇器
子任務(wù)5 通配符選擇器
子任務(wù)6 相鄰選擇器
子任務(wù)7 使用子選擇器
子任務(wù)8 使用后代選擇器
子任務(wù)9 使用群組選擇器
子任務(wù)10 使用偽類洗擇器
項(xiàng)目實(shí)施
項(xiàng)目4 使用CSS美化網(wǎng)頁(yè)字體
子任務(wù)1 定義字體的類型
子任務(wù)2 定義字體的大小
子任務(wù)3 定義字體的顔色
子任務(wù)4 定義字體的下劃線
子任務(wù)5 定義斜體字體
子任務(wù)6 定義文字的加粗
子任務(wù)7 了解span標(biāo)簽的作用
項(xiàng)目實(shí)施
項(xiàng)目5 使目CS8美化同頁(yè)段菠
子任務(wù)1 設(shè)置段落對(duì)齊
子任務(wù)2 設(shè)置段落
子任務(wù)3 設(shè)置行間距
子任務(wù)4 設(shè)養(yǎng)字間距和詞間距
項(xiàng)目實(shí)施
項(xiàng)目6 使用C55美化圖片
子任務(wù)1 在網(wǎng)頁(yè)中插入圖像
子任務(wù)2 設(shè)置圖像大小
子任務(wù)3 定義圖像的邊框
子任務(wù)4 定義圓角圖像