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