iT邦幫忙

html相關文章
共有 878 則文章
鐵人賽 開發技術 DAY 5

技術 全端之路-HTML是基礎 Day05

昨天講到後端的部分, 今天就來說說HTML好了~ 其實我學習HTML一部分是看書 一部分是看別人的網站程式碼 因為有些東西與其自己想 也可以參考別人的做法來調整...

鐵人賽 開發技術 DAY 1

達標好文 技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#1--HTML的緣起與Berners-Lee博士

發表於 2014鐵人賽的三十篇HTML5文章 已經收錄成書、集結成冊 =============================================...

技術 HTML5 -- Form表單 與 輸入驗證(Validate)

HTML5 -- Form表單 與 輸入驗證(Validate) 原本是我要出書的內容 文字與圖片都滿多的 要逐一轉貼到網站上與大家分享,有點累人 我直接把Wo...

技術 HTML5 -- Form表單 與 輸入驗證(Validate)

HTML5 -- Form表單 與 輸入驗證(Validate) 原本是我要出書的內容 文字與圖片都滿多的 要逐一轉貼到網站上與大家分享,有點累人 我直接把Wo...

技術 HTML5 與 SVG圖形入門

SVG(Scalable Vector Graphics) SVG是一種XML語法而且已經納入HTML之中,可以把互動圖形放在您的網頁裡面(放在<svg&...

技術 網頁的 ComboBox 怎麼做? ASP.NET 與 HTML5 DataList

常常有人在論壇上詢問「網頁上有沒有ComboBox」 ComboBox在 Windows程式上很常見 但在網頁HTML表單上,則沒有這個東西 該怎麼實作呢? 常...

技術 jQuery線上相簿 展示器 - fancyBox v2.1.5 安裝步驟

知名的fancyBox是網路上很多朋友推薦的jQuery套件 您可以在多數網站看見類似的效果 產品圖片、線上相簿.....等等 安裝起來也很簡單,不管您試用AS...

鐵人賽 其他技術 DAY 30
快寫HTML靜態網頁 系列 第 27

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

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

鐵人賽 其他技術 DAY 29
快寫HTML靜態網頁 系列 第 26

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

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

鐵人賽 開發技術 DAY 29

技術 [JQuery]判斷頁面圖片是否載入完成並延遲載入

需求 當頁面圖片很多、網路又不快時,圖片顯示會由上往下慢慢顯示,這會讓使用者觀感很不好,故我希望在圖片載入完成時,再將該圖片顯示,並用文字提示載入完成,雖然這個...

鐵人賽 其他技術 DAY 28
快寫HTML靜態網頁 系列 第 25

技術 用 HTML + reveal.js 的簡報效果

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

鐵人賽 其他技術 DAY 27

技術 程式設計師之入門基礎必備知識(27)-HTML

我最早接觸的程式其實是HTML,那時候還是國中不知道有VB這種語言的東西,知道有VB是因為玩天堂的關係,因為當時外掛是用VB寫的,不過當時沒有去接觸,所以就錯失...

鐵人賽 其他技術 DAY 27
快寫HTML靜態網頁 系列 第 24

技術 套用 Bootstrap 裡的導覽列

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

鐵人賽 其他技術 DAY 26
快寫HTML靜態網頁 系列 第 23

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

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

鐵人賽 開發技術 DAY 10
作個網站吧! 系列 第 10

技術 作個網站吧!HTML的二三事(4)-支援不支援?

現在已經是Html5的時代,因應新規格的來臨,我們要放開胸懷迎接Html5的新標籤.... 現在已經是Html5的時代,因應新規格的來臨,我們要放開胸懷迎接Ht...

鐵人賽 其他技術 DAY 24
快寫HTML靜態網頁 系列 第 21

技術 使用 Bootstrap 佈局網頁

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

鐵人賽 開發技術 DAY 24

技術 Day24 Split App 實作官方範例 Blog Reader (1)

實作方式請參考:http://msdn.microsoft.com/en-us/library/windows/apps/hh974582.aspx Blog...

鐵人賽 開發技術 DAY 23

達標好文 技術 [ASP.NET]使用JQuery來傳遞JSON字串

最近又寫回Webform,但跟以前不一樣的事,很多時候我已經捨去掉那些控制項,也不再使用Update Panel,主要是因為不想再使用那肥大的ViewState...

鐵人賽 其他技術 DAY 22
快寫HTML靜態網頁 系列 第 19

技術 用 ez-css 輕量框架快速佈局

如果只需要大區塊的網頁佈局, EZ-CSS是既輕量, 又提供一些常用的例子可立即使用。 早期的網頁佈局常是用 table 的HTML元件來進行, 而用 tab...

鐵人賽 開發技術 DAY 21

技術 Day21 Windows 8 App 的生命週期

(此圖翻繪自 http://msdn.microsoft.com/en-us/library/windows/apps/hh464925.aspx) Win...

鐵人賽 其他技術 DAY 21
快寫HTML靜態網頁 系列 第 18

技術 利用 CSS 框架加速HTML的佈局及美化

前2/3的篇幅是介紹快寫HTML的語法、工具, 以及能夠像動態網頁似地快速更新網頁的靜態網頁產生器。 接下來介紹如何快速安排網頁元素的佈局及美化。 一片空白的...

鐵人賽 其他技術 DAY 20
快寫HTML靜態網頁 系列 第 17

技術 為何及如何選擇靜態網頁產生器

前幾篇簡介了靜態網頁產生器的使用, 事實上不限於這幾種, 而有更多的產生器可選擇。 為何用靜態網頁產生器 怎麼架個自己的站, 一開始只是有個web 網站, 提供...

鐵人賽 其他技術 DAY 19
快寫HTML靜態網頁 系列 第 16

技術 快速建立靜態網頁blog的工具:Jekyll

如果希望在自己的機器裡,建立靜態網頁的blog,Jekyll是快速又功能強大的選擇。 安裝及最簡單的使用 相較於前幾篇所介紹的, 因為功能強大,安裝時所要的套...

鐵人賽 開發技術 DAY 19

技術 [Javascript]knockout.js - 資料處理-清單呈現方式

在第一篇有提到如果你的Web應用主要再處理一些CRUD,那很適合用knockout.js來實現MVVM架構,後續介紹了屬性、事件的控制,這篇就要來介紹在knoc...

鐵人賽 開發技術 DAY 19

技術 Day19 Split App (分割應用程式) 檔案目錄結構介紹

Split App 分割應用程式有別於之前一直練習的空白應用程式。 因為Split App 具有完整的導航模式,從起始畫面之後,可以讓你一步一步的進到下一層.....

鐵人賽 其他技術 DAY 18
快寫HTML靜態網頁 系列 第 15

技術 使 nanoc 支援 HAML, Markdown 格式

既然用 nanoc 可以有效維護網頁, 也試試怎樣讓 nanoc 支援 HAML 的格式。 把layouts/ 裡面改副檔名而成為 default.ham, 且...

鐵人賽 開發技術 DAY 18

技術 [Javascript]knockout.js - 事件處理

這篇要介紹一些寫Web常用的事件,在上面兩篇範例,我們已經有使用到click、checked…等等的事件,這篇主要將其他常用的事件做個介紹,並如何在knocko...

鐵人賽 其他技術 DAY 17
快寫HTML靜態網頁 系列 第 14

技術 適用於個人blog到大企業網站的靜態網站產生器:nanoc

不同於stasis只是單純的轉換, nanoc 有較多的功能快速建立管理網頁。 可執行的指令 nanoc 是 ruby 環境下的工具,只要執行 gem inst...

鐵人賽 開發技術 DAY 16

技術 [Javascript]knockout.js-初體驗

活在這代的程式設計師很幸福,網路資源非常多,且不管Server-Side或者是Client-Side的程式語言,已經越來越多的函式庫能使用,只要簡單的語法就能實...

鐵人賽 其他技術 DAY 16
快寫HTML靜態網頁 系列 第 13

技術 stasis 的即時更新功能

使用 stasis 產生靜態網頁, 除了每更新HAML檔後, 再執行編譯的方式之外, 也提供了即時監測更新的方式。 靜態網頁即時更新 靜態網頁與動態網頁的區別,...