本書若有印裝質(zhì)量問題,請(qǐng)向出版社營銷中心調(diào)換全國免費(fèi)服務(wù)熱線:400-6679-118竭誠為您服務(wù)版權(quán)所有侵權(quán)必究近幾年 ,隨著移動(dòng)互聯(lián)網(wǎng)的迅速發(fā)展 ,各大公司都在大量招聘網(wǎng)頁前端設(shè)計(jì)人員 ,同時(shí)對(duì)前端設(shè)計(jì)師的技能要求也大大提高。如今的網(wǎng)頁設(shè)計(jì)師需要了解整個(gè) Web前端開發(fā)的技術(shù)及標(biāo)準(zhǔn)才能制作出符合規(guī)范的頁面。本書主要介紹 Web前端開發(fā)*的三大技術(shù) ,即 HTML5、CSS3和JavaScript,還包括響應(yīng)式布局和 Bootstrap前端框架技術(shù)。編者以原創(chuàng)案例 茅草屋網(wǎng)站 為主線 ,根據(jù)學(xué)生特點(diǎn)和認(rèn)知規(guī)律 ,將 Web前端開發(fā)所需的三大核心技術(shù)分割成一個(gè)個(gè)相對(duì)獨(dú)立又彼此聯(lián)系的項(xiàng)目模塊 ,每個(gè)項(xiàng)目模塊中 ,先提出項(xiàng)目任務(wù) ,然后介紹知識(shí)點(diǎn) ,隨之實(shí)現(xiàn)相關(guān)項(xiàng)目任務(wù) ,學(xué)習(xí)者以任務(wù)驅(qū)動(dòng)的方式進(jìn)行學(xué)習(xí) ,通過任務(wù)實(shí)施的過程來鞏固和吸收所學(xué)知識(shí)。本書適合網(wǎng)頁設(shè)計(jì)的初學(xué)者閱讀 ,并提供圖片、代碼等相關(guān)素材。建議在閱讀本書的同時(shí),使用網(wǎng)頁制作工具及瀏覽器同步操作 ,在完成實(shí)例后及時(shí)瀏覽查看結(jié)果 ,這樣學(xué)習(xí)效率會(huì)大大提高。一、本書內(nèi)容概述全書共分為 10個(gè)項(xiàng)目。項(xiàng)目 1 Web前端開發(fā)概述 :介紹網(wǎng)頁和網(wǎng)站的基本概念、網(wǎng)頁制作的三大技術(shù)及標(biāo)準(zhǔn)、網(wǎng)頁制作的工具。項(xiàng)目 2使用 HTML5組織頁面內(nèi)容 :介紹 HTML5的基礎(chǔ)知識(shí)、常用 HTML標(biāo)簽的使用方法 ,使讀者掌握 HTML5標(biāo)記語言的使用方法。項(xiàng)目 3使用 HTML5新增的標(biāo)簽 :介紹 HTML5新增的語義標(biāo)簽、音頻標(biāo)簽、視頻標(biāo)簽及表單元素標(biāo)簽 ,使讀者學(xué)會(huì)使用 HTML標(biāo)簽組織頁面內(nèi)容。項(xiàng)目 4使用 CSS樣式設(shè)置頁面外觀 :介紹 CSS樣式規(guī)則、CSS選擇器、CSS文本與字體樣式屬性、背景與超鏈接樣式屬性 ,使讀者學(xué)會(huì)使用 CSS樣式設(shè)置頁面外觀。項(xiàng)目 5網(wǎng)頁布局與定位 :介紹盒子模型、元素的定位機(jī)制及常見頁面布局的實(shí)現(xiàn)方法。項(xiàng)目 6設(shè)置頁面導(dǎo)航條和列表樣式 :介紹 CSS列表樣式屬性、邊框樣式屬性以及邊距樣式屬性 ,并通過實(shí)例講解導(dǎo)航條、圖片列表、新聞列表的制作方法。項(xiàng)目 7使用 CSS3美化頁面 :介紹 CSS3文本陰影、圓角邊框、字體圖標(biāo)、2D轉(zhuǎn)換、過渡與動(dòng)畫屬性 ,使讀者學(xué)會(huì)使用 CSS3樣式屬性美化頁面。項(xiàng)目 8使用 JavaScript和jQuery實(shí)現(xiàn)動(dòng)態(tài)效果 :介紹 JavaScript編程基礎(chǔ)和 jQuery 常用動(dòng)態(tài)效果的制作方法。項(xiàng)目9使用 Bootstrap構(gòu)建響應(yīng)式網(wǎng)頁:介紹響應(yīng)式布局的概念、媒體查詢的含義、 Bootstrap前端框架技術(shù)的使用。項(xiàng)目10綜合案例:以原創(chuàng)案例鐘山文化之旅網(wǎng)站的制作為案例,將整本書的知識(shí)融會(huì)貫通。二、本書特點(diǎn) (1)以原創(chuàng)案例為主線,采用六段式編寫體例組織教材內(nèi)容。本書以原創(chuàng)案例茅草屋網(wǎng)站為主線,根據(jù)學(xué)生特點(diǎn)和認(rèn)知規(guī)律,將 Web前端開發(fā)所需的三大技術(shù)分割成一個(gè)個(gè)相對(duì)獨(dú)立又彼此聯(lián)系的項(xiàng)目模塊,每個(gè)項(xiàng)目模塊采用學(xué)習(xí)目標(biāo)、案例導(dǎo)入、任務(wù)驅(qū)動(dòng)、項(xiàng)目總結(jié)、項(xiàng)目習(xí)題、項(xiàng)目實(shí)驗(yàn)六段式的編寫方式組織教材內(nèi)容。 (2)案例設(shè)計(jì)有效融入思政元素,實(shí)現(xiàn)專業(yè)教育與思政教育同向同行。網(wǎng)站案例的文字、圖片素材均是圍繞思政元素進(jìn)行設(shè)計(jì),本書將價(jià)值塑造、知識(shí)傳授和能力培養(yǎng)三者融為一體,實(shí)現(xiàn)專業(yè)教育與思政教育同向同行,形成協(xié)同效應(yīng)。 (3)教材的教學(xué)資源如教學(xué)視頻、PPT、電子教案、圖片素材、典型案例、習(xí)題庫等全部上傳到云教學(xué)平臺(tái),可以滿足學(xué)生自主學(xué)習(xí)、個(gè)性化學(xué)習(xí)的需求,適應(yīng)互聯(lián)網(wǎng) 信息化教育的需要。本書項(xiàng)目1至項(xiàng)目6由南京交通職業(yè)技術(shù)學(xué)院張淑梅編寫,項(xiàng)目7至項(xiàng)目10由江蘇經(jīng)貿(mào)職業(yè)技術(shù)學(xué)院宋維堂編寫,教材由常州機(jī)電職業(yè)技術(shù)學(xué)院李桂秋教授主審。由于編者水平有限,書中難免有不足之處,敬請(qǐng)廣大讀者批評(píng)、指正!為了方便教學(xué),本書還配有電子課件等資料,任課教師可以發(fā)郵件至 hustpeit@163. com索取。編者 2023年5月