活動訊息
用閱讀開啟視野，讓書成為照亮你人生的光
【金石堂選書】本月推薦您這些好書👉 快來看看
內容簡介
本書特色
前端開發技術正快速改變Web應用程式的面貌，本書從基礎概念開始，逐一解構建立Web應用程式最關鍵的三項技術－HTML、CSS與JavaScript。除了入門基礎，同時討論實務開發必須瞭解的進階議題，包含跨裝置響應式設計（RWD）與HTML5 API，奠定強固的Web前端開發基礎，讀者將在本書的內容學習以下的技術議題：
．HTML、CSS與基礎版型設計實作
．JavaScript程式設計入門
．響應式設計入門
．圖像與影音應用
．JavaScript API呼叫與運用
．函式庫與框架介紹
一名合格的前端開發人員，除了良好的基礎外，具備各種函式庫與框架的運用能力亦相當重要，書中最後針對目前流行的幾種技術進行討論，涵蓋地理資訊整合、D3圖表製作、Bootstrap版型開發以及jQuery。
目錄
第1章 網頁設計與Web前端開發
1.1 關於Web應用程式
跨平台
網路作業
1.2 從HTML網頁設計到Web前端開發
1.3 初探HTML
1.4 文件物件模型（Document Object Model）
1.5 HTML與JavaScript
1.6 關於CSS
1.7 Web前端開發學習建議
HTML
CSS
JavaScript
1.8 開發環境
伺服器環境－XAMPP
Summary
評量
第2章 HTML標籤與CSS語法
2.1 設定網頁描述資訊
2.2 共同屬性
HTML5屬性
2.3 HTML標籤
群組標籤－div
群組標籤－span
段落與斷行
標題
超連結
表格
清單
格式化標籤
影像圖片
影音檔案播放
2.4 輸入標籤
HTML5的input標籤改良
2.5 導入CSS
語法
常見的選擇器－類別、id與萬用選擇器
註解
屬性值
2.6 文字樣式
文字字型
文字段落配置
行高
文字顏色
2.7 清單與表格樣式
表格樣式
清單樣式
2.8 視覺格式與排版樣式
背景顏色
方塊模型
移動方塊－float與clear
定位
方塊呈現樣式
overflow
2.9 再探CSS選擇器
屬性選擇器
虛擬類別
2.10 消除預設樣式
2.11 使用iframe
Summary
評量
第3章 網頁介面與版型設計
3.1 版型與網頁區塊化
3.2 使用HTML5語意標籤
樣式設定
調整內容配置
3.3 語意標籤與大綱輸出
3.4 語意標籤與區塊配置實作
3.5 標題與大綱條目
區塊切割與大綱輸出標籤元素
h1~h6標籤與大綱輸出
使用header 標籤組織標題
3.6 檢視大綱輸出工具
3.7 網頁跨裝置呈現測試
3.8 網頁佈局－從960到RWD
網格佈局
流動佈局
跨裝置顯示－媒體查詢
Summary
評量
第4章 JavaScript快速入門
4.1 撰寫JavaScript
4.2 輸出訊息
4.3 變數
變數宣告
4.4 資料型別
數字
字串
布林值
typeof()
特殊值－null與undefined
4.5 運算式以及運算子
基本算術運算子
運算後設值
一元運算子
關係運算子
邏輯運算子
三元運算子
4.6 敘述句
條件控制敘述句－if
條件控制敘述句－switch
迴圈for
迴圈while與do/while
break與continue
4.7 函式
函式回傳值－return
匿名函式
4.8 關於物件
函式物件封裝
函式物件
原型（prototype）
4.9 陣列
巡覽陣列元素
4.10 使用內建物件
Date－日期時間資訊
Math－數學運算
String－字串處理
Number－數字處理
4.11 全域物件與函式
4.12 Window物件
螢幕大小－Screen物件
瀏覽器資訊
URL資訊
Summary
評量
第5章 元素存取與網頁結構操作
5.1 操作網頁元素
5.2 取得元素內容文字
InnerHTML與outerHTML
innerText與textContext
Input標籤與value屬性
5.3 開發簡單的應用程式－加法運算器
畫面配置
撰寫JavaScript程式碼
調整外觀－縮短文字方塊長度
調整外觀－放寬加法符號（+）的邊距
調整外觀－調整數值呈現方向
運用選擇器組織CSS
選擇器樣式設定
5.4 操作一個以上的網頁元素
利用迴圈語法存取標籤
5.5 調用getElementsByXxx()方法存取網頁元素
5.6 程式化控制CSS
5.7 調整標籤屬性
HTML5自訂資料屬性
5.8 節點元素的新增、附加與刪除
移除元素
5.9 動態載入JavaScript
Summary
評量
第6章 與使用者互動
6.1 事件機制與元素互動
addEventListener()
事件參數
事件氣泡傳播
動態註冊事件
this關鍵字
6.2 window事件
DOMContentLoaded
調整視窗大小
捲動事件
6.3 滑鼠事件
按鍵
移動
滾輪
6.4 鍵盤事件
input事件
6.5 拖曳事件
Summary
評量
第7章 繪圖技術
7.1 關於Canvas
7.2 開始繪圖
描繪矩形
描繪曲線與封閉圖形
beginPath()與closePath()
描繪弧形
7.3 線條樣式
線條寬度
填色
7.4 描繪圖片
部分圖片
7.5 描繪文字
7.6 動畫設計
靜態圖片的動畫模擬
7.7 關於SVG
7.8 SVG繪圖
直線
矩形
圓形與橢圓形
不規則線條
SVG描繪圖片
輸出文字
SVG動畫
7.9 簡易繪圖板
Summary
評量
第8章 影音播放
8.1 播放影音檔案
關於格式
8.2 播放作業的程式化控制
控制音量
調整影片速率<
訂購/退換貨須知
加入金石堂 LINE 官方帳號『完成綁定』，隨時掌握出貨動態：
提醒您！！
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機，請不要聽從指示，以免受騙上當！
購買須知：
使用金石堂電子書服務即為同意金石堂電子書服務條款。
電子書分為「金石堂(線上閱讀+APP)」及「Readmoo(兌換碼)」兩種：
- 請至會員中心→電子書服務「我的e書櫃」領取複製『兌換碼』至電子書服務商Readmoo進行兌換。
退換貨須知：
- 因版權保護，您在金石堂所購買的電子書僅能以金石堂專屬的閱讀軟體開啟閱讀，無法以其他閱讀器或直接下載檔案。
- 依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」，非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。（如：電子書、電子雜誌、下載版軟體、虛擬商品…等），不受「網購服務需提供七日鑑賞期」的限制。為維護您的權益，建議您先使用「試閱」功能後再付款購買。
商品評價