×
秒懂行動網頁設計Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作
作者: 蕭國倫/姜琇森/陳璟誼/董子瑜/朱珮儀/章家源
書號: AEL024900
出版日: 2021/12/10
ISBN:9786263240315
附件: 線上下載
定價: 550
電子書: 未出版
內容特色
最容易理解、讓初學者秒懂的範例解說!
Bootstrap 5語法改版!一次讓你搞懂Bootstrap 4與5之間的差別
最關鍵的完整範例,一個抵十個,重點觀念一次搞懂
最實務的程式碼練習,別再說網頁設計難以上手


■ 第三版新增內容!
 -以熱門網站開發工具Visual Studio Code操作教學,取代Sublime Text。
 -補充雲端版本控制服務GitHub應用,適合程式開發人員放置網頁作品及進行共同編輯。
 -更新網頁轉APP的發佈流程,幫助您快速上架Android APP。
■ Visual Studio Code網頁編輯器入門教學:快速熟悉網頁設計的輕便型/專業型開發工具,善用擴充套件提升網頁建置效率。
■ 雲端版本控制服務GitHub應用:立刻上手網頁設計師必備技能Git服務,以及掌握以Git為核心的GitHub 該如何使用。
■ 清楚圖文說明網頁架構,讓初學者一次上手:以最淺顯易懂的架構說明,觀念正確便能舉一反三。
■ 超實務響應式網頁設計範例(RWD, Responsive Web Design):多個簡單的範例比不上一個完整的應用,關鍵完整範例讓你徹底深入瞭解。
■ 最新版的Bootstrap 5語法教學:讓你快速熟悉最新版的常用語法。
■ 掌握常見響應式版面設計:企業網頁/多欄式網頁/視差網頁/側欄固定網頁,一次搞懂主流RWD版面設計技巧。
■ 搭配範例邊學邊做不易忘!
章節目錄
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 相關工具下載與安裝(電子書,請線上下載)
超值加贈
★本書範例與電子書請參閱書內說明線上下載,其內容僅供合法持有本書的讀者使用。
秒懂行動網頁設計Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作 分享
  • 作者: 蕭國倫/姜琇森/陳璟誼/董子瑜/朱珮儀/章家源
  • 書號:AEL024900
  • ISBN:9786263240315
  • 出版日:2021/12/10
  • 定價:$ 550
  • 電子書:已出版
  • 購買紙本書

    內容特色
    最容易理解、讓初學者秒懂的範例解說!
    Bootstrap 5語法改版!一次讓你搞懂Bootstrap 4與5之間的差別
    最關鍵的完整範例,一個抵十個,重點觀念一次搞懂
    最實務的程式碼練習,別再說網頁設計難以上手


    ■ 第三版新增內容!
     -以熱門網站開發工具Visual Studio Code操作教學,取代Sublime Text。
     -補充雲端版本控制服務GitHub應用,適合程式開發人員放置網頁作品及進行共同編輯。
     -更新網頁轉APP的發佈流程,幫助您快速上架Android APP。
    ■ Visual Studio Code網頁編輯器入門教學:快速熟悉網頁設計的輕便型/專業型開發工具,善用擴充套件提升網頁建置效率。
    ■ 雲端版本控制服務GitHub應用:立刻上手網頁設計師必備技能Git服務,以及掌握以Git為核心的GitHub 該如何使用。
    ■ 清楚圖文說明網頁架構,讓初學者一次上手:以最淺顯易懂的架構說明,觀念正確便能舉一反三。
    ■ 超實務響應式網頁設計範例(RWD, Responsive Web Design):多個簡單的範例比不上一個完整的應用,關鍵完整範例讓你徹底深入瞭解。
    ■ 最新版的Bootstrap 5語法教學:讓你快速熟悉最新版的常用語法。
    ■ 掌握常見響應式版面設計:企業網頁/多欄式網頁/視差網頁/側欄固定網頁,一次搞懂主流RWD版面設計技巧。
    ■ 搭配範例邊學邊做不易忘!
    章節目錄
    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 相關工具下載與安裝(電子書,請線上下載)
    超值加贈
    ★本書範例與電子書請參閱書內說明線上下載,其內容僅供合法持有本書的讀者使用。