iT邦幫忙

網頁設計相關文章
共有 840 則文章
鐵人賽 IT技術 DAY 11

技術 什麼情況可考慮用 NoSQL?

前陣子 NoSQL 是被關注的議題, 現在卻是用在無形中而不知覺吧。 SQL與NoSQL的考量 通常應用程式會有需要儲存資料的議題, 採用關連式資料庫是正規傳統...

鐵人賽 IT技術 DAY 10
新手前端日記 系列 第 10

技術 [新手前端]從平面設計前進 CSS-8 背景及overflow

介紹CSS屬性 背景及overflow 今天來講最常用的背景色及背景吧~ color:#fff | rgb(255,0,0) | red 顏色可以用三種方法指...

鐵人賽 IT技術 DAY 10
只是路過 HTML5 系列 第 10

技術 HTML Audio/Video Properties(4)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...

鐵人賽 IT技術 DAY 10

技術 在 Sinatra 使用 flash 的訊息功能

rails 裡內建有 flash 的訊息功能, Sinatra 卻欠卻此好用功能。 (flash不是Adobe的Flash,只是出現訊息作用的名稱) 在 rai...

鐵人賽 IT技術 DAY 24
網站系統規劃實務 系列 第 24

技術 網站系統開發 - 發文系統實作(完)

本篇文章作為網站實戰開發的第十篇, 我們將繼續實作發表文章,將系統基礎建置完成。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要...

鐵人賽 IT技術 DAY 9
只是路過 HTML5 系列 第 9

技術 HTML Audio/Video Properties(3)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 9

技術 測試 Sinatra 的 session 機制

透過 session 的機制,可建立簡單的帳號身分確認的功能。 啟用 session 功能 Sinatra 預設並不啟動 Session 機制, 通常在瀏覽器端...

鐵人賽 IT技術 DAY 23
網站系統規劃實務 系列 第 23

達標好文 技術 網站系統開發 - 發文系統實作(發文篇)

本篇文章作為網站實戰開發的第九篇,我們繼續實作發表文章。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原...

鐵人賽 IT技術 DAY 8
只是路過 HTML5 系列 第 8

技術 HTML Audio/Video Properties(2)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 8

技術 在 Sinatra 以 Sequel 操作資料庫

資料庫的操作是網站常需要的動作, Rails的ORM預設的是 ActiveRecord, Sinatra 也可適用,但也有 DataMapper 及 Seque...

鐵人賽 IT技術 DAY 22
網站系統規劃實務 系列 第 22

達標好文 技術 網站系統規劃 - 發文系統實作(登入篇)

本篇文章作為網站實戰開發的第八篇,我們繼續實作登入狀態。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原...

鐵人賽 IT技術 DAY 7
只是路過 HTML5 系列 第 7

技術 HTML Audio/Video Properties(1)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 7
新手前端日記 系列 第 7

技術 [新手前端]從平面設計前進 CSS-5 盒模型

CSS樣式的空間組成基礎- box 盒模形。 CSS的部分講了四篇,都還在基本概念和 HTML的元素選擇器上,今天終於要正式講到樣式本身的基礎- box 盒模...

鐵人賽 IT技術 DAY 7

技術 在 Sinatra 使用 template engine

之前所舉的例子, 都只是在程式裡寫出個簡單的回應, 並未把完整的 html 畫出來。 雖不不見得一定要用 MVC 的模式, 但利 views 把資料處理與表現的...

鐵人賽 IT技術 DAY 6
只是路過 HTML5 系列 第 6

技術 HTML Audio/Video Methods

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 21
網站系統規劃實務 系列 第 21

達標好文 技術 網站系統規劃 - 很多重複的程式碼?談網頁內容重用、模組化。

本篇文章作為網站實戰開發的第七篇,我們將繼續實作更多細節, 在繼續往下開始之前,我們計畫先聊聊 View 的重用、模組化。 --------系列簡介------...

鐵人賽 IT技術 DAY 6
新手前端日記 系列 第 6

技術 [新手前端]從平面設計前進 CSS-4 權重及覆蓋

介紹CSS 基本概念,權重及覆蓋、繼承 承上篇,繼續針對選擇器說明,我們已經知道在CSS指定樣式的型式: E {color:red;} 選擇器 {類型:參數};...

鐵人賽 IT技術 DAY 7
Front to Back, Node.js 系列 第 7

技術 Null & undefined 型態差異 - Node.js day 7

空無是一種很奇妙的狀態,在 JavaScript 裡面,null, undefined 是一種奇妙的東西。今天來探討什麼是 null ,什麼是 undefine...

鐵人賽 IT技術 DAY 6

技術 用 Sinatra 實作簡單的夢幻筆名 API

光介紹語法使用不大有趣,實作個可用的網站來試試。 之前曾發展過 中文隨機姓名+亂數假文的 script, 是用 shell script 再加上 sinatra...

鐵人賽 IT技術 DAY 20
網站系統規劃實務 系列 第 20

技術 網站系統規劃 - 發文系統實作(註冊篇)

本篇文章我們接續昨天的內容,繼續討論註冊實作的細節。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原本屬...

鐵人賽 IT技術 DAY 5

技術 簡單的 Sinatra 與 Rails 使用對照

同樣是用 rack 為基礎的兩個框架, 有些是相似的地方,有些不同, 從這樣對照,可看出 sinatra 的簡易。 Sinatra Book 提供了蠻完全, 但...

鐵人賽 IT技術 DAY 5
只是路過 HTML5 系列 第 5

技術 HTML5的Video標籤(3)

介紹在<video>裡可以放置的特性(Attributes)- control preload loop muted control 指定是否顯示控...

鐵人賽 IT技術 DAY 19
網站系統規劃實務 系列 第 19

達標好文 技術 網站系統規劃 - 畫面、功能、資料表

本篇文章作為第三週的第五篇,我們續昨天談論到 controller 與 view, 今天進一步的引入 bootstrap 並開始略為進入資料庫的操作。 ----...

鐵人賽 IT技術 DAY 4
只是路過 HTML5 系列 第 4

技術 HTML5的Video標籤(2)

audio和video都是Media Elements- 介紹在<video>裡可以放置的特性(Attributes)- src autoplay...

鐵人賽 IT技術 DAY 4

技術 一個檔案 Sinatra 超簡單上手

簡單的功能 sinatra 可以把程式寫到一個檔案就可以啟動服務。 最簡單的啟動 看一下編輯的檔案及執行的結果: $ cat simple.rb require...

鐵人賽 IT技術 DAY 4
新手前端日記 系列 第 4

技術 [新手前端]從平面設計前進 CSS-2 選擇器之.class #ID

簡介平面設計所需要知道的CSS知識,設計也許不需要實際上寫出CSS,但是對CSS概念的了解可以幫助設計出更好的網頁版面。 上一篇簡介了如何在HTML內使用CSS...

鐵人賽 IT技術 DAY 18
網站系統規劃實務 系列 第 18

達標好文 技術 網站系統規劃 - 說明網站基礎建置(CodeIgniter 篇)

本篇文章作為第三週的第四篇,我們要原訂是要談視覺跟資料表共舞,但是由於撰文進度落後, 所以我們今天將改談 CI 網站基礎建置,將我們的測試專案基礎建置起來, 明...

鐵人賽 IT技術 DAY 3
只是路過 HTML5 系列 第 3

技術 HTML5的Video標籤(1)

應該要先講HTML5的結構 > < 但剛好最近在研究Video標籤。 今天分享筆記: 影片檔是什麼? 編譯解碼器是什麼? 簡單使用&lt...

鐵人賽 IT技術 DAY 3
新手前端日記 系列 第 3

技術 [新手前端]從平面設計前進 CSS-1

由平面設計的角度來看 CSS的基本概念 上一篇簡介了HTML,版面來比喻,HTML就是不同的元素,而CSS就是這些元素的造型。 如果說HTML是一篇有標題、大綱...

鐵人賽 IT技術 DAY 17
網站系統規劃實務 系列 第 17

技術 網站系統規劃 - 視覺 vs 資料,談從資料表到畫面

本篇文章作為第三週的第三篇,我們要接著談資料、畫面與視覺。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個...