iT邦幫忙

DAY 30
6

快寫HTML靜態網頁系列 第 27

快寫:語法 + 框架 + API。靜態:動態的完成

快速回顧一下,為什麼要挑這些主題來構成這一系列的簡介文章。

這系列的快寫 HTML 靜態網頁,
分別就以下的特點來快寫
語法
編輯器上的縮寫語法來 快速 擴展成完整的 HTML;
在展示的時候,zen coding 是很帥的寫HTML的方式。

輕量標籤語言:HAML、Makrdown簡潔語法,
就能夠幾乎足以表示原來HTML所要的呈現,
只要維護輕量標籤語,
相較於較不易讀寫的HTML更容易快速讀取及維護。

框架
就檔案而言,
所要維護的網頁量一多的時候,
框架是快速維護及相關資料一致的好工具;
而框架區分為動態網頁或靜態網頁的框架,
在這系列是檢視靜態網頁產生器之框架。

而就內容編排而言,
CSS 的框架是累積眾多常會用到的樣式的工作,
包裝成容易重複使用的套件來快速使用這些樣式,
並利用 HTML 簡報工具或框架,
快速建立HTML式的簡報頁。

API
就內容而言,實在沒辦法快速,
但又需要有資料來充在版面上,
而利用 假文、圖形 的產生器或API快速地來取用,
免於苦思要塞什麼資料圖文來展示。
這在開發或需展示的時候很實用。

靜態網頁或動態網頁的考量
動態網頁或網頁程式及其框架,
常是要做網頁網站的主要考量,
在此也是再仔細考量,
真正要提供的網站內容,
是否一定要使用者提供資料內容?
如果是的話,基本上就從網頁程式來考量,
如果只是需要讓使用者留言的話,
其實只要外掛第三方的留言工具,
Disqus、甚至 Facebook 的留言功能,
只是單純的留言評論,
不見得一定要自行建置。
而可以用的第三方留言工具有哪些?
可參考這篇:
11 Disqus and IntenseDebate Alternatives
把每一家都介紹一下,也可成一系列。

如果希望網頁能夠較生動,
其實也可以把資料包成 JSON 的格式,
然後用 javascript 來做前端,
可以看起來能動來動去,
但本質上就是靜態網頁。
怎樣把原來是動態網頁或 server 端所畫出的網頁,
改成靜態網頁,卻又是 javascript 為前端,
也應是個有趣的主題。

結語
這幾年來出現的新工具太多了,
原本只想介紹幾個靜態網頁產生器,
但從使用過的這些工具,
覺得可以串成「快寫HTML靜態網頁」的主題,
範圍不會太大到漫無邊際,
也不會侷促到 大多用動態網頁程式者 覺得是沒什麼關係的主題,
所以雖然是講靜態網頁的相關主題,
內文各篇除了講靜態網頁產生器之外,
各篇對任何的網頁開發多少也可以有些參考的作用。
期望這樣的構思經驗分享,
對大家有所幫助。

系列文章列表


上一篇
Shower.js 與其他的HTML簡報工具
系列文
快寫HTML靜態網頁27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
CalvinKuo
iT邦大師 7 級 ‧ 2013-10-15 17:31:10

恭喜大大完成鐵人賽。
開心灑花拍手沙發

我要留言

立即登入留言