最完整跨平台網頁設計:HTML + CSS + JavaScript + jQuery + Bootstrap + Google Maps(全彩印刷) DM2032

NT$200

出版商 深智數位股份有限公司
出版日期 2020-07-15
語言 繁體中文
頁數 896
ISBN 9789865501433

已售完

貨號: LV3229-1-3-1-1-1-1-2-1-2-1-2-1-2-1-1-1-1-2-1-1-1-1-1-1-2-2-1-1-1-1-1-1-1-1-1-1 Category:

描述

什麼是回頭書?

新書出版時,在運送或上市過程中可能有汙損、折痕、被蓋章或被貼上貼紙,但這些並不影響書中本身豐富的內容。

“回頭書”是指消費者用更低的價格來獲取與原價相同的閱讀價值,如不在意外觀折損、瑕疵,回頭書即是另一種使用低預算購買好書的省錢方式。

 

回頭書售價

每本售價200元,不限品項

物流處理費NT 70元

消費金額滿500元即可享有免運費

 

付款方式

銀行匯款

永豐銀行(銀行代號:807)

戶名:深智數位股份有限公司

帳號:157-018-0003397-1

如有匯款請於訂單上備註轉帳之銀行帳號後五碼。

 

>>購買注意事項<<

  1. 購買前請先確認可否接受書籍含有瑕疵,下單即表示消費者同意。
  2. 商品售出後不受理退貨。
  3. 商品庫存若顯示為0,即表示無庫存,如有取消訂單,庫存量將會更新重新計算。

本活動僅限於台灣、澎湖、金門、馬祖等地區,不適用於海外。

 

本書特色

這是一本極詳細超清楚最完整的跨平台網頁設計書籍,整本書一步一步將HTML元素與CSS屬性依功能分類,詳細的用程式實例做解說,期待讀者以最輕鬆方式學會網頁設計基礎知識,當讀者有了HTML和CSS知識後,本書將更進一步帶領讀者設計動態網頁響應式網頁Google地圖網頁,邁向網頁設計高手之路。

這本書分成三篇:

  • 第一篇:HTML5 完整學習

這是學習網頁設計的基礎,筆者幾乎將所有HTML的元素(Element)依功能分類,分成10個章節,用了約160個程式實例與圖檔做說明,相信讀者可以由此建立HTML的紮實基礎。

  • 第二篇:CSS3 完整學習

這是學習網頁編輯與美化,筆者幾乎將所有CSS的屬性(Properties)依功能分類,分成14個章節,用了約249個程式實例與圖檔做說明,在此讀者可以徹底學會網頁編輯與美化的基礎與技巧。

  • 第三篇:邁向網頁設計高手之路

筆者在這篇使用約353個程式實例講解了下列知識:

JavaScript:網頁結構的DOMBOM

jQuery(包含jQuery Mobile):動畫特效

Bootstrap響應式網頁設計。

Google Map:將Google Map嵌入網頁,這將是設計網路導航的入門。

此外:這本書包含280頁的Word檔案電子書,全書有第1-24章的是非選擇題習題解答,以及第1 – 34章實作題習題(此部分不含習題解答),這些習題可以協助讀者更進一步學習。

作者簡介

洪錦魁

一位跨越電腦作業系統與科技時代的電腦專家,著作等身的作家。

  • DOS 時代他的代表作品是 IBM PC 組合語言、C、C++、Pascal、資料結構
  • Windows 時代他的代表作品是 Windows Programming 使用 C、Visual Basic。
  • Internet 時代他的代表作品是網頁設計使用 HTML
  • 大數據時代他的代表作品是 R 語言邁向 Big Data 之路

除了作品被翻譯為簡體中文、馬來西亞文外,2000 年作品更被翻譯為MasteringHTML 英文版行銷美國,近年來作品則是在北京清華大學和台灣深智同步發行:

1:Java 入門邁向高手之路王者歸來

2:Python 最強入門邁向頂尖高手之路王者歸來

3:Python 最強入門邁向數據科學之路王者歸來

4:Python 網路爬蟲:大數據擷取、清洗、儲存與分析王者歸來

5:演算法最強彩色圖鑑 + Python 程式實作王者歸來

6:HTML5 + CSS3 王者歸來

7:R 語言邁向Big Data 之路

8:Excel 完整學習邁向最強職場應用王者歸來

他在2019/2020 年許多著作分別登上天瓏博客來Momo 電腦書類暢銷排行榜第一名,他的著作最大的特色是不賣弄文字與炫耀知識,所有程式語法會依特性分類,同時以實用的程式範例做解說,讓複雜的知識變的淺顯易懂,讀者可以由他的著作事半功倍輕鬆掌握相關知識。

目錄

第一篇 HTML5 完整學習

1 章 HTML5 的歷史

1-1 認識HTML

1-2 提姆伯納- 李(Tim Berners Lee)

1-3 HTML 歷史下3 個重要的協會

1-4 HTML 版本的歷史

1-5 HTML 開發的插曲XHTML

1-6 HTML 與瀏覽器相容問題

2 章 HTML5 從零開始

2-1 HTML5 與HTML4.01

2-2 HTML 文件結構

2-3 認識HTML 基本元素名詞

2-4 HTML 標籤類型

2-5 我的第一份HTML 文件

2-6 解析我的第一份HTML 文件 .

2-7 HTML 文件的註解

3 章 HTML 文件的輸出的基本知識

3-1 瀏覽器處理資料的輸出

3-2 標題輸出<hn> ⋯ </hn>

3-3 換行輸出<br>

3-4 保持原始文件樣式<pre> ⋯ </pre>

3-5 水平線記號<hr>

3-6 段落<p> ⋯ </p>

3-7 文件某個區域<section> ⋯ </section>

3-8 頁首<header> ⋯ </header>

3-9 頁尾<footer> ⋯ </footer>

3-10 粗體顯示<b> 和<strong>

3-11 斜體<em> 和<i>

3-12 引用<cite>、<q> 和<blockquote>

3-13 加上網底<mark> ⋯ </mark>

3-14 小型字<small> ⋯ </small>

3-15 顯示與電腦有關聯的文字<code><kbd><samp><var>

3-16 定義縮寫<abbr> ⋯ </abbr>

3-17 定義用語<dfn> ⋯ </dfn>

3-18 內容新增與刪除<ins> 和<del>

3-19 隔離雙向文字走向<bdi> ⋯ </bdi>

3-20 指定文字走向<bdo dir="direction"> ⋯ </bdo>

3-21 標示注音或拼音<ruby><rt><rp>

3-22 上標/ 下標<sup>/<sub>

3-23 輸出特殊字元

3-24 HTML 的樹狀結構

3-25 HTML5 不再支援的元素與屬性設定

4 章 設計含超連結的網頁

4-1 <a> ⋯ </a> 基本應用

4-2 瀏覽脈絡的設定

4-3 同一份文件跳到另一份文件

4-4 同一份HTML 文件的超連結

4-5 聯絡資訊<address> 元素

4-6 連結到電子郵件信箱

4-7 引用短文的實例<cite> 與超連結的應用

4-8 指定基準的URL

4-9 超連結與檔案下載

5 章  製作項目清單

5-1 項目符號清單

5-2 有編號的項目清單

5-3 設定有編號項目清單的起始編號

5-4 更改項目清單的連續編號

5-5 更改項目清單的編號種類

5-6 項目清單編號遞減的應用

5-7 自定義清單

第 6 章  設計表格

6-1 表格的基本元素

6-2 表格的框線border 屬性

6-3 建立表頭<thead> 和<th> 元素

6-4 建立表格本體<tbody>

6-5 建立表尾<tfoot>

6-6 合併橫向儲存格colspan 屬性

6-7 合併縱向儲存格rowspan 屬性

6-8 表格的標題<caption>

6-9 欄位的群組化

6-10 表格與超連結的混合應用

7 章  嵌入圖片

7-1 認識圖片

7-2 嵌入圖片<img>

7-3 標示文件標題<figure> 和<figcaption>

7-4 製作影像地圖Image Map

7-5 在表格內嵌入圖片

7-6 設計圖片的超連結

7-7 將圖片插入項目符號的應用

7-8 簡易編排嵌入圖片與文字

7-9 GIF 動畫

8 章 設計多媒體網頁

8-1 播放影片<video> 元素

8-2 播放聲音<audio> 元素

8-3 指定多個播放檔案source 元素

8-4 為影片加入字幕功能<track> 元素

8-5 嵌入資源檔案embed

8-6 嵌入物件object

8-7 設定嵌入物件的參數<param> 元素

8-8 建立嵌入的浮動框架<iframe> 元素

8-9 嵌入YouTube 影片

8-10 嵌入Google 地圖

9 章 製作輸入表單

9-1 製作輸入表單<form> 元素

9-2 製作表單元件<input>

9-3 建立多行輸入的文字框<textarea>元素

9-4 為物件加上關聯標籤<label> 元素

9-5 顯示進度<progress> 元素

9-6 顯示儀表值<meter> 元素

9-7 下拉式選單與選項方塊<select> 和<option> 元素

9-8 製作文字框的後補選項<datalist> 和<option> 元素

9-9 表單元件群組化<fieldset> 和<legend> 元素

9-10 加密金鑰<keygen>

10 章 HTML 功能總結

10-1 全域屬性Global Attributes

10-2 事件屬性Event Attributes

10-3 認識<script> 與一個超簡單的JavaScript 應用

10-4 設定一般區塊<div> 元素

10-5 設定一般範圍<span> 元素

10-6 區塊層級與行內層級

10-7 網頁佈局

10-8 HTML 章節的觀念

10-9 日期與時間<time> 元素

第二篇 CSS3 的完整學習

11 章 CSS3 的基礎知識

11-1 CSS 基本語法

11-2 CSS 顏色設定

11-3 套用CSS 的方法

11-4 class 選擇器

11-5 字型fon

11-6 id 選擇器

11-7 屬性選擇器

11-8 全域選擇器

11-9 虛擬選擇器

11-10 前綴詞的使用

12 章 段落文字的編排知識

12-1 文字對齊方式text-align

12-2 首行縮排text-indent

12-3 行高的設定line-height

12-4 字母間距letter-spacing

12-5 文字間距word-spacing

12-6 處理空白字元white-space

12-7 大小寫轉換text-transform

12-8 文字陰影text-shadow

12-9 線條裝飾text-decoration

12-10 再談線條裝飾

12-11 設定tab 鍵寬度tab-size

12-12 設定換行word-wrap

12-13 設定文字超出顯示範圍時的處理方式text-overflow

13 章 將CSS 應用在項目清單

13-1 建立項目清單符號list-style-type

13-2 建立圖片項目符號list-style-image

13-3 項目符號與編號位置list-style-position

13-4 簡易表示法list-style

14 章 設計背景

14-1 透明色

14-2 背景顏色background-color

14-3 背景圖像background-image

14-4 背景是否重複出現background-repeat

14-5 背景圖片位置background-position

14-6 背景圖片大小background-size

14-7 背景圖片是否隨內容捲動background-attachment

14-8 背景簡易表示法background

15 章 完整學習Box Model

15-1 認識Box Model

15-2 外邊距Margin 的設計

15-3 內邊距的設計

15-4 邊框Border 的設計

15-5 補充背景功能background-clip和background-origin

15-6 設定盒子的陰影box-shadow

15-7 設定盒子寬度與高度box-sizing

15-8 內容超出範圍時的顯示方式oveflow

15-9 outline 屬性

15-10 設定內容盒子的尺寸resize

16 章 將CSS 應用在表格資料

16-1 表格標題caption-side

16-2 表格底色的設計

16-3 表格框線設計

16-4 儲存格框線的距離border-spacing

16-5 儲存格內容加上內邊距padding

16-6 顯示或隱藏空白的儲存格empty-cells

16-7 表格框線的模式border-collapse

16-8 儲存格內容排版

16-9 表格版面的排版table-layout

16-10 綜合應用

17 章 設計漸層效果

17-1 線性漸層linear-gardient( )

17-2 放射狀漸層radial-gradient( )

17-3 重複線性漸層repeating-linear-gradient( )

17-4 重複放射性漸層repeating-radial-gradient( )

18 章 設計多欄位的版面

18-1 設定欄位數量與寬度columns

18-2 設定欄與欄的間距column-gap

18-3 設定欄與欄界線的屬性column-rule

18-4 跨欄顯示column-span

18-5 設定欄位高度column-fill

18-6 換欄或換頁

19 章 定位與網頁排版

19-1 設定盒子的大小

19-2 設定盒子大小的極限

19-3 display 屬性

19-4 定位position

19-5 設定與解除文繞圖

19-6 堆疊順序z-index

19-7 顯示或隱藏元素visibility

19-8 用box 調整元素呈現方式object-fit

19-9 垂直對齊vertical-align

20 章  使用彈性容器(Flexible Container) 排版

20-1 Flex Container 基本觀念

20-2 彈性區塊容器的宣告display

20-3 設定版面方向flex-direction

20-4 彈性區塊內有多行排列flex-wrap

20-5 直接設定排版方向和行數flex-flow

20-6 版面區塊的排列順序order

20-7 增加版面區塊物件寬度flex-grow

20-8 縮減版面區塊物件寬度flex-shrink

20-9 調整前的區塊物件寬度flex-basis

20-10 增減區塊寬度的簡易表示法flex

20-11 設定留白的方式justify-content

20-12 垂直向留白的處理align-items

20-13 個別版面區塊留白的處理align-self

20-14 彈性容器有多行版面區塊時留白的處理align-content

20-15 綜合應用

21 章 動畫設計 - 漸變效果

21-1 設定漸變效果時間transition-duration

21-2 漸變效果的屬性transition-property

21-3 漸變時間的延遲transition-delay

21-4 設計漸變速度transition-timing-function

21-5 漸變效果的簡易表示法transition

21-6 綜合應用

22 章 設計網頁動畫

22-1 關鍵影格@keyframes

22-2 運用關鍵影格animation-name

22-3 設定動畫時間animation-duration

22-4 設計動畫變速方式animation-timing-function

22-5 設定動畫次數animation-iteration-count

22-6 設定動畫重複執行的方向animation-direction

22-7 設定動畫執行或是暫停animation-play-state

22-8 可設定動畫延遲的時間animation-delay

22-9 設定動畫延遲與完成的樣式animation-fill-mode

22-10 動畫的簡易表示法animation

23 章 變形動畫

23-1 2D 變形效果transform

23-2 2D 變形的基準點transform-origin

23-3 3D 變形效果transform

23-4 3D 變形的基準點transform-origin

23-5 設定透視圖視點距離perspective

23-6 透視圖的基準點perspective-origin

23-7 巢狀元素產生時子元素的處理transform-style

23-8 是否顯示背面內容backface-visibility

24 章 響應式(RWD) 網頁設計

24-1 游標cursor

24-2 媒體查詢Media Query

24-3 選擇器完整說明

24-4 響應式網頁設計

第三篇 邁向網頁設計高手之路

25 章 JavaScript 的基礎知識

25-1 JavaScript 的功能

25-2 JavaScript 的輸出

25-3 撰寫JavaScript 的位置

25-4 JavaScript 基本語法

25-5 變數宣告

25-6 資料型態

25-7 運算子

25-8 布林值、比較運算與邏輯運算

25-9 位元運算子

25-10 運算子優先順序

26 章 JavaScript 的流程控制

26-1 if 敘述

26-2 switch 敘述

26-3 for 敘述

26-4 while 敘述

26-5 do ⋯ while 敘述

26-6 特殊運算式

26-7 陣列array

26-8 for/in 敘述

26-9 綜合應用

27 章 JavaScript 的函數設計

27-1 基本函數設計

27-2 設計一個可以傳遞參數的函數

27-3 函數呼叫同時有傳回值

27-4 全域變數與區域變數

27-5 函數被定義在物件內

28 章 瀏覽器物件模型BOM

28-1 認識BOM

28-2 window 物件

28-3 screen 物件

28-4 navigator 物件

28-5 history 物件

28-6 location 物件

29 章 HTML 的文件物件模型DOM

29-1 認識DOM

29-2 取得HTML 元素

29-3 更改HTML 元素內容

29-4 DOM 節點和瀏覽元素

29-5 建立、插入、刪除節點

29-6 DOM 與CSS

29-7 HTML 的集合物件

29-8 DOM events 事件屬性事件

30 章 jQuery

30-1 認識jQuery

30-2 使用jQuery

30-3 jQuery 基本語法

30-4 jQuery 的選擇器

30-5 jQuery 的事件

30-6 操作DOM

30-7 特效處理

31 jQuery Mobile 行動網頁設計

31-1 執行jQuery Mobile 方式

31-2 我的第一份jQuery Mobile 網頁

31-3 jQuery Mobile 的基本網頁架構

31-4 超連結功能

31-5 對話框的設計

31-6 頁面的切換

31-7 建立按鈕

31-8 彈出框的設計

31-9 工具列

31-10 導覽列

31-11 面板Panel

31-12 可折疊區塊

31-13 建立表格

31-14 清單顯示

31-15 清單符號

31-16 製作輸入表單

32 章  響應式網頁設計Bootstrap入門

32-1 Bootstrap 網頁文件的基本架構

32-2 Bootstrap 的容器

32-3 Bootstrap 的網格系統

32-4 更完整解說響應式網頁切換點實作

32-5 Bootstrap 的排版

32-6 文字色彩

32-7 圖片應用

32-8 表格設計

32-9 綜合應用

33 章 Bootstrap 的元件

33-1 Buttons 按鈕設計

33-2 Button 群組按鈕

33-3 Dropdowm 下拉式選單

33-4 Jumbotron 大區塊效果

33-5 Alerts 警報訊息

33-6 Badges 徽章

33-7 Progress Bars 進度條

33-8 Spinners 旋轉特效

33-9 Pagination 分頁

33-10 Nav 導覽

33-11 Navigation Bars 導覽區塊

33-12 Forms 表單

33-13 Input 輸入

33-14 工具提示Tooltip

33-15 彈出框Popover

33-16 卡片Cards

33-17 折疊Collapse

33-18 輪播Carousel

34 章 Google Maps

34-1 HTML 的 Geolocation

34-2 取得Google Maps API 金鑰

34-3 列出所在位置的Google 地圖

34-4 標記地理位置

34-5 事件處理程式

34-6 45 度角度透視欣賞古典建築

附錄A HTML 標籤列表

附錄B HTML 屬性索引表

附錄C CSS 屬性索引表

附錄D 認識網頁設計的長度單位

附錄E 認識網頁設計的顏色

 

最完整跨平台網頁設計

HTML+CSS+JavaScript+jQuery+Bootstrap+Google Maps

王者歸來

 

這是一本目前市面上最完整的跨平台網頁設計書籍,多年自我學習與教學經驗,筆者深刻體會建立紮實學識基礎的重要,因此本書一開始並不是介紹一些炫耀的功能,而是一步一步將HTML元素與CSS屬性依功能分類,詳細的用程式實例做解說,期待讀者以最輕鬆方式學會網頁設計基礎知識,當讀者有了HTML和CSS知識後,本書將更進一步帶領讀者邁向網頁設計高手之路。

這本書分成三篇:

  • 第一篇:HTML

這是學習網頁設計的基礎,筆者幾乎將所有HTML的元素(Element)依功能分類,分成10個章節,用了約160個程式實例與圖檔做說明,相信讀者可以由此建立HTML的紮實基礎。

  • 第二篇:CSS

這是學習網頁編輯與美化,筆者幾乎將所有CSS的屬性(Properties)依功能分類,分成14個章節,用了約249個程式實例與圖檔做說明,在此讀者可以徹底學會網頁編輯與美化的基礎與技巧。

  • 第三篇:邁向網頁設計高手之路

筆者在這篇講解了下列知識:

JavaScript:網頁結構的DOMBOM

jQuery(包含jQuery Mobile):動畫特效

Bootstrap響應式網頁設計。

Google Map:將Google Map嵌入網頁。

在這篇中最基礎的是JavaScript,當你學會之後,可以繼續閱讀網頁結構的知識BOM與DOM,後面章節你可以挑選有興趣的主題閱讀。在這一篇筆者用了約353個程式實例與圖檔做解說,這將對各位學習進階的網頁設計有很大的幫助。

HTML+CSS已經將整個網頁設計的觀念翻轉了,過去設計網頁可以在HTML文件內做編輯美化,如今這些工作已經全部交由CSS處理。所以許多原先版本的元素或屬性已經被棄用,筆者在撰寫這本書時也特別謹慎小心,原則是在程式內容中不再放入已經棄用的元素與屬性,以免誤導讀者。

另外,最新流行的響應式網頁設計,筆者除了在第24章使用CSS硬工夫實作,第32-33章則使用Bootstrap極詳細超清楚實例解說設計響應式網頁。筆者經驗是在設計網頁過程,隨時需要參考HTML與CSS的語法,為了協助讀者可以很方便查詢,本書附錄包含了HTML元素與屬性的索引表,也包含了CSS屬性的索引表,這將是各位現在學習與未來隨時需查詢與參考的一大利器。

其實前2篇的內容已經足夠讓你成為前端的網頁設計師了,如果你是有興趣繼續鑽研,建議你可以開始閱讀第三篇邁向網頁設計高手之路。

寫過許多的電腦書著作,本書沿襲筆者著作的特色,程式實例豐富,相信讀者只要遵循本書內容必定可以在最短時間精通網頁設計,編著本書雖力求完美,但是學經歷不足,謬誤難免,尚祈讀者不吝指正。

洪錦魁2020年7月15日

jiinkwei@me.com

圖書資源說明:本書所有程式與習題檔案

本書籍所有程式可以在深智公司網站下載,書號DM2032密碼。習題部分有第1-24章的是非選擇題習題解答,以及第1 – 34章實作題習題(此部分不含習題解答)。此部分以Word檔案方式呈現有282頁,下列是示範輸出畫面:

教學資源說明

教學資源有教學投影片,如果您是學校老師歡迎與本公司聯繫,請老師聯繫時提供任教學校科系Email、和手機號碼,以方便本公司業務單位協助您。

臉書粉絲團

歡迎加入:王者歸來電腦專業圖書系列

額外資訊

出版商

深智數位股份有限公司

出版日期

2020-07-15

語言

繁體中文

頁數

896

ISBN

9789865501433