秒懂行動網頁設計: Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作 | 誠品線上

秒懂行動網頁設計: 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。

產品目錄

產品目錄 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 相關工具下載與安裝（電子書，請線上下載）

商品規格

最佳賣點

最佳賣點 : 最容易理解、讓初學者秒懂的範例解說！
最關鍵的完整範例，一個抵十個，重點觀念一次搞懂
最實務的程式碼練習，別再說網頁設計難以上手