秒懂 AI 輔助行動網頁設計：Visual Studio Code + GitHub Copilot + Bootstrap 5 + CSS3 + HTML5 + Web 專案實作
蕭國倫、姜琇森、莊淑玲、朱珮儀
- 出版商: 碁峰資訊
- 出版日期: 2025-11-18
- 定價: $560
- 售價: 7.9 折 $442
- 語言: 繁體中文
- 頁數: 400
- 裝訂: 平裝
- ISBN: 6264251909
- ISBN-13: 9786264251907
-
相關分類:
Visual Studio
尚未上市，歡迎預購
相關主題
商品描述
最容易理解、讓初學者秒懂的範例解說！
最關鍵的完整範例，一個抵十個，重點觀念一次搞懂
最實務的程式碼練習，別再說網頁設計難以上手
■ 內容再強化
-整合GitHub Copilot人工智慧輔助功能，加速程式編寫效率，體驗AI驅動的網頁開發流程。
-強化CSS3與HTML5最新特性詳解，掌握最新網頁技術趨勢，打造現代化行動網頁介面。
-多個超實務專案範例，從零開始一步步完成完整行動網頁設計作品。
■ Visual Studio Code網頁編輯器入門教學
快速熟悉輕便型／專業型的熱門網站開發工具，搭配擴充套件大幅提升網頁建置效率。
■ GitHub Copilot AI程式輔助工具
學習如何善用AI協作工具提高開發效率，讓你更輕鬆、更快速地完成網頁設計任務。
■ 雲端版本控制服務GitHub應用
立刻掌握Git核心概念，透過GitHub輕鬆放置網頁作品、團隊協作，掌握業界實務技能。
■ HTML5與CSS3核心技術詳解
圖文並茂，透過最淺顯易懂的範例說明，快速理解並奠定紮實的網頁開發基礎。
■ 超實務響應式網頁設計範例（RWD）
多個完整且實用的專案實作範例，讓你徹底了解從零打造各種螢幕尺寸都完美呈現的網頁技巧。
Bootstrap 5語法教學，帶你迅速掌握框架語法，輕鬆建構美觀且功能完整的響應式網頁。
■ 掌握主流響應式版面設計技巧
企業網頁／多欄式網頁／視差網頁／側欄固定網頁，最完整的範例說明，一次搞懂主流版面設計方式。
■ 搭配範例邊學邊做更有效！
目錄大綱
chapter 1 在 Visual Studio Code 上結合 GitHub Copilot 與 Git
1-1 Visual Studio Code 安裝與基本介紹
1-2 Visual Studio Code 延伸套件安裝教學
1-3 GitHub Copilot 簡介
1-4 GitHub Copilot 使用教學
1-5 Git 版本控制
1-6 視覺化介面操作 Git
chapter 2 初學 HTML
2-1 何謂 HTML
2-2 HTML 文件架構
2-3 利用 GitHub Copilot 認識 HTML 標籤
2-4 全域屬性
2-5 瀏覽器除錯網頁教學
chapter 3 初學 CSS
3-1 何謂 CSS
3-2 DIV+CSS 排版法
3-3 利用 GitHub Copilot 輔助學習CSS 選擇器
3-4 CSS 語法的放置位置
3-5 繼承權與優先權
3-6 常見的 CSS 樣式
chapter 4 網頁建置流程與網頁設計
4-1 前置作業
4-2 套用 jQuery
4-3 網頁設計
4-4 響應式網頁設計
4-5 Media Queries
4-6 設定 Viewport
chapter 5 利用 HTML+CSS 製作基本版型
5-1 單欄式版面
5-2 使用 GitHub Copilot 快速製作單欄式響應式版面
5-3 雙欄式版面
5-4 登入版面
chapter 6 初學 Bootstrap 5
6-1 認識 Bootstrap
6-2 認識網格系統
6-3 常用 Bootstrap 類別
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 網站公開展示
9-1 GitHub Pages
9-2 Cloudflare Pages
