首頁 　 本站內容索引

差異處

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

連向這個比對檢視

下次修改 		前次修改
it:diary:2019:04:27-html [2019/04/27 03:27]
ghsrobert 建立 		it:diary:2019:04:27-html [2019/04/27 03:38] (目前版本)
ghsrobert
行 2: 行 2:
 說到文書處理，人們絕大多數都使用 MS Word 之類的軟體進行「所視即所得」（WYSIWYG）的編輯，而成品多半用於平面列印，或是傳輸給別人後，也是一定要用特定軟體來開啟。 說到文書處理，人們絕大多數都使用 MS Word 之類的軟體進行「所視即所得」（WYSIWYG）的編輯，而成品多半用於平面列印，或是傳輸給別人後，也是一定要用特定軟體來開啟。
  
-但是，如果透過功能完整的 WYSIWYG **網頁編輯器**的話((推薦 [[http://bluegriffon.org/|BlueGriffon]]))，其實，不僅能撰寫樣式豐富的網頁，也能透過 HTML+CSS 原本就提供的「樣式表切換」以及 @media 宣告，賦予列印的網頁不遜於文書處理軟體成品的輸出成果。換言之，同一個網頁，只要設定好不同的顯示/列印規則，就可以輕鬆輸出不同版本的成品。況且，只要把網頁文件放到自己的伺服器上，就能把 URL 分享給別人，讓大家都能在線上閱覽，又可隨時更新，非常簡便。+但是，如果透過功能完整的 WYSIWYG **網頁編輯器**的話((推薦 [[http://bluegriffon.org/|BlueGriffon]]))，其實，不僅能撰寫樣式豐富的網頁，也能透過 HTML+CSS 原本就提供的「樣式表切換」以及 @media 宣告，賦予列印的網頁不遜於文書處理軟體成品的輸出成果。換言之，同一個網頁，只要設定好不同的顯示/列印規則，就可以輕鬆輸出不同版本的成品。況且，只要把網頁文件放到自己的伺服器上，就能把 URL 分享給別人，讓大家都能在線上閱覽，又可隨時更新，非常簡便。((我今年這方面的初步成品，是教會主日禮拜歌手們用的歌詞單，初步分享是線上的網頁，然後可以切換不同的顯示樣式、列印樣式，出一版最乾淨沒有複雜註記的歌詞檔，給提詞人員去後製；出一版放大文字的，則可列印給長輩 <<大心>>))
  
-我認為，基層資訊教育在直接教授 WYSIWYG 文書處理應用之前，或許應該先從純文字的編輯，然後再進入 HTML+CSS 的編輯，提供「內容與樣式分離」的思維（抽象 vs. 表象），再讓小朋友看到，HTML+CSS 能做到的 magic，其實比 WYSIWYG 手動編輯，更簡潔、更不易出錯、效率更高（哈哈最後這一段就當作癡人說夢吧，我知道教起來並不容易啦……畢竟要用到一些英文、符號之類的）。+我認為，基層資訊教育在直接教授 WYSIWYG 文書處理應用之前，或許應該先從純文字的編輯，然後再進入 HTML+CSS 的編輯，提供「內容與樣式分離」的思維（抽象 vs. 表象），再讓小朋友看到，HTML+CSS 能做到的 magic，其實比 WYSIWYG 手動編輯，更簡潔、更不易出錯、效率更高/,（哈哈最後這一段就當作癡人說夢吧，我知道教起來並不容易啦……畢竟要用到一些英文、符號之類的）,/。
  
 #注意「網頁編輯器」≠「網頁瀏覽器」 #注意「網頁編輯器」≠「網頁瀏覽器」
 #推薦 [[http://bluegriffon.org/|BlueGriffon]] #推薦 [[http://bluegriffon.org/|BlueGriffon]]
  
-{{tag>資訊教育 HTML CSS BlueGriffon WYSIWYG}}+{{tag>資訊教育 HTML CSS BlueGriffon WYSIWYG published}}