秒懂行動網頁設計Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作
活動訊息
內容簡介
最容易理解、讓初學者秒懂的範例解說!
最關鍵的完整範例,一個抵十個,重點觀念一次搞懂
最實務的程式碼練習,別再說網頁設計難以上手
.Visual Studio Code網頁編輯器入門教學:快速熟悉網頁設計的輕便型/專業型開發工具,善用擴充套件提升網頁建置效率。
.雲端版本控制服務GitHub應用:立刻上手網頁設計師必備技能Git服務,以及掌握以Git為核心的GitHub 該如何使用。
.清楚圖文說明網頁架構,讓初學者一次上手:以最淺顯易懂的架構說明,觀念正確便能舉一反三。
.超實務響應式網頁設計範例(RWD, Responsive Web Design):多個簡單的範例比不上一個完整的應用,關鍵完整範例讓你徹底深入瞭解。
.最新版的Bootstrap 5語法教學:讓你快速熟悉最新版的常用語法。
.掌握常見響應式版面設計:企業網頁/多欄式網頁/視差網頁/側欄固定網頁,一次搞懂主流RWD版面設計技巧。
.第三版新增內容!
-以熱門網站開發工具Visual Studio Code操作教學,取代Sublime Text。
-補充雲端版本控制服務GitHub應用,適合程式開發人員放置網頁作品及進行共同編輯。
-更新網頁轉APP的發佈流程,幫助您快速上架Android APP。
最關鍵的完整範例,一個抵十個,重點觀念一次搞懂
最實務的程式碼練習,別再說網頁設計難以上手
.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 相關工具下載與安裝(電子書,請線上下載)
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 相關工具下載與安裝(電子書,請線上下載)
配送方式
-
台灣
- 國內宅配:本島、離島
-
到店取貨:
不限金額免運費
-
海外
- 國際快遞:全球
-
港澳店取:
訂購/退換貨須知
退換貨須知:
**提醒您,鑑賞期不等於試用期,退回商品須為全新狀態**
-
依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」,以下商品購買後,除商品本身有瑕疵外,將不提供7天的猶豫期:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮食品)
- 依消費者要求所為之客製化給付。(客製化商品)
- 報紙、期刊或雜誌。(含MOOK、外文雜誌)
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書、電子雜誌、下載版軟體、虛擬商品…等)
- 已拆封之個人衛生用品。(如:內衣褲、刮鬍刀、除毛刀…等)
- 若非上列種類商品,均享有到貨7天的猶豫期(含例假日)。
- 辦理退換貨時,商品(組合商品恕無法接受單獨退貨)必須是您收到商品時的原始狀態(包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等),請勿直接使用原廠包裝寄送,或於原廠包裝上黏貼紙張或書寫文字。
- 退回商品若無法回復原狀,將請您負擔回復原狀所需費用,嚴重時將影響您的退貨權益。
商品評價