iT邦幫忙

鐵人檔案

2013 iT 邦幫忙鐵人賽
回列表

快寫HTML靜態網頁 系列

平凡的HTML可以用不平凡的工具套件產生,避免從頭、重覆造輪子的痛苦。本系列介紹一些編寫HTML相關工具,提升編寫HTML的效率,也有助於開發動態網頁之使用。

鐵人鍊成 | 共 27 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 24

使用 Bootstrap 佈局網頁

Bootstrap 的 Grid system 是依循 960.gs 的方式來佈局。 其中的 .row 是列的單位, 而.col-{媒體形式}-{數字} 算是...

2013-10-09 ‧ 由 逮丸逮丸 分享
DAY 25

圖與文的佈局利用 Bootstrap 完成

圖和文排在一起,沒什麼設計經驗者, 不是排得太單調,就是排得很亂, Bootstrap 把常會用到的樣式, 設計成易於套用或變化。 可能會有一堆的圖與文需要並...

2013-10-10 ‧ 由 逮丸逮丸 分享
DAY 26

為元件上色及小圖示的運用:Bootstrap

以前在HTML裡,按鍵通常只有在做表單送出時才會用到, 但用 Bootstrap 的過程中,按鍵反而成為美化網頁的好方法。 有關美工的設計或怎麼美化, 自己的...

2013-10-11 ‧ 由 逮丸逮丸 分享
DAY 27

套用 Bootstrap 裡的導覽列

常會用到的導覽列,透過 Bootstrap 可快速地套用。 常在網頁上的每一頁常用的樣版裡, 會有同樣的導覽列出現, 最常用的是連結、搜尋或登入的表格以及按鍵...

2013-10-12 ‧ 由 逮丸逮丸 分享
DAY 28

用 HTML + reveal.js 的簡報效果

古早以前有 S5: A Simple Standards-Based Slide Show System, 用 HTML 來做網頁式的簡報的作法, 效果看起來像...

2013-10-13 ‧ 由 逮丸逮丸 分享
DAY 29

Shower.js 與其他的HTML簡報工具

在 前一篇 簡介了很易用的 HTML 簡報, 如果希望在簡報裡是比較多的照片為底圖, 可能就不大方便,後來才發現已有一堆的 HTML 簡報工具可利用。 一堆的...

2013-10-14 ‧ 由 逮丸逮丸 分享
DAY 30

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

快速回顧一下,為什麼要挑這些主題來構成這一系列的簡介文章。 這系列的快寫 HTML 靜態網頁, 分別就以下的特點來快寫: 語法 編輯器上的縮寫語法來 快速 擴...

2013-10-15 ‧ 由 逮丸逮丸 分享