meta data for this page
  •  

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

Both sides previous revision 前次修改
下次修改
前次修改
web-designing [2021/07/03 22:39]
ghsrobert ↷ 頁面名由web-designer改為web-designing
web-designing [2022/11/18 23:23] (目前版本)
ghsrobert ↷ 鏈結因頁面移動而自動修正
行 1: 行 1:
-====== 微專業的網頁開發軟體 ======+====== 網頁開發 ======
  
 ===== 故事 ===== ===== 故事 =====
-身為一個大學時才接觸 HTML 語言的極不專業人士,到了古早以前 Web 2.0 剛萌芽、CSS 剛開始為人所知、但還沒有 HTML5 的時代我是稍微用過當時已經蠻主流的商業軟體 DreamWeaver(那時候還是 Shockwave 旗下!),但當時並不滿意於它處理原始碼的方式,覺得它加料太多。當時我已經見識過 Mozilla 瀏覽器隨附的網頁編輯子程式 Composer,後來又相當推崇它的衍生之作 Nvu、KompoZer,最後到了 2015 年以後應該就是落腳在 [[:BlueGriffon]],到今天 2021/7。+身為一個大學時才接觸 HTML 語言的極不專業人士,到了古早以前 Web 2.0 剛萌芽、CSS 剛開始為人所知、但還沒有 HTML5 的時代我是稍微用過當時已經蠻主流的商業軟體 DreamWeaver(那時候還是 Shockwave 旗下!),但當時並不滿意於它處理原始碼的方式,覺得它加料太多。當時我已經見識過 Mozilla 瀏覽器隨附的網頁編輯子程式 Composer,後來又相當推崇它的衍生之作 Nvu、KompoZer,最後到了 2015 年以後應該就是落腳在 [[web-designing:bluegriffon]],到今天 2021/7。
  
 不過,隨著 BlueGriffon 長年未更新,且在 macOS 11 Big Sur 上已經變得容易當掉,讓我也想開始再找新的 web designer 軟體。 不過,隨著 BlueGriffon 長年未更新,且在 macOS 11 Big Sur 上已經變得容易當掉,讓我也想開始再找新的 web designer 軟體。
  
-===== 研究 =====+===== 工具 =====
   * 什麼時候有這個 [[https://webdesigner.withgoogle.com/|Google Web Designer]] 了?!我都不知道!   * 什麼時候有這個 [[https://webdesigner.withgoogle.com/|Google Web Designer]] 了?!我都不知道!
     * 支援平台寫 macOS 10.10.x 以後 XD 該不會已經沒有更新了吧     * 支援平台寫 macOS 10.10.x 以後 XD 該不會已經沒有更新了吧
行 12: 行 12:
   * [[https://www.realmacsoftware.com/rapidweaver/|Best Web Design Software for Mac - RapidWeaver]]:要錢、果粉專用 = 有距離感   * [[https://www.realmacsoftware.com/rapidweaver/|Best Web Design Software for Mac - RapidWeaver]]:要錢、果粉專用 = 有距離感
   * 再繼續搜尋下去,發現實在太百家爭鳴了,而且未必每款都具有完整的 HTML/CSS IDE 功能,但也反而很多款直接幫忙處理 SEO、responsive 等等現代前端開發的重要成分。覺得Composer/Nvu/KompoZer/BlueGriffon 這一系的設計方式對我來說比較好懂(也有可能是因為我的程度太基礎的關係 :p)   * 再繼續搜尋下去,發現實在太百家爭鳴了,而且未必每款都具有完整的 HTML/CSS IDE 功能,但也反而很多款直接幫忙處理 SEO、responsive 等等現代前端開發的重要成分。覺得Composer/Nvu/KompoZer/BlueGriffon 這一系的設計方式對我來說比較好懂(也有可能是因為我的程度太基礎的關係 :p)
 +
 +先粗分:<div nodetree>
 +  * 現成框架型(不太需要處理 code):<span ex>Wix</span>
 +  * WYSIWYG 型 <span ex>DreamWeaver、BlueGriffon</span>
 +  * coding 型 <span ex>VSCode、Sublime Text</span>
 +</div>
 +
 +  * ++Flux|{{page>.:web-designing:flux&footer}}++
 +===== 參考 =====
 +  * [[https://www.da-vinci.com.tw/tw/blog/web-design-software|我想自己做網站,該用甚麼網頁設計軟體?-網頁設計-部落格-達文西數位科技]](感覺水很深……)