hiskio

    HTML5、CSS3、JavaScript、jQuery、Vue.js、RWD網頁設計(第八版)

    9786263244191

    收集中
    US$17.52

    內容簡介


    全彩印刷、內容持續進化、網羅最新技術、最新語法、最多範例
    經典暢銷書全新改版，快速學會網頁設計的關鍵技術！

    有了本書，讓你一次學會網頁設計的關鍵技術：
    *使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。
    *使用CSS3的Box Model、定位方式、彈性版面(Flexbox Layout)、格線版面(Grid Layout)，以及色彩、字型、文字、清單、背景、漸層、表格、版面設計、變形、轉場、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。
    *使用JavaScript的基本語法和瀏覽器端的技術，讓靜態網頁具有動態效果，包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。
    *使用jQuery的基本語法、事件、特效和常用函式，讓操作HTML文件、選擇HTML元素、處理事件、建立特效動畫等動作變得更簡單。
    *使用Vue.js提供的API進行資料繫結及操作網頁上的元素，解決畫面顯示與資料狀態同步的問題。Vue.js是近年來相當熱門的前端框架，簡單易學、容易導入並具有高度的擴充性。
    *使用響應式網頁設計 (RWD，Responsive Web Design) 根據瀏覽器環境自動調整網頁的版面配置，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。

    目錄


    Part 1 HTML5
    第1章 網頁設計基礎
    第2章 文件結構
    第3章 資料編輯與格式化
    第4章 嵌入內容
    第5章 表格
    第6章 表單

    Part 2 CSS3
    第7章 CSS基本語法
    第8章 色彩、字型、文字與清單
    第9章 Box Model與定位方式
    第10章 背景、漸層與表格
    第11章 CSS版面設計
    第12章 變形、轉場與媒體查詢

    Part 3 JavaScript
    第13章 JavaScript基本語法
    第14章 物件
    第15章 事件處理

    Part 4 其它技術
    第16章 響應式網頁設計(RWD)
    第17章 jQuery
    第18章 Vue.js

    章節目錄

    1-1封面頁
    1-2書名頁
    1-3關於本書
    1-4目錄
    1-5CH01 網頁設計基礎
    1-61-1 網站建置流程
    1-71-1-2 階段二：網頁製作與測試
    1-81-1-3 階段三：網站上傳與推廣
    1-91-1-4 階段四：網站更新與維護
    1-101-2 網頁設計相關的程式語言
    1-111-3 HTML 的發展
    1-121-4 HTML 文件的編輯工具
    1-131-5 HTML 文件的基本結構
    1-14CH02 文件結構
    1-152-1 HTML 文件的根元素－ <html> 元素
    1-162-2 HTML 文件的標頭－ <head> 元素
    1-172-2-1 <title> 元素 ( 文件標題)
    1-182-2-2 <meta> 元素 ( 文件相關資訊)
    1-192-2-3 <link> 元素 ( 文件之間的關聯)
    1-202-2-4 <style> 元素 ( 嵌入CSS)
    1-212-3 HTML 文件的主體－ <body> 元素
    1-222-3-1 <h1> ~ <h6> 元素 ( 標題1 ~ 6)
    1-232-3-2 <p> 元素 ( 段落)
    1-242-3-3 <div> 元素 ( 群組成一個區塊)
    1-252-3-4 <!-- --> 元素 ( 註解)
    1-262-4 HTML5 新增的結構元素
    1-272-4-1 <article> 元素 ( 文章)
    1-282-4-2 <section> 元素 ( 通用的區塊或區段)
    1-292-4-3 <nav> 元素 ( 導覽列)
    1-302-4-4 <header> 與 <footer> 元素 ( 頁首/ 頁尾)
    1-312-4-5 <aside> 元素 ( 側邊欄)
    1-322-4-6 <main> 元素 ( 主要內容)
    1-332-4-7 <figure>、<figcaption> 元素 ( 獨立內容)
    1-34CH03 資料編輯與格式化
    1-353-1 區塊格式
    1-363-1-1 <pre> 元素 ( 預先格式化區塊)
    1-373-1-2 <blockquote> 元素 ( 引述區塊)
    1-383-1-3 <address> 元素 ( 聯絡資訊)
    1-393-1-4 <hr> 元素 ( 水平線)
    1-403-2 文字格式
    1-413-2-1 <b>、<i>、<u>、<sub>、<sup>、<small>、<em>、<strong>、<dfn>、<code>、<samp>、<kbd>、<var>、<cite>、<abbr>、<s>、<q>、<mark>、<ruby>、<rt> 元素
    1-423-2-2 <br> 元素 ( 換行)
    1-433-2-3 <span> 元素 ( 群組成一行)
    1-443-2-4 <time> 元素 ( 日期時間)
    1-453-3 插入或刪除資料－ <ins>、<del> 元素
    1-463-4 項目符號與編號－ <ul>、<ol>、<li> 元素
    1-473-5 定義清單－ <dl>、<dt>、<dd> 元素
    1-483-6 超連結
    1-493-6-1 絕對URL 與相對URL
    1-503-6-2 標示超連結－ <a> 元素
    1-513-6-3 在新索引標籤開啟超連結
    1-523-6-4 頁內超連結
    1-533-7 相對URL 的路徑資訊－ <base> 元素
    1-54CH04 嵌入內容
    1-554-1 嵌入圖片－ <img> 元素
    1-564-1-1 圖片的網址、寬度、高度與替代顯示文字
    1-574-1-2 響應式圖片
    1-584-2 嵌入影片－ <video> 元素
    1-594-3 嵌入聲音－ <audio> 元素
    1-604-4 設定媒體資源－ <source> 元素
    1-614-5 嵌入不同的圖片－ <picture> 元素
    1-624-6 嵌入物件－ <object> 元素
    1-634-7 嵌入浮動框架－ <iframe> 元素
    1-644-7-1 嵌入YouTube 影片
    1-654-7-2 嵌入Google 地圖
    1-664-8 嵌入Script － <script>、<noscript> 元素
    1-67CH05 表格
    1-685-1 建立表格－<table>、<tr>、<th>、<td> 元素
    1-695-1-1 跨列合併儲存格
    1-705-1-2 跨行合併儲存格
    1-715-2 表格標題－ <caption> 元素
    1-725-3 表格的表頭、主體與表尾－<thead>、<tbody>、<tfoot> 元素
    1-735-4 直行式表格－ <colgroup>、<col> 元素
    1-74CH06 表單
    1-756-1 建立表單－ <form>、<input> 元素
    1-766-2 HTML4.01 提供的輸入類型
    1-776-2-1 submit、reset ( 提交與重設按鈕)
    1-786-2-2 text ( 單行文字方塊)
    1-796-2-3 radio ( 選擇鈕)
    1-806-2-4 checkbox ( 核取方塊)
    1-816-2-5 <textarea> ( 多行文字方塊)
    1-826-2-6 <select>、<option> ( 下拉式清單)
    1-836-2-7 password ( 密碼欄位)
    1-846-2-8 hidden ( 隱藏欄位)
    1-856-3 HTML5 新增的輸入類型
    1-866-3-1 email ( 電子郵件地址)
    1-876-3-2 url ( 網址)
    1-886-3-3search (搜尋欄位)
    1-896-3-4 number ( 數字)
    1-906-3-5 range ( 指定範圍的數字)
    1-916-3-6 color ( 色彩)
    1-926-3-7 tel ( 電話號碼)
    1-936-3-8 date、time、month、week、datetime-local ( 日期時間)
    1-946-4 按鈕－ <button> 元素
    1-956-5 標籤－ <label> 元素
    1-966-6 群組標籤－ <optgroup> 元素
    1-976-7 將表單欄位框起來－<fieldset>、<legend> 元素
    1-98CH07 CSS 基本語法
    1-997-1 CSS 的發展
    1-1007-2 在HTML 文件中套用CSS
    1-1017-2-1 行內樣式
    1-1027-2-2內部樣式表
    1-1037-2-3 外部樣式表
    1-1047-3 CSS 的語法
    1-1057-4 選擇器的類型
    1-1067-4-1 萬用選擇器
    1-1077-4-2 類型選擇器
    1-1087-4-3 子選擇器
    1-1097-4-5 相鄰兄弟選擇器
    1-1107-4-6 全體兄弟選擇器
    1-1117-4-7 類別選擇器
    1-1127-4-8 ID 選擇器
    1-1137-4-9 屬性選擇器
    1-1147-4-10 虛擬元素
    1-1157-4-11 虛擬類別
    1-1167-5 樣式表的串接順序
    1-117CH08 色彩、字型、文字與清單
    1-1188-1 色彩屬性
    1-1198-1-1 color ( 前景色彩)
    1-1208-1-2 background-color ( 背景色彩)
    1-1218-1-3 opacity ( 透明度)
    1-1228-2 字型屬性
    1-1238-2-1 font-family ( 文字字型)
    1-1248-2-2 font-size ( 文字大小)
    1-1258-2-3 font-style ( 文字樣式)
    1-1268-2-4 font-weight ( 文字粗細)
    1-1278-2-5 font-variant ( 文字變化)
    1-1288-2-6 line -height ( 行高)
    1-1298-2-7 font ( 字型速記)
    1-1308-3 文字屬性
    1-1318-3-1 text-indent ( 首行縮排)
    1-1328-3-2 text-align ( 文字對齊方式)
    1-1338-3-3 letter-spacing ( 字母間距)
    1-1348-3-4 word-spacing ( 文字間距)
    1-1358-3-5 text-transform ( 大小寫轉換方式)
    1-1368-3-6 white-space ( 空白字元)
    1-1378-3-7 text-shadow ( 文字陰影)
    1-1388-3-8 text-decoration-line、text-decoration-style、text-decoration-color ( 文字裝飾線條、樣式與色彩)
    1-1398-3-9text-decoration (文字裝飾速記)
    1-1408-4 清單屬性
    1-1418-4-1 list-style-type ( 項目符號與編號類型)
    1-1428-4-2 list-style-image ( 圖片項目符號)
    1-1438-4-3 list-style-position ( 項目符號與編號位置)
    1-1448-4-4 list-style ( 清單速記)
    1-145CH09 Box Model 與定位方式
    1-1469-1 Box Model
    1-1479-2 邊界屬性
    1-1489-3 留白屬性
    1-1499-4 框線屬性
    1-1509-4-1 border-style ( 框線樣式)
    1-1519-4-2 border-color ( 框線色彩)
    1-1529-4-3 border-width ( 框線寬度)
    1-1539-4-4 border ( 框線屬性速記)
    1-1549-4-5 border-radius ( 框線圓角)
    1-1559-5 寬度與高度屬性
    1-1569-5-1 box-sizing (Box 大小)
    1-1579-5-2 width、height ( 寬度與高度)
    1-1589-5-3 min-width、max-width ( 最小與最大寬度)
    1-1599-5-4 min-height、max-height ( 最小與最大高度)
    1-1609-5-5 overflow ( 顯示或隱藏溢出的內容)
    1-1619-6 定位方式
    1-1629-6-1 display (HTML 元素的顯示層級)
    1-1639-6-2 top、right、bottom、left ( 上右下左位移量)
    1-1649-6-3 po sition (Box 的定位方式)
    1-1659-6-4 float、clear ( 文繞圖、解除文繞圖)
    1-1669-6-5 z-index ( 重疊順序)
    1-1679-6-6 visibility ( 顯示或隱藏Box)
    1-1689-6-7 box-shadow (Box 陰影)
    1-1699-6-8 vertical-align ( 垂直對齊)
    1-170CH10 背景、漸層與表格
    1-17110-1 背景屬性
    1-17210-1-1 background-image ( 背景圖片)
    1-17310-1-2 background-repeat ( 背景圖片重複排列方式)
    1-17410-1-3 background-position ( 背景圖片起始位置)
    1-17510-1-4 background-attachment( 背景圖片是否隨著內容捲動)
    1-17610-1-5 background-clip ( 背景顯示區域)
    1-17710-1-6 background-origin ( 背景顯示位置基準點)
    1-17810-1-7 background-size ( 背景圖片大小)
    1-17910-1-8 background ( 背景屬性速記)
    1-18010-2 漸層屬性
    1-18110-2-1 linear-gradient() ( 線性漸層)
    1-18210-2-2 radial-gradient() ( 放射漸層)
    1-18310-2-3 repeating-linear-gradient()、repeating-radial-gradient()( 重複漸層)
    1-18410-3 表格屬性
    1-18510-3-1 caption-side ( 表格標題位置)
    1-18610-3-2 border-collapse ( 表格框線模式)
    1-18710-3-3 table-layout ( 表格版面編排方式)
    1-18810-3-4 empty-cells ( 顯示或隱藏空白儲存格)
    1-18910-3-5 border-spacing ( 表格框線間距)
    1-190CH11 CSS 版面設計
    1-19111-1 使用float 屬性進行版面設計
    1-19211-2 彈性版面
    1-19311-2-1 flex-direction (Flex Item 的排列方向)
    1-19411-2-2 justify-content (Flex Item 的水平對齊方式)
    1-19511-2-3 align-items (Flex Item 的垂直對齊方式)
    1-19611-2-4 flex-wrap (Flex Item 的換行方式)
    1-19711-2-5 align-content (Flex Item 的多行對齊方式)
    1-19811-2-6 order ( 個別Flex Item 的顯示順序)
    1-19911-2-7 align-self ( 個別Flex Item 的垂直對齊方式)
    1-20011-2-8 flex-basis ( 個別Flex Item 的大小)
    1-20111-3 格線版面
    1-20211-3-1 grid-template-columns (Grid Item 的寬度)
    1-20311-3-2 gap (Grid Item 的間距)
    1-20411-3-3 grid-template-rows (Grid Item 的高度)
    1-205CH12 變形、轉場與媒體查詢
    1-20612-1 變形處理
    1-20712-1-1 transform (2D、3D 變形處理)
    1-20812-1-2 transform-origin ( 變形處理原點)
    1-20912-2 轉場效果
    1-21012-3 媒體查詢
    1-211CH13 JavaScript 基本語法
    1-21213-1 撰寫第一個JavaScript 程式
    1-21313-1-1 將JavaScript 程式寫進HTML 文件
    1-21413-1-2 將JavaScript 程式放在外部檔案
    1-21513-2 JavaScript 程式碼撰寫慣例
    1-21613-3 型別
    1-21713-3-1 數值型別 (number)
    1-21813-3-2 字串型別 (s tring)
    1-21913-3-3 布林型別 (boole an)
    1-22013-3-4 unde fined
    1-22113-3-5 null
    1-22213-3-6 函式 (func tion)
    1-22313-3-7 陣列 (arr ay)
    1-22413-3-8 物件 (objec t)
    1-22513-4 變數
    1-22613-5 常數
    1-22713-6 運算子
    1-22813-6-1 算術運算子
    1-22913-6-2 字串運算子
    1-23013-6-3 遞增/ 遞減運算子
    1-23113-6-4 比較運算子
    1-23213-6-5 邏輯運算子
    1-23313-6-6 位元運算子
    1-23413-6-7 指派運算子
    1-23513-6-8 條件運算子
    1-23613-6-9 型別運算子
    1-23713-6-10 運算子的優先順序
    1-23813-7 流程控制
    1-23913-7-1 if
    1-24013-7-2 swtich
    1-24113-7-3 for
    1-24213-7-4 while
    1-24313-7-5 do…while
    1-24413-7-6 for…in
    1-24513-7-7 break 與continue 指令
    1-24613-8 函式
    1-24713-8-1 使用者自訂函式
    1-24813-8-2 匿名函式
    1-24913-8-3 箭頭函式
    1-25013-8-4 函式的參數
    1-25113-8-5 函式的傳回值
    1-25213-9 變數的有效範圍
    1-253CH14 物件
    1-25414-1 認識物件
    1-25514-2 內建物件
    1-25614-2-1 Number 物件
    1-25714-2-2 String 物件
    1-25814-2-3 Math 物件
    1-25914-2-4 Date 物件
    1-26014-2-5 Array 物件
    1-26114-2-6 Error 物件
    1-26214-3 Window 物件
    1-26314-4 Location 物件
    1-26414-5 Navigator 物件
    1-26514-6 History 物件
    1-26614-7 Screen 物件
    1-26714-8 Document 物件
    1-26814-8-1 DOM ( 文件物件模型)
    1-26914-8-2 Document 物件的屬性與方法
    1-27014-8-3 Document 物件的集合
    1-27114-9 Element 物件
    1-272CH15 事件處理
    1-27315-1 事件驅動模式
    1-27415-2 事件的類型
    1-27515-3 定義事件處理程式 / 事件監聽程式
    1-27615-3-1 利用HTML 元素的事件屬性設定事件處理程式
    1-27715-3-2 傳統的DOM 事件處理程式
    1-27815-3-3 DOM L evel 2 事件監聽程式
    1-27915-4 移除事件處理程式 / 事件監聽程式
    1-28015-5 JavaScript 使用範例
    1-28115-5-1 列印網頁
    1-28215-5-2 顯示進入時間
    1-28315-5-3 顯示線上時鐘
    1-28415-5-4 顯示停留時間
    1-28515-5-5 具有超連結功能的下拉式清單
    1-28615-5-6 網頁跑馬燈
    1-287CH16 響應式網頁設計 (RWD)
    1-28816-1 開發適用於不同裝置的網頁
    1-28916-1-1 針對不同裝置開發不同網站
    1-29016-1-2 響應式網頁設計
    1-29116-2 響應式網頁設計原則
    1-29216-3 響應式網頁設計實例
    1-29316-3-1 撰寫HTML 文件
    1-29416-3-2 撰寫CSS 樣式
    1-295CH17 jQuery
    1-29617-1 認識jQuery
    1-29717-2 取得jQuery 核心
    1-29817-3 使用jQuery 核心
    1-29917-3-1 選擇元素
    1-30017-3-2 存取元素的內容
    1-30117-3-3 存取元素的屬性值
    1-30217-3-4 插入元素
    1-30317-3-5 操作集合中的每個物件
    1-30417-3-6 存取CSS 設定
    1-30517-3-7 取得 / 設定元素的寬度與高度
    1-30617-3-8 移除元素
    1-30717-4 事件處理
    1-30817-4-1 .on() 方法
    1-30917-4-2 .off() 方法
    1-31017-4-3 .ready() 方法
    1-31117-5 特效與動畫
    1-31217-5-1 基本特效
    1-31317-5-2 淡入 / 淡出 / 移入 / 移出特效
    1-31417-5-3 自訂動畫
    1-315CH18 Vue.js
    1-31618-1 認識Vue.js
    1-31718-2 安裝與使用Vue.js
    1-31818-3 樣板語法
    1-31918-3-1 資料繫結
    1-32018-3-2 屬性繫結
    1-32118-3-3 使用JavaScript 運算式
    1-32218-4 methods 與computed 屬性
    1-32318-4-1 methods 屬性
    1-32418-4-2 computed 屬性
    1-32518-4-3 可寫入的computed 屬性
    1-32618-5 事件處理
    1-32718-6 表單欄位繫結
    1-32818-6-1 單行文字方塊
    1-32918-6-2 選擇鈕
    1-33018-6-3 核取方塊
    1-33118-6-4 多行文字方塊
    1-33218-6-5 下拉式清單
    1-33318-6-6 v-model 指令與修飾字
    1-33418-7 類別與樣式繫結
    1-33518-8 條件式渲染
    1-33618-9 清單渲染
    1-337版權頁
    1-338封底頁

    常見問答

    您可以透過手機、平板或是電腦登入 HiSKIO 平台，在【我的學習】＞【我的書籍】頁面，選擇想看的電子書。

    猜你喜歡

    用戶評價

    | 收集中

    銷售方案