iT邦幫忙

網頁設計相關文章
共有 824 則文章
鐵人賽 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 資料,談從資料表到畫面

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

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

技術 為什麼要使用HTML5?

為什麼Apple的iPhone和iPad不支援Flash? 為什麼現在Google/Youtube/Vimeo/Android等,越來越多平台,都選擇了HTML...

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

技術 [新手前端]從平面設計前進 HTML

由平面設計的角度開始去理解HTML的構成 我最早開始做網頁是高中時期,當初還在播接,各校的BBS都還興盛,入口網站是奇摩、蕃薯藤,最大的網路社團是cityfam...

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

達標好文 技術 [設計轉新手前端]我一開始只是單純想做網頁而已

美術底轉前端設計之心路及所需技能之基本概念 我從小就喜歡畫畫,小時候的夢想是當漫畫家,當web開始流行、普及時我正好是剛要上大學的高三生。 那年,我選擇了大眾傳...

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

技術 網站系統規劃 - 從功能到網頁(們)

本篇文章作為第三週的第二篇,我們透過實際的例子, 來聊聊功能轉換到頁面之後,到底有多大的出入。 --------系列簡介-------- 網站系統可說是現在最多...

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

技術 網站系統規劃 - 網站功能分析概論(wireframe)

第三週開始是系統開發, 首先我們要先瞭解系統的全貌,從 wireframe 下手。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想...

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

技術 網站系統規劃 - 再論資料管理

本篇文章作為第二週的最後篇,我們將介紹一些 SQL 的進階用法。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域,...

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

技術 網站系統規劃 - 資料庫語法應知

本篇文章作為第二週的第六篇,我們將繼續討論 SQL 語言在操作資料表的更多指令。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要...

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

技術 網站系統規劃 - 從 Excel 到資料庫,談聰明的人腦到憨直的 SQL

本篇文章作為第二週的第五篇,我們將進入 SQL 的世界, 本篇說明如何使用 phpmyadmin 進行資料庫 SQL 指令的執行以及 SQL 指令的介紹。 --...

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

技術 網站系統規劃 - 資料庫聽起來很複雜很可怕?談資料庫環境建置

本篇文章作為第二週的第四篇,我們將進入資料庫的世界, 本篇說明如何使用 phpmyadmin 進行資料庫的環境建置。 --------系列簡介--------...

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

技術 網站系統規劃 - 資料的成長與分化?續談資料邏輯

本篇文章作為第二週的第三篇,我們將繼續用 Excel , 來說明為何常常會從一個資料表推成多個資料表,這中間的操作過程。 --------系列簡介-------...

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

技術 網站系統規劃 - 資料管理初探(以 Excel 為例)

本篇文章作為第二週的第二篇, 我們本週將用我們比較熟悉的 Excel ,來說明對照資料庫的角色。 --------系列簡介-------- 網站系統可說是現在最...

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

達標好文 技術 網站系統規劃 - 換個角度想想,談將想法描述成情境的練習

本篇文章作為第二週的第一篇, 這週我們將進入流程與資料關係的分析,並著重在資料分析的部份。 --------系列簡介-------- 網站系統可說是現在最多學子...

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

技術 網站系統規劃 - 網站狀態介紹

本篇作為第七篇,也是第一週的結尾, 我們將介紹網頁中常被忽略的細節,header status 。 想知道網頁常見的 404 、500、403 等數字是什麼嗎?...

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

技術 網站系統規劃 - 靜態網頁與動態網頁的故事

本篇作為第六篇,我們來談談網頁世界中, 網頁與動態網頁互動的故事,也作為 Form 的延伸討論。 --------系列簡介-------- 網站系統可說是現在最...

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

技術 網站系統規劃 - 基本網頁元素介紹 表單(Form)

本篇作為第五篇,我們來談談網頁世界中, 一個絕對不可或缺,也是頁面與頁面溝通中,最常見的橋樑, 也就是網頁上的表單(form)。 --------系列簡介---...

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

達標好文 技術 網站系統規劃 - 基本網頁元素介紹, JS

本篇作為第四篇,我們來談談網頁世界中, 讓前端工程師百思不解,讓 Bug 流連忘返(咦), 讓網頁能夠化腐朽為神奇的,JavaScript。 --------系...