ISBN: 9786263246874
出版日期: 2023-12-27
作者: 陳惠貞
裝訂: 平裝.全彩印刷.752頁.23.
這是一本內容非常齊全的網頁設計書籍,網羅最新技術、最新語法、最多範例,包含下列的【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讓靜態網頁具有動態效果,包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。
【第4篇-網頁前端框架】
除了最核心的HTML、CSS和JavaScript,還有許多應用於JavaScript程式開發的函式庫與框架,在本篇中,我們會介紹下列幾種技術:
.Bootstrap:是很受歡迎的HTML、CSS與JavaScript框架,用來開發響應式 (responsive)、行動優先 (mobile first) 的網頁,使用者無須撰寫CSS或JavaScript程式碼,就可以輕鬆設計出響應式網頁。
.jQuery:是一個快速、輕巧、功能強大的JavaScript函式庫,透過它所提供的API,可以讓諸如操作HTML文件、選擇HTML元素、處理事件、建立特效、使用Ajax技術等動作變得更簡單。
.Vue.js:這個JavaScript函式庫,提供API讓Web開發人員進行資料繫結及操作網頁上的元素,解決畫面顯示與資料狀態同步的問題。
此外,我們還會介紹【響應式網頁設計】(RWD,Responsive Web Design),這是一種網頁設計方式,目的是根據使用者的瀏覽器環境 (例如寬度或方向等),自動調整網頁的版面配置,以提供最佳的顯示結果,同時設計了【3大響應式網頁範例】-圖庫網站、旅遊網站、部落格網站,讓您不只懂語法,更懂如何運用到實際的網頁設計。

区域 | 订单总额 (RM) | 运费 (RM) |
---|---|---|
West Malaysia | 统一收费 | 6.00 |
区域 | 计算/重量 | 运费 (RM) |
---|---|---|
East Malaysia | 首 1.00 kg | 13.00 |
额外 1.00 kg | 5.00 | |
Singapore | 首 1.00 kg | 25.00 |
额外 1.00 kg | 5.00 | |
Australia, New Zealand | 首 1.00 kg | 159.77 |
额外 0.50 kg | 52.65 | |
Austria, Denmark, Finland, Ireland, Switzerland, Russia | 首 1.00 kg | 157.78 |
额外 0.50 kg | 34.31 | |
Brunei, Cambodia, Laos, Mongolia | 首 1.00 kg | 175.10 |
额外 0.50 kg | 87.14 | |
Belgium,France, Germany, Netherlands, Spain, U.K | 首 1.00 kg | 150.94 |
额外 0.50 kg | 30.46 | |
China | 首 1.00 kg | 96.44 |
额外 0.50 kg | 25.35 | |
Bangladesh, Brazil, Iraq, Pakistan, Qatar, S.Arabia, UAE, Sri Lanka | 首 1.00 kg | 118.52 |
额外 0.50 kg | 24.96 | |
South Africa | 首 1.00 kg | 118.52 |
额外 0.50 kg | 24.96 | |
Philippines | 首 1.00 kg | 91.42 |
额外 0.50 kg | 15.29 | |
Canada, United States, Mexico | 首 1.00 kg | 162.58 |
额外 0.50 kg | 35.90 | |
Hong Kong | 首 1.00 kg | 80.63 |
额外 0.50 kg | 29.06 | |
India | 首 1.00 kg | 113.30 |
额外 0.50 kg | 22.28 | |
Indonesia | 首 1.00 kg | 107.35 |
额外 0.50 kg | 24.87 | |
Japan | 首 1.00 kg | 112.97 |
额外 0.50 kg | 35.03 | |
Macau | 首 1.00 kg | 92.93 |
额外 0.50 kg | 13.82 | |
Singapore | 首 1.00 kg | 74.75 |
额外 0.50 kg | 21.49 | |
Taiwan | 首 1.00 kg | 94.42 |
额外 0.50 kg | 34.76 | |
Thailand | 首 1.00 kg | 94.10 |
额外 0.50 kg | 28.25 | |
Vietnam | 首 1.00 kg | 98.94 |
额外 0.50 kg | 14.34 |