【簡介】
本書內容之敘述力求簡潔，避免深澀理論，著重日常生活、科技新知及工業上應用之實例，期以較活潑生動的方式，充分闡述自然科學精髓。
本書各章節皆附有彩色插圖及圖表，以增加課本印刷之生動，並將專有名詞、例題及圖形說明以不同的字體與內文區別，以提高學生學習之興趣，以達到學習效果。
本書每章末均附有本章學習摘要，以幫助學生能把握學習重點，提高學習成效。
【目錄】
第一章 科學的精神
第二章 物 質
第三章 功、能與交互作用
第四章 地球環境
第五章 生 物
第六章 科技與生活
第七章 資 源
第八章 環境保護與污染防治
附 錄
參考資料
英中文索引
立即查看
網頁設計必學技術－HTML5+CSS3+JavaScript+jQuery+jQuery Mobile+Bootstrap5(第二版) (2版)
類似書籍推薦給您
【簡介】
本書特色
1.提供最新技術、最新語法及範例，助你打造專業響應式網站！
2.集結HTML、CSSS、JavaScript、jQuery、jQuery Mobile及Bootstrap六大必學技術，一次學會網頁程式設計的關鍵技術。
3.完整的語法解說，搭配簡單實用的範例，幫助讀者快速理解及應用。
4.超實用的響應式網頁設計範例，讓你秒懂網頁設計。
內容簡介
網頁設計全攻略，精通六大必學技術！
網頁設計 x AI 工具，讓你的創意無限延伸！
從零開始，掌握超實用響應式網頁設計技巧！
跨平台網頁設計熱門技術大集合！
本書精選了網頁設計必學的技術，分為六大主題，從 HTML5 與 CSS3 的基本概念開始，逐步進入 JavaScript 的動態效果，並探討 jQuery 與 jQuery Mobile 的互動設計，最後介紹流行的 Bootstrap 5 框架，立即學會響應式網頁的製作。搭配 AI 工具的應用，讓你在學習網頁設計技術的同時，也能夠掌握智慧化設計的最新趨勢。
【目錄】
CH01 網頁設計基本概念
1-1 網站基本概念
1-2 網頁設計程式語言
1-3 搜尋引擎最佳化
1-3-1 SEO行銷
1-4 網路資源
1-5 AI工具
1-6 網頁編輯工具
CH02 HTML基本概念
2-1 認識HTML
2-2 HTML檔案命名的原則
2-3 HTML的基本結構
2-4 文件資料元素
CH03 常用的HTML元素
3-1 段落元素
3-2 文字樣式元素
3-3 語意結構區塊元素
3-4 超連結元素
3-5 圖片元素
CH04 影音多媒體、表格及表單元素
4-1 影音多媒體元素
4-2 表格元素
4-3 表單元素
CH05 CSS基本概念
5-1 認識CSS
5-2 CSS的使用方式
5-3 CSS基本選擇器
5-4 組合選擇器
5-5 虛擬類別選擇器
5-6 虛擬元素選擇器
CH06 CSS樣式
6-1 色彩屬性
6-2 字型屬性
6-3 文字段落屬性
6-4 清單屬性
6-5 邊框屬性
6-6 背景屬性
6-7 漸層函式
6-8 表格屬性
6-9 變形、轉場與動畫屬性
CH07 CSS版面設計
7-1 盒子模型
7-2 定位方式
7-3 彈性版面
7-4 Grid網格系統
7-5 媒體查詢
CH08 HTML+CSS網頁設計範例
8-1 單欄式網頁設計範例
8-2 多欄式網頁設計範例
8-3 動畫效果設計範例
CH09 JavaScript基本概念
9-1 認識JavaScript
9-2 常數與變數
9-3 運算子
9-4 流程控制
9-5 函式
9-6 陣列
CH10 JavaScript物件、DOM與事件處理
10-1 物件
10-2 BOM與DOM
10-3 事件
10-4 JavaScript範例實作
CH11 jQuery
11-1 jQuery基本概念
11-2 jQuery選擇器
11-3 CSS與DOM的處理
11-4 事件
11-5 特效與動畫
11-6 jQuery UI組件
11-7 jQuery範例實作
CH12 jQuery Mobile
12-1 jQuery Mobile基本概念
12-2 jQuery Mobile UI元件
12-3 jQuery Mobile表單
12-4 jQuery Mobile事件
12-5 行動網頁實作範例
CH13 Bootstrap基本概念
13-1 認識Bootstrap
13-2 Bootstrap網格系統
13-3 類別的使用
CH14 Bootstrap元件
14-1 Button元件
14-2 Collapse與Accordion元件
14-3 Card元件
14-4 Carousel元件
14-5 Navs&Tabs/Navbar/Pagination元件
14-6 Tooltip/Popover/Modal/Offcanvas元件
CH15 Bootstrap響應式網頁設計範例
15-1 兩欄式網頁設計範例
15-2 商品網頁設計範例
立即查看
HTML5、CSS3、JavaScript、Bootstrap5、jQuery、jQuery Mobile跨裝置網頁設計 (5版)
類似書籍推薦給您
HTML5、CSS3、JavaScript、Bootstrap5、jQuery、jQuery Mobile跨裝置網頁設計
ISBN13：9786263240186
出版社：碁峰資訊
作者：陳惠貞
裝訂／頁數：平裝／496頁
規格：23cm*17cm*2.3cm (高/寬/厚)
版次：5
出版日：2021/11/16
中國圖書分類：電腦；資料處理
內容簡介
★一次掌握PC網頁與行動網頁的關鍵技術！
以大量的範例進行語法教學，佐以整合的範例開發響應式網頁與行動網頁，破除初學者見樹不見林、無法靈活運用各項技術的迷思！
■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。
■ 使用CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形處理、轉場效果、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。
■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。
■ 使用jQuery的核心語法、事件與特效，讓網頁設計更快速便利。
■ 使用Bootstrap5開發響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。
■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置、跨瀏覽器所面臨的相容性問題交給jQuery Mobile處理。
目錄
Part 1 HTML5
Ch01 網頁設計簡介
Ch02 文件結構
Ch03 資料編輯與格式化
Ch04 圖片與表格
Ch05 影音多媒體
Ch06 表單
Part 2 CSS3
Ch07 CSS基本語法
Ch08 字型、文字與清單屬性
Ch09 色彩、背景、漸層與表格屬性
Ch10 Box Model與定位方式
Ch11 特殊效果與媒體查詢
Part 3 JavaScript & jQuery
Ch12 JavaScript基本語法
Ch13 物件、DOM與事件處理
Ch14 jQuery
Part 4 響應式網頁設計 & Bootstrap
Ch15 使用Bootstrap開發響應式網頁
Ch16 Bootstrap元件
Ch17 RWD網頁實例
Part 5 行動網頁設計 & jQuery Mobile（此單元為PDF電子書，請線上下載）
Ch18 使用jQuery Mobile開發行動網頁
Ch19 jQuery Mobile UI元件
立即查看
學好跨平台網頁設計--HTML5、CSS3、JavaScript、jQuery與Bootstrap 5超完美特訓班(附範例/RWD影音教學) (3版)
類似書籍推薦給您
學好跨平台網頁設計：HTML5、CSS3、JavaScript、jQuery與Bootstrap 5超完美特訓班（附範例/RWD影音教學）（第三版）
系列名：網頁開發設計
ISBN13：9789865029074
出版社：碁峰資訊
作者：鄧文淵-總監製;文淵閣工作室-編著
裝訂／頁數：平裝／512頁
規格：23cm*17cm*2.3cm (高/寬/厚)
版次：3
出版日：2021/08/04
中國圖書分類：電腦；資料處理
內容簡介
最熱門的跨平台網頁設計技術大集合！
6大主題、300個立即可套用範例，全新Bootstrap 5來襲，
最適合全面學習、現學現用的21堂經典關鍵課！
HTML5是最主流的跨平台網頁開發技術，書中以HTML5為主體，綜合當今最經典的跨平台網頁程式設計工具，完整解鎖各項技術，提供最佳學習途徑，現學現用！
【結合最新前端技術】
全面引進最新的前端框架與技術，無論是HTML5、CSS3、JavaScript、jQuery、jQuery Mobile或是Bootstrap 5，都能銜接學習而快速上手，打造符合新一代標準的跨平台網站。
全新Bootstrap 5更是新一代RWD網站開發中的熱門焦點，能讓網頁因應不同大小的螢幕自動改變內容的配置，確保每個平台的使用者都能得到最好的操作體驗。無論是框架的安裝方式、格線系統的使用、網頁的元件、表單及工具的應用，一直到網頁互動程式的開發，Bootstrap 5都能提供簡單但功能強大的幫助！
【徹底掌握開發語法】
透過詳細語法解說、大量圖表示意，引領了解各主題的核心概念與重點技術，並利用最適合的開發工具進行範例實作，徹底掌握語法與應用。
【立即套用海量範例】
提供大量範例應用，每個主題都依功能別加入實用範例，可依架構學習，也可以依功能主題立即尋找可套用的範例。
【跨越平台行動優先】
面對行動裝置的普及，網頁就必須跨越不同螢幕尺寸，因應不同作業平台。書中將RWD網頁建置技術徹底解構，進而掌握從電腦到手機版網頁的設計心法，讓跨平台網頁製作更簡單！
【超值RWD影音教學】
提供RWD(Responsive Web Design，響應式網頁設計)使用Bootstrap 5的實戰影音教學，利用Bootstrap 5引導您從無到有快速打造一個跨平台的RWD網站，快速強化開發實力！
【超值學習資源】範例程式檔、RWD網頁快速開發：使用Bootstrap 5實戰影音教學
目錄
01 HTML基礎入門
HTML5除了簡化了HTML語法的結構，提供了許多功能標籤能夠直接控制音效、影片等多媒體檔案的播放，並且進一步加入控管地理位置的Geolocation API、繪圖的Canvas API、本地端的資料庫、離線的儲存機制 ⋯ 等讓人期待的功能，讓網頁的呈現與應用提升到另一個不同的層次。
1.1 HTML的出現
1.2 HTML5的歷史
1.3 HTML5的新功能
1.4 HTML5的編輯與瀏覽
02 HTML結構與文字段落
HTML是一個很重要的語法，它能整合文字、圖片、聲音、動畫、影片等內容，藉由瀏覽器讓資訊能夠無遠弗屆，深入到每個角落。在這裡先介紹HTML的文字段落與超連結等標籤，扎實打好HTML的基礎。
2.1 HTML文件結構
2.2 段落
2.3 文字格式
2.4 HTML5的語意標籤
03 超連結、圖片、音效與影片
超連結是HTML 中很重要的一個元素，藉由超連結能夠將不同的網站連繫在一起，也能連結到不同的網站，甚至是不同的資源。除了文字之外，圖片、音效與影片更是HTML 中很重要的內容。本章將要說明如何在網頁中加入圖片、音效與影片，並說明HTML5 新增的元素與功能，讓多媒體的資源豐富您的網頁與內容。
3.1 路徑的表示方法
3.2 超連結
3.3 圖片
3.4 音效的使用
3.5 影片的使用
04 表格與表單
表格是網頁中資料展示的重要利器，本章將分析表格中各個部位，並說明相關的標籤與屬性。表單是網站與瀏覽者互動的窗口，不同的資料需要不同的表單元件來傳送。本章除了介紹HTML中原有的表單元件的建置方式，並會進一步說明HTML5新增的表單元件與使用方式。
4.1 表格
4.2 表單
05 CSS基礎入門
CSS(Cascading Style Sheets)樣式表在網頁設計中占了十分重要的地位，HTML是將網頁進行結構化的製作，而CSS可以依照這個結構進行美化，提升網頁載入的速度，有系統的打造網站的風格。
CSS選擇器是套用樣式的基本功夫，除了一般的套用之外，還能使用屬性選擇器、虛擬類別選擇器、虛擬元素選擇器及組合選擇器，讓樣式的套用更靈活。
5.1 認識CSS
5.2 CSS3的新功能
5.3 CSS的套用方式
5.4 CSS基本語法
5.5 CSS基本選擇器
5.6 CSS屬性選擇器
5.7 CSS虛擬類別選擇器
5.8 CSS虛擬元素選擇器
5.9 組合選擇器
5.10 CSS選擇器的套用順序
06 顏色與文字設定
網頁中顏色的使用相當重要，除了能提高閱讀的舒適度，善用顏色的搭配能讓頁面的表現更加分。文字是網頁中最基礎但也最重要的內容，使用CSS 能快速的定義文字大小，粗細、字型、顏色 ... 等樣式，讓文字的呈現不再一成不變。
6.1 顏色的設定
6.2 文字大小、字型及相關的樣式設定
6.3 字型設定
07 段落與表列設定
文字段落的樣式包括了行距、文字間距、對齊、縮排 ... 等，對於網頁資訊的呈現也相當重要。表列資料的呈現分為項目符號及編號，對於資料的表現十分重要。CSS 的設定能更完美的呈現表列資料。
7.1 文字段落相關的樣式設定
7.2 項目符號及編號的設定
7.3 超連結的樣式設定
7.4 CSS3：文字陰影
08 背景與框線設計
在網頁中可以為元素設定背景，可以凸顯前景的內容。設定的方式十分多元，可以使用顏色、圖片，並能設定背景圖片的位置，背景圖片重複的方式，以及透明度，甚至使用漸層顏色。框線與背景設定的條件十分相似，只要是區塊的標籤元素都能設定框線。除了顏色、粗細，還能設定顯示的樣式，設定圓角，加上陰影。
8.1 設定背景顏色及圖片
8.2 設定透明度
8.3 設定漸層
8.4 框線的設定
8.5 表格框線
8.6 CSS3：圓角框線
8.7 CSS3：區塊陰影
09 盒子模型與版面定位
在網頁的版面上可以說是一個個盒子所組成的，只要能熟悉盒子模型的結構，即可準確的規劃版面中每個區塊的尺寸以及與其他區塊之間的排列狀態。float屬性能將元素設置到所在容器的最左方或最右方成為浮動元素，跟在該元素後方的內容就接著流動到剩下來的位置中。position屬性能精確的定位區塊元素的位置，並依不同特性安排區塊元素的展示方法。CSS3的媒體查詢能根據不同媒體、不同的特性給予不同的CSS樣式設定。
9.1 使用元素結構的重要觀念
9.2 認識盒子模型
9.3 float的使用
9.4 position的使用
9.5 媒體查詢
...
立即查看
跟著實務學習HTML5、CSS3、JavaScript、jQuery、jQuery Mobile、Bootstrap 4&Cordova(增訂版)
類似書籍推薦給您
立即查看
秒懂行動網頁設計Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作 (1版)
類似書籍推薦給您
秒懂行動網頁設計Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作
ISBN13：9786263240315
出版社：碁峰資訊
作者：蕭國倫;姜琇森;陳璟誼;董子瑜;朱珮儀;章家源
裝訂／頁數：平裝／448頁
規格：23cm*17cm*2cm (高/寬/厚)
版次：1
出版日：2021/12/20
中國圖書分類：電腦；資料處理
內容簡介
最容易理解、讓初學者秒懂的範例解說！
最關鍵的完整範例，一個抵十個，重點觀念一次搞懂
最實務的程式碼練習，別再說網頁設計難以上手
．Visual Studio Code網頁編輯器入門教學：快速熟悉網頁設計的輕便型/專業型開發工具，善用擴充套件提升網頁建置效率。
．雲端版本控制服務GitHub應用：立刻上手網頁設計師必備技能Git服務，以及掌握以Git為核心的GitHub 該如何使用。
．清楚圖文說明網頁架構，讓初學者一次上手：以最淺顯易懂的架構說明，觀念正確便能舉一反三。
．超實務響應式網頁設計範例（RWD, Responsive Web Design）：多個簡單的範例比不上一個完整的應用，關鍵完整範例讓你徹底深入瞭解。
．最新版的Bootstrap 5語法教學：讓你快速熟悉最新版的常用語法。
．掌握常見響應式版面設計：企業網頁／多欄式網頁／視差網頁／側欄固定網頁，一次搞懂主流RWD版面設計技巧。
．第三版新增內容！
-以熱門網站開發工具Visual Studio Code操作教學，取代Sublime Text。
-補充雲端版本控制服務GitHub應用，適合程式開發人員放置網頁作品及進行共同編輯。
-更新網頁轉APP的發佈流程，幫助您快速上架Android APP。
目錄
chapter 1 Visual Studio Code+GitHub使用教學
1-1 Visual Studio Code安裝教學
1-2 Visual Studio Code基本介紹
1-3 Visual Studio Code常用導覽列介紹
1-4 Visual Studio Code延伸套件安裝教學
1-5 Git版本控制
1-6 視覺化介面操作Git
chapter 2 初學HTML
2-1 何謂HTML
2-2 HTML文件架構
2-3 認識HTML標籤
2-4 全域屬性
2-5 瀏覽器除錯網頁教學
chapter 3 初學CSS
3-1 何謂CSS
3-2 DIV+CSS排版法
3-3 CSS 選擇器
3-4 CSS 語法的放置位置
3-5 繼承權與優先權
3-6 常見的CSS樣式
chapter 4 網頁建置流程與網頁設計
4-1 前置作業
4-2 套用normalize
4-3 套用jQuery
4-4 網頁設計
4-5 響應式網頁設計
4-6 Media Queries
4-7 設定Viewport
chapter 5 利用HTML+CSS製作基本版型
5-1 單欄式版面
5-2 單欄式響應式版面
5-3 雙欄式版面
5-4 登入版面
chapter 6 初學Bootstrap 5
6-1 認識Bootstrap
6-2 認識網格系統
6-3 常用Bootstrap類別
6-4 認識Bootstrap 4與 Bootstrap 5的差異
chapter 7 使用Bootstrap 5開發響應式網站
7-1 首頁
7-2 關於我們
7-3 產品項目
7-4 產品細節
chapter 8 常見Bootstrap 5響應式版面教學
8-1 企業網頁
8-2 個人部落格
8-3 視差網頁
8-4 側欄固定網頁
chapter 9 網頁轉App
9-1 APP 開發方式
9-2 開發環境安裝
9-3 利用Android Studio將網頁轉換成App
9-4 Android App上架流程
附錄A 參考網站
附錄B 相關工具下載與安裝（電子書，請線上下載）
立即查看
華通書坊
