電腦資訊展
秒懂行動網頁設計Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作

秒懂行動網頁設計Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作

  • 定價:550
  • 優惠價:79434
  • 優惠期限:2025年01月31日止
  • 運送方式:
  • 臺灣與離島
  • 海外
  • 可配送點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
  • 可配送點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
  • 台北、新北、基隆宅配快速到貨(除外地區)
載入中...
  • 分享
 

內容簡介

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


  .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 相關工具下載與安裝(電子書,請線上下載)

 
 

詳細資料

  • ISBN:9786263240315
  • 規格:平裝 / 448頁 / 17 x 23 x 2.08 cm / 普通級 / 全彩印刷 / 初版
  • 出版地:台灣

會員評鑑

4
1人評分
|
1則書評
|
立即評分
user-img
Lv.3
4.0
|
2022/06/19

看到主打著專案實作,
加上封面上提到的工具與語言,
完全是目前業界實務上非常主流的需求,
就入手了,

書中的序也強調著,
教學的內容皆是從入職場的學生所作的回饋,
查閱過前面幾版
2017年 秒懂行動網頁設計: Sublime + Bootstrap + CSS3 + HTML5 + Cordova專案實作
2019年 秒懂行動網頁設計Sublime+VS Code+Bootstrap4+CSS3+HTML5+Cordova專案實作
加上這本2021年 秒懂行動網頁設計Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作,
確實可以感受到這不是個僅僅換個書名與書皮的書,
有在與時俱進,

在閱讀內容到第7章後,
心中在問"真的能如書名秒懂嗎"?
這裡我打了一個大大的問號,

起先我單純以閱讀的方式看第5章的範例時,
我看不太懂,
接著我開始照著書本指引的流程,
上機實作才發現到原因,
正常在寫網頁不應該是如此,

大部分的人會先把版面切板好,
寫好版面的標籤,
做一次CSS版面後,
接著把文字與圖片填入,
再做一次CSS調整文字與圖片的呈現方式,

但是這本書卻不是這麼做,
同樣先把版面切板好,
寫好版面的標籤,
這時候它是選擇由上而下一個個區塊來做,
如同神預測般,
知道加入CSS後的內容長什麼樣子,
標記一次標籤後直接做內容的CSS,
做完CSS才填入文字與圖片,
所以我沒辦法在製作過程中,
直接觀察到加入CSS前後的變化,

從第5章做到第7章後,
實在受不了這樣的流程,
加上書本的語法增減的標示沒有非常明顯,
閱讀上也很吃力,
後面的章節完全放棄,
想要學習Bootstrap5 我會選擇其他的書,

最後我還是要給予肯定的是,
確實感受到書本傳達業界實務的精神,
尤其提到使用Git 紀錄過程與Github 建置網站,
這是證明自己的能力與累積作品集最佳的方式,
書中選擇的範例也很值得學習,
就差教學指引能調整成更符合實作會更好,
期待你們的下一版。
展開

最近瀏覽商品

 

相關活動

  • 【自然科普、電腦資訊】張忠謀親筆撰寫、獨家授權自傳,他的一生,一場不能錯過的智慧盛宴!《張忠謀自傳》
 

購物說明

若您具有法人身份為常態性且大量購書者,或有特殊作業需求,建議您可洽詢「企業採購」。 

退換貨說明 

會員所購買的商品均享有到貨十天的猶豫期(含例假日)。退回之商品必須於猶豫期內寄回。 

辦理退換貨時,商品必須是全新狀態與完整包裝(請注意保持商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性,切勿缺漏任何配件或損毀原廠外盒)。退回商品無法回復原狀者,恐將影響退貨權益或需負擔部分費用。 

訂購本商品前請務必詳閱商品退換貨原則 

  • 年度暢銷榜
  • 共和國領券
  • 年度心理祭