HTML

★★★★★日本暢銷突破 3 萬冊！史上最可愛的網頁設計書來啦！怎樣都學不會 HTML 和 CSS？別放棄，跟著可愛的水豚君一起學習吧！ 現在人人都需要在網路上自我宣傳和賣東西，做個網站來推銷自己或產品，似乎是必備的技能。 如果想學做網頁，大家都說一定要學 HTML 和 CSS，但我們不是資訊背景出身，看那些程式碼好像看外星文，怎麼學都記不起來，學了一堆標籤最後只會寫 「p」 和 「br」......。 如果你也是這樣，這本可愛的書應該可以讓你重拾學習的興趣！ 【小水豚的故事】 本書的主角是一隻小水豚，他叫做阿藏（全名：水豚藏）。 阿藏平常在農場工作，有一天在超市遇到了女主角「水豚子」，令他心動不已！ 貿然告白好像會嚇到人家，那不如來做個網站自我介紹吧？ 水豚藏：可是我不會做網站啊啊啊！ 於是小水豚決定拜託自己的好朋友：擔任前端工程師與網頁設計師的竹内夫婦，也就是本書的兩位作者。 本書就這樣，讓你跟著小水豚一起從零開始，走上網頁設計的學習之路。 第一個範例，是水豚的個人網站，把自己的 IG 和推特帳號集結成一頁，看起來好潮喔！ 第二個範例，是水豚的農場部落格，透過文章讓對方更了解水豚的工作日常。 第三個範例，是水豚的婚禮邀請表單，因為水豚藏終於追到水豚子了！ 第四個範例，是水豚餐廳網站，因為水豚夫婦決定開個美食餐廳。 做完這些範例，不只水豚得到美滿人生，身為讀者的我們也學到了超實用的網頁技術呢！ 本書特色 ★超可愛小水豚榮登日本各大書店排行榜！ ★眾多初學者淚推：「真希望早點遇見這麼可愛的網頁設計書！」 【插畫風格輕鬆可愛，內容也是乾貨滿滿！】 ★排版技巧最齊全：單欄式、兩欄式、彈性版面、格線佈局，各種版面都難不倒你 ★手機電腦全適用：手機版、電腦版、RWD，不必煩惱該做哪一種，作者教你切換的秘訣 ★圖解概念最好懂：初學者學到頭昏的 Box Model、margin、padding 概念，看圖就能懂 ★最新技術你也會：實做 Flexbox、CSS 動畫、CSS 格線佈局等進階技巧，讓你跟上最新的網頁設計潮流 【五大特色，拯救怎樣都學不會做網頁的你】 ★最白話！跟你講人話，不講艱深術語，零基礎也能搞懂為什麼

．曾經學過HTML與CSS的基礎，想要進一步學習的人 ．一路以來都是自學，想參考別人的程式碼的人 ．想讓自己的程式碼變得更簡潔的人 ．想知道常見的某個網頁設計該如何撰寫的人 有以上情況的人都可以在書中找到答案。 光是看到網頁設計 就知道該使用哪些HTML標籤與CSS語法 超直覺網頁設計書！ 本書整理了許多能於網頁設計第一線應用的內容， 主要包含網頁設計常見的四大設計類別： 「背景、圖片、照片裝飾」、「標題與文字的裝飾」 「版面編排」與「按鈕設計」， 也包含「聯絡我們表單」的介面該如何撰寫， 以及藏在Google搜尋結果頁面背後的結構化資料語法， 另外還會介紹一些方便網頁設計、網頁程式撰寫的網路服務。 還會透過圖片說明網頁設計靈感。

本書是針對Dreamweaver CC的網頁設計教材，旨在為讀者提供全面且實用的網頁設計知識。不論您是初學者，還是已有一定經驗的網頁設計師，都能從本書獲得有價值的內容，從基礎知識到進階技巧，輕鬆掌握相關技術並且應用在網頁設計上。網頁設計是一個廣泛而多元的領域，涉及多種技術和工具。本書透過簡單易懂的內容和實用的範例，幫助讀者迅速掌握關鍵概念。從HTML和CSS的基本概念出發，引領讀者逐步深入，介紹如何使用Dreamweaver CC建立精美的網頁，包括文本編輯、圖片處理、超連結、表格、表單及版面設計等。此外，本書介紹用於設計響應式網頁的Bootstrap，透過實際範例，讓讀者能夠立即製作出可隨裝置自動調整大小的網頁及圖片輪播效果等。同時，也說明如何使用jQuery UI輕鬆製作折疊式面板、標籤面板等。最重要的是，本書還介紹了無需寫程式，只要使用jQuery Mobile就能製作行動裝置網頁的技巧。本書的豐富內容，都是讀者學習網頁設計時不可錯過的必學知識。

這是一本內容非常齊全的網頁設計書籍，網羅最新技術、最新語法、最多範例，包含下列的【7大主題】和【超過700個範例程式】，全彩印刷，圖解詳盡，觀念正確，讓讀者快速學會網頁設計的關鍵技術！．HTML．CSS．JavaScript．Bootstrap．jQuery．Vue.js．響應式網頁設計 (RWD)除了分篇分章進行語法教學，目前最熱門的【ChatGPT】也是重要主題，我們會介紹如何使用ChatGPT學習網頁設計，包括撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。為了讓讀者體驗如何將各種語法活用到實際的網頁設計，不再陷入只會語法，卻不知如何活用的窘境，我們設計了【三大響應式網頁範例】－【圖庫網站】、【旅遊網站】和【部落格網站】，其中第一個範例是使用HTML和CSS手刻響應式網頁，而第二、三個範例是使用HTML、CSS和Bootstrap開發響應式網頁，這些範例均相當精美，對於設計人員開發網頁、老師設計教學範例、學生製作專題或參加競賽都極具參考價值。學習重點------------------------------------------------------------【第0章－ChatGPT】在本章中，我們會介紹如何使用ChatGPT學習網頁設計，例如撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。【第1篇－HTML】HTML可以用來定義網頁的內容，開發各種網頁應用程式。在本篇中，我們會介紹HTML常用的元素，例如文件結構、資料編輯與格式化、嵌入內容、表格、表單等。【第2篇－CSS】CSS可以用來定義網頁的外觀，包括編排、顯示、格式化及特殊效果。在本篇中，我們會介紹CSS常用的屬性，例如色彩、字型、文字、清單、Box Model、定位方式、背景、漸層、濾鏡、表格、Flexbox Layout、Grid Layout、變形、轉場、動畫、媒體查詢等。【第3篇－JavaScript】JavaScript可以用來定義網頁的行為，在本篇中，我們會介紹JavaScript的基本語法，包括型別、變數、常數、運算子、流程控制、函式、物件等，還會介紹JavaScript在瀏覽器端的應用，也就是如何利用JavaScript讓靜態網頁具有動態效果，包括文件物件模型 (

本書從零基礎讀者自學 Web 前端開發的角度出發，通過通俗易懂的語言、精彩有趣的實例，詳細介紹了 HTML、CSS 和 JavaScript 知識。全書共 20 章，分為 3 個部分。HTML 部分介紹 HTML 基礎、文本、圖像和超鏈接；CSS 部分介紹選擇器、常用屬性、CSS3 高級應用、表格與標簽、列表、表單、多媒體、HTML5、響應式網頁設計和響應式組件；JavaScript 部分介紹 JavaScript 的語言基礎、基本語句、對象編程、事件處理以及 Ajax 技術和 jQuery 基礎。書中結合具體實例進行講解，代碼有詳細注釋，使讀者能夠輕鬆領會前端開發的精髓，快速提高開發技能。

本書涵蓋了HTML、CSS 和JavaScript 的**新技術，並採用易於理解的方式講解這些技術的使用技巧和注意事項。通過本書的學習，讀者可以迅速掌握HTML、CSS 和JavaScript 的基礎，以及網頁設計和開發所需要的知識，能夠設計和開發出功能較豐富的頁面。全書共分16 章，內容包括網頁設計基礎、初識HTML、HTML 中的表格、使用HTML 創建表單、使用圖像、走進HTML 的多媒體世界、CSS 概述、CSS 中的選擇器、CSS 常用屬性、CSS3 中的變形與動畫、JavaScript 概述、JavaScript 基礎、JavaScript 對象編程、JavaScript 中事件處理、綜合項目―51 購商城、課程設計―遊戲公園網站以及實驗。全書每章內容都與實例緊密結合，有助於學生理解知識、應用知識，達到學以致用的目的。本書為慕課版教材，各章節主要內容配備了以二維碼為載體的微課，並在人郵學院（www.rymooc.com）平臺上提供了慕課。此外，本書還提供了課程資源包。資源包提供了本書所有實例、上機指導、綜合案例的源代碼、製作精良的電子課件PPT、重點及難點教學視頻、自測題庫（包括選擇題、填空題、操作題題庫及自測試卷等內容），以及拓展綜合案例和拓展實驗。其中，源代碼全部經過精心測試，能夠在Windows XP、Windows 7 系統下編譯和運行。

本書共分為14章，全面介紹了HTML、CSS和的理論知識以及具體案例的制作方法，章　網站建設基礎，第2章 HTML與HTML 5基礎，第3章　與標簽設置，第4章　文字與圖片標簽設置，第5章　多媒體與超鏈接標簽設置，第6章　表單標簽設置，第7章 CSS樣式基礎，第8章 設置文本的CSS屬性，第9章 設置背景和圖形的CSS屬性，0章 設置列表和表單的CSS屬性，1章 Div CSS布局網頁

本書是一本介紹HTML、CSS和JavaScript的入門圖書。全書分為6個部分，共28課。本書系統、全面地介紹了Web前端的基礎知識，並結合大量最佳實踐，幫助讀者循序漸進地學習Web前端設計及開發。本書第Ⅰ部分包括第1課～第5課，主要介紹Web的基礎知識，涉及Web的基本工作原理，HTML、CSS以及JavaScript概述，基本驗證調試代碼的方法等內容。第Ⅱ部分包括第6課～第8課，主要介紹HTML網頁設計，詳細描述了HTML中的字體、文本、列表、表格、鏈接、顏色、圖像和多媒體資源等內容。第Ⅲ部分包括第9課～第15課，主要介紹CSS高級網頁設計，深入分析目前CSS的概念和使用方法，包括盒子模型、佈局、過渡及動畫等內容。第Ⅳ部分包括第16課～第18課，主要介紹響應式Web設計，著重講述了響應式Web設計、移動優先以及媒體查詢等知識。第Ⅴ部分包括第19課～第26課，主要介紹動態網站入門，從文檔對象入手，深入講解了JavaScript的相關知識。第Ⅵ部分包括第27課和第28課，主要介紹高級網站功能及管理，描述了Web中的表單以及如何更全面地組織和管理網站。本書非常適合Web前端開發者，特別是那些想全面學習HTML、CSS和JavaScript的開發者閱讀。

📢 含ITS HTML&CSS國際認證模擬試題 本書主要介紹網站開發的前端技術為主，以HTML 5、CSS 3、JavaScript、jQuery為基礎，搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁，同時介紹使用jQuery Mobile製作跨平台行動網頁，逐步引導初學者邁向網頁設計高手的坦途。 ．易學：經過初學者試讀，按圖索驥，可以完整重現書中範例，初學者好上手。並配合大量範例了解如何整合運用。 ．易教：本書經過與初學者或開發人員試教，修改內容與作法，去蕪存菁，教師免備課。 ．易懂：以圖文並茂方式逐步解說，內文融入ITS HTML & CSS國際認證知識，同時附上兩份國際認證模擬試題，讓讀者具考取認照的能力。 【快速上手HTML5語法】 使用大量範例輔助初學者學習HTML與CSS，使初學者快速進入網頁開發領域。 【CSS3排版與動畫設計】 以實際且豐富的案例介紹CSS排版、動畫、特效的設計技巧。 【JavaScript程式】 從零開始學習JavaScript、由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀專業用詞，讓初學者不再害怕程式設計。 【Bootstrap元件與互動組件】 使用Bootstrap元件，如表單、按鈕、表格、縮圖、卡片、廣告屏幕與格線系統與互動組件，快速打造具使用者體驗的跨平台RWD響應式網站。 【jQuery互動應用】 透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造良好的酷炫效果與互動網頁。 【RWD網站實戰】 實作具實務案例與行動優先的跨平台網頁，讓初學者的學習展現成果。 【跨平台行動網頁】 使用jQuery Mobile開發同時支援iOS、Android的跨平台行動網頁。 【ITS HTML&CSS國際證照訓練】 涵蓋ITS HTML&CSS國際認證技能知識，並提供模擬試題訓練，讓讀者除了擁有實作的能力，更擁有國際認證證明自己。

本書從HTML/CSS/JavaScript的基本概念開始，由淺入深地介紹三種語言在網頁開發中的應用，並挑選了其中*為經典的內容進行講解，幫助讀者高效地掌握網頁開發技術。 本書的第壹部分從整體上介紹HTML/CSS/JavaScript在Web開發中的應用；第二部分著重介紹HTML語言，分析其搭建網頁框架的特點；第三部分講解CSS語言如何控制頁面的樣式和風格；第四部分介紹JavaScript在實現網頁動態邏輯方面的應用；第五部分通過綜合案例講解HTML/CSS/JavaScript在實際開發中的各類應用場景。 本書既適合作為高等院校網頁開發、Web開發課程的教材，也適合非計算機專業的學生及廣大計算機愛好者閱讀。

本書作為Web基礎課程的教材，系統全面地介紹了Web基礎開發所涉及的HTML+CSS+JavaScript的各類知識。全書共分21章，內容包括網頁設計基礎、初識HTML、HTML中的表格、表單的使用、圖形影像處理技術、多媒體播放技術、HTML高級應用、CSS概述、CSS中的選擇器、CSS常用屬性、CSS中的變形與動畫、JavaScript概述、JavaScript語言基礎、函數及其使用、JavaS

Web技術綜述、開發工具介紹、Web運行環境搭建、HTML/CSS/JavaScript綜述、HTML基礎、HTML文件標準結構、文本與段落、列表、超鏈接、圖片與多媒體的使用、表格、框架、表單、CSS基礎、字體樣式表、段落樣式表、列表和背景、CSS盒子模型、DIV+CSS頁面布局、本書全面系統地講解了Web前端開發技術，包括HTML、CSS、JavaScript等。全書採用實例教學方法，每個知識點都有一個實例，每個章節都有綜合的小實例，**後又有綜合大案例，做到了全書實例覆蓋所有知識點。全書分為6部分，第 一部分準備篇（第 1～3章），介紹了Web技術基礎知識、開發工具、運行環境等；第 二部分入門篇（第4～13章），全面介紹了HTML相關知識及應用；第三部分進階篇（第 14～19章），全面介紹了CSS相關知識及應用；第四部分（第 20～23章），重點介紹了JavaScript基本語法、事件、對象以及應用；第五部分實戰篇（第 24章），通過一個綜合案例來講解Web開發全過程，第六部分擴展篇（第 25～26章），介紹了HTML5的內容，使全書的內容更加全面實用。本書附有豐富配套資源、支持多終端課程網站、微信課程等。配套資源包括：微課視頻、實例源代碼、教學PPT、工具軟件、授課安排、實驗安排等，讀者可到人郵教育社區（WWW.ryjiaoyu.com）上獲取。本書可作為高等院校、高職高專計算機及相關專業的教學用書，也可以作為網站製作、Web程序設計及相關課程培訓教材，同時也可供Web編程愛好者自學參考。JavaScript概述、JavaScript語法、JavaScript事件、JavaScript對象、綜合案例

本書全面介紹了使用HTML、CSS、JavaScript進行網頁設計和製作的各方面內容和技巧。全書共16章，主要內容包括HTML5入門基礎、HTML基本標記、使用圖像和多媒體元素、使用表格、HTML5開發實戰、設計特效文字樣式、設計圖像和背景樣式、使用CSS設計表單和表格樣式、使用鏈接與列表設計網站導航、移動網頁設計基礎CSS3、CSS盒子模型與佈局入門、CSS定位佈局方法、JavaScript語法基礎、JavaScript中的事件、JavaScript中的函數和對象、公司宣傳網站佈局綜合實例。本書隨書提供課堂案例、課堂練習、課後習題的源文件，以及在線教學視頻。同時還為老師提供教學PPT課件、教案、教學大綱等資源，便於老師課堂教學。本書語言簡潔、內容豐富，適合網頁設計與製作人員、網站建設與開發人員、大中專院校相關專業師生、網頁製作培訓班學員、個人網站愛好者與自學讀者閱讀。

本書較為全面地介紹了HTML、CSS、JavaScript、jQuery的相關知識，讀者可以系統地學習編寫HTML代碼、利用CSS設置網頁的樣式、利用JavaScript和jQuery為網頁添加動態效果及修改網頁與樣式等內容，書中每一章有詳細的案例展示，方便讀者更好地理解知識點。本書共15章，第 1～6章介紹了HTML相關內容，主要包括在網頁中插入文字與段落、表格、表單、列表及多媒體等；第7～11章詳細闡述了CSS的相關知識，重點介紹了盒子模型與定位，利用盒子模型進行網頁佈局，用***工具查看HTML元素的CSS屬性等；第 12～13章講解了JavaScript基礎與應用，利用JavaScript在網頁上製作動態效果（如滾動圖片），以及對表單數據進行驗證等；第 14章描述了jQuery基礎與應用，用jQuery為表單、表格設置樣式；第 15章為綜合案例，綜合利用前面章節所講知識來製作網頁。

本書在第1版的基礎上進行了知識更新和修改。以HTML語言為基礎，分為4部分。第1部分（第1章）為基礎知識篇；第2部分（第2-7章）為HTML學習篇，包括網頁文字和圖片、超鏈接、表格、多媒體和列表、表單、框架；第3部分（第8-11章）為CSS學習篇，包括認識CSS，設置文本樣式，設置背景、邊框和邊距，設置表格、列表和滾動條、CSS濾鏡；第4部分（第12-14章）為佈局學習篇，包括控制元素佈局、網頁佈

本書以一個完整電子商務網站的網頁製作為案例，採用迭代遞增的網頁設計方法，每一個項目完成一部分需求，隨即學習相關知識並動手實現。全書按照網頁設計的步驟，圍繞描述網頁內容的HTML、描述網頁樣式的CSS以及描述網頁行為的JavaScript三個知識點進行編寫。同時還涉及響應式佈局、字體式圖標和框架技術等流行的網頁設計技術。最後用兩個項目案例對全書知識進行貫穿總結，使讀者全面掌握網頁設計技能。 本書內容結構合理，實例簡單易懂，既適合高職院校網頁設計課程的教學使用，也適合從事網頁設計相關工作的初學者閱讀，或作為社會培訓教材使用。 本書封面貼有清華大學出版社防偽標簽，無標簽者不得銷售。

本教材書以一個弘揚中國優秀傳統文化主題網站首頁的製作為主線,將網站首頁製作分解成若干個小案例,分佈到各個項目單元中,按照從整體到部分、從簡單到複雜,循序漸進地進行知識、技能展示.全書按照Web前端開發的流程,從網頁內容結構HTML、網頁樣式CSS以及網頁行為jQuery三大知識內容進行編寫.以2020年5月教育部《高等學校課程思政建設指導綱要》提出的課程思政建設五大內容入手,將以習近平談網絡安全和信息化相關論述、中國IT界風雲人物、古詩詞、中華美食、中華名勝古跡、網絡安全法等作為教材相關知識點教學案例的文字素材,項目案例以慢談歷史、話說家鄉、趣談美食、中國節日、網絡安全法律法規等為主題進行設計.最後用一個綜合案例對全書知識進行貫穿總結,使讀者全面掌握Web前端設計與製作知識與技能；本書將價值塑造、知識傳授和能力培養三者融為一體,實現專業教育與思政教育同向同行,形成協同效應.全書內容結構合理,實例簡單易懂,既適合高職院校Web前端開發課程教學使用,也適合從事網頁設計相關工作的初學者閱讀或作為社會培訓教材使用.

《網頁設計與製作教程(HTML+CSS+JavaScript)第3版》內容緊扣國家對高等院校培養高級應用型、複合型人才的技能水平和知識結構的要求，採用全新的Web標準編寫，詳細講解了HTML5、CSS3、JavaScript開發技術基礎和HTML5網站製作實例。《網頁設計與製作教程(HTML+CSS+JavaScript)第3版》共11章，主要內容包括網頁設計與製作基礎、編輯HTML5元素、網頁佈局與交互、CSS3樣式基礎、使用CSS3修飾網頁元素、CSS3盒模型、Div+CSS佈局頁面、JavaScript基礎、JavaScript DOM編程、HTML5的高級應用和“馨美裝修”網站的製作。 《網頁設計與製作教程(HTML+CSS+JavaScript)第3版》可作為高等院校計算機及相關專業的教材，也可以作為網站建設、相關軟件開發人員和計算機愛好者的參考書。

以淺顯易懂的方式從設計網站開始談起，涵蓋網站構建的過程、設計網站原型(prototyping)的工具以及各種網絡資源的獲取，再循序漸進地介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，本書中還介紹了好用的配色工具，就算沒有美工基礎，借助Bootstrap工具模塊以及配色表，也能快速構建出專業美觀的響應式網頁設計(RWD)網站。本書還包含漸進式應用(PWA，Progressive Web Application)技術，手把手教讀者逐步將網站優化為Web應用，讓網站能像原生應用一樣在智能手機等移動設備創建桌面快捷方式，瀏覽網頁時具有操作原生應用相似的體驗。本書共分三大部分：第一部分為前端開發概念，從HTML+CSS基礎到進階教學；第二部分為JavaScript基礎的語法及Web數據庫的應用；第三部分介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一部分都安排了整合練習，通過實踐讓讀者強化學習的知識並驗收學習成果。本書適合自修與教學使用：對前端技術感興趣卻不知從何入門的初學者；前端開發技術相關從業人員；大專院校用於網站設計相關課程教材。

本書從HTML最基礎的內容開始，逐漸深入到JavaScript內容，共包含七個章：第一章講述了Web基本概念，對本書所學到的知識也進行了初步的講解，在最後一節寫了幾個環境的安裝教程。第二、三章講述了所有HTML的內容，其中第二章，講述了HTML頁面中最基礎的網頁的構成和網頁上基本內容簡單實現的方法。第三章，講述了HTML5版本中新增加的標簽內容和表格、表單的寫法。在前三章中，內容比較輕鬆，能讓讀者快速理解前端頁面的很多基礎知識，更容易上手。第四、五章講述了CSS語言的作用和運用方式，在第四章中，主要講述了對網頁中元素的操作方式和一些基礎的操作。第五章，在上述內容能理解的情況下，開始展示並給出對頁面整體佈局的實際操作和內容的動畫效果。第六章，開始講解JavaScript中的內容，包括基礎的語法、流程控制、對象的講述。第七章中講述了JavaScript中BOM、DOM的操作還有一些“事件”的使用方式。整片書中，除第一章以外，都分為二到三個小節，每一節都是由一個使用了這一節學過的內容的案例開始，在學習知識，最後實現這個案例，讓讀者快速理解並能上手編寫。

本教材以中等職業學校計算機網絡技術專業領域技能型緊缺人才培養指導方案為指導，以培養學生的實際動手能力為目標，以當前中職學生的認知能力為前提，從實用的角度出發，以簡明生動的語言，採用案例式教學由淺入深地介紹了網頁製作的過程，並詳細介紹了實踐中的經驗和技巧。全書內容設置以項目為驅動，以任務為導向，以創建三個範例網站為項目，共分10個單元，以配合學習者在不同時期的知識需求。本書既可作為中職計算機類各專業使用，也可供網頁設計愛好者自學使用，還可作為其他專業的公共課使用。

全書分為8個項目，結合HTML、CSS和JavaScript的基礎知識及應用，提供了7種不同類型的網頁設計案例。其中，項目1介紹了HTML、CSS以及JavaScript的基礎知識，包括Web基本概念、Dreamweaver工具的使用等；項目2到項目8為7個完整的網頁設計項目，涉及“旅遊”“網店”“兒童攝影”“服裝”“網絡交友”“訂購車票”“學習英語”等多個方向，有助於學生掌握不同網站的設計風格和製作技巧。全書以項目為導向，通過項目將章節知識點貫串起來，學完一章內容就能製作一個完整的項目頁面，能大大激發學生的學習興趣。本書附有源代碼、習題、課件等教學資源，而且為了幫助初學者更好地學習本書講解的內容，還提供了在線答疑，希望可以幫助更多讀者。本書既可作為高等院校本、專科相關專業的網頁設計與製作課程的教材，也可作為網頁平面設計的培訓教材，是一本適合網頁製作、美工設計、網站開發、網頁編程等行業人員閱讀與參考的教材。

本書以真實網站製作案例組織全書內容，書中主要介紹信息學院網站的製作。將該網站製作過程中的知識點進行分解，每章以小案例引導，介紹案例中的關鍵知識點，**後完成完整案例。通過案例的實現掌握利用HTML、CSS和JavaScript實現網站的關鍵技術。**後一章介紹晨豐發電設備公司動態網站的製作，該網站從設計規劃、效果圖的製作、靜態網站的實現到使用科汛CMS後臺管理系統完成動態網站，完全按照實際網站的製作過程實現。

這是一本內容非常齊全的網頁設計書籍，網羅最新技術、最新語法、最多範例，包含下列的【7大主題】和【超過700個範例程式】，全彩印刷，圖解詳盡，觀念正確，讓讀者快速學會網頁設計的關鍵技術！ ．HTML ．CSS ．JavaScript ．Bootstrap ．jQuery ．Vue.js ．響應式網頁設計 (RWD) 除了分篇分章進行語法教學，目前最熱門的【ChatGPT】也是重要主題，我們會介紹如何使用ChatGPT學習網頁設計，包括撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 為了讓讀者體驗如何將各種語法活用到實際的網頁設計，不再陷入只會語法，卻不知如何活用的窘境，我們設計了【三大響應式網頁範例】－【圖庫網站】、【旅遊網站】和【部落格網站】，其中第一個範例是使用HTML和CSS手刻響應式網頁，而第二、三個範例是使用HTML、CSS和Bootstrap開發響應式網頁，這些範例均相當精美，對於設計人員開發網頁、老師設計教學範例、學生製作專題或參加競賽都極具參考價值。 學習重點------------------------------------------------------------ 【第0章－ChatGPT】 在本章中，我們會介紹如何使用ChatGPT學習網頁設計，例如撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 【第1篇－HTML】 HTML可以用來定義網頁的內容，開發各種網頁應用程式。在本篇中，我們會介紹HTML常用的元素，例如文件結構、資料編輯與格式化、嵌入內容、表格、表單等。 【第2篇－CSS】 CSS可以用來定義網頁的外觀，包括編排、顯示、格式化及特殊效果。在本篇中，我們會介紹CSS常用的屬性，例如色彩、字型、文字、清單、Box Model、定位方式、背景、漸層、濾鏡、表格、Flexbox Layout、Grid Layout、變形、轉場、動畫、媒體查詢等。 【第3篇－JavaScript】 JavaScript可以用來定義網頁的行為，在本篇中，我們會介紹JavaScript的基本語法，包括型別、變數、常數、運算子、流程控制、函式、物件等，還會介紹JavaScript在瀏覽器端的應用，也就是如何利用JavaScrip

本書以六大完整案例為線索，緊密圍繞在使用CSS + DIV佈局製作網頁過程中遇到的實際需要和應該掌握的技術，全面介紹了CSS佈局網頁各方面的內容和技巧。 書中摒棄了案例書常見的一味羅列步驟，輕視技術原理的做法，把案例作為學習手段，不但側重講解CSS盒子模型、標準流、浮動、定位四大核心技術原理，更側重講解如何在實踐中應用它們。讀者通過案例，既可以掌握CSS的核心技術要點，也可以瞭解相關技術和工作流程，從而做到不但知其然，還知其所以然。 此外，本書還結合流行的CMS內容管理系統，講解了使用CSS進行模板設計的方法，使讀者可以舉一反三地掌握為各種內容管理系統設計模板的方法。 本書可作為高等職業院校網頁設計類課程教材，也適合具備一定HTML和網頁設計製作基礎的需要使用CSS的愛好者、Web設計人員和開發人員閱讀。