介紹CSS 基本概念,權重及覆蓋、繼承 承上篇,繼續針對選擇器說明,我們已經知道在CSS指定樣式的型式: E {color:red;} 選擇器 {類型:參數};...
空無是一種很奇妙的狀態,在 JavaScript 裡面,null, undefined 是一種奇妙的東西。今天來探討什麼是 null ,什麼是 undefine...
光介紹語法使用不大有趣,實作個可用的網站來試試。 之前曾發展過 中文隨機姓名+亂數假文的 script, 是用 shell script 再加上 sinatra...
本篇文章我們接續昨天的內容,繼續討論註冊實作的細節。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原本屬...
同樣是用 rack 為基礎的兩個框架, 有些是相似的地方,有些不同, 從這樣對照,可看出 sinatra 的簡易。 Sinatra Book 提供了蠻完全, 但...
介紹在<video>裡可以放置的特性(Attributes)- control preload loop muted control 指定是否顯示控...
本篇文章作為第三週的第五篇,我們續昨天談論到 controller 與 view, 今天進一步的引入 bootstrap 並開始略為進入資料庫的操作。 ----...
audio和video都是Media Elements- 介紹在<video>裡可以放置的特性(Attributes)- src autoplay...
簡單的功能 sinatra 可以把程式寫到一個檔案就可以啟動服務。 最簡單的啟動 看一下編輯的檔案及執行的結果: $ cat simple.rb require...
簡介平面設計所需要知道的CSS知識,設計也許不需要實際上寫出CSS,但是對CSS概念的了解可以幫助設計出更好的網頁版面。 上一篇簡介了如何在HTML內使用CSS...
本篇文章作為第三週的第四篇,我們要原訂是要談視覺跟資料表共舞,但是由於撰文進度落後, 所以我們今天將改談 CI 網站基礎建置,將我們的測試專案基礎建置起來, 明...
應該要先講HTML5的結構 > < 但剛好最近在研究Video標籤。 今天分享筆記: 影片檔是什麼? 編譯解碼器是什麼? 簡單使用<...
由平面設計的角度來看 CSS的基本概念 上一篇簡介了HTML,版面來比喻,HTML就是不同的元素,而CSS就是這些元素的造型。 如果說HTML是一篇有標題、大綱...
本篇文章作為第三週的第三篇,我們要接著談資料、畫面與視覺。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個...
為什麼Apple的iPhone和iPad不支援Flash? 為什麼現在Google/Youtube/Vimeo/Android等,越來越多平台,都選擇了HTML...
由平面設計的角度開始去理解HTML的構成 我最早開始做網頁是高中時期,當初還在播接,各校的BBS都還興盛,入口網站是奇摩、蕃薯藤,最大的網路社團是cityfam...
美術底轉前端設計之心路及所需技能之基本概念 我從小就喜歡畫畫,小時候的夢想是當漫畫家,當web開始流行、普及時我正好是剛要上大學的高三生。 那年,我選擇了大眾傳...
本篇文章作為第三週的第二篇,我們透過實際的例子, 來聊聊功能轉換到頁面之後,到底有多大的出入。 --------系列簡介-------- 網站系統可說是現在最多...
第三週開始是系統開發, 首先我們要先瞭解系統的全貌,從 wireframe 下手。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想...
本篇文章作為第二週的最後篇,我們將介紹一些 SQL 的進階用法。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域,...
本篇文章作為第二週的第六篇,我們將繼續討論 SQL 語言在操作資料表的更多指令。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要...
本篇文章作為第二週的第五篇,我們將進入 SQL 的世界, 本篇說明如何使用 phpmyadmin 進行資料庫 SQL 指令的執行以及 SQL 指令的介紹。 --...
本篇文章作為第二週的第四篇,我們將進入資料庫的世界, 本篇說明如何使用 phpmyadmin 進行資料庫的環境建置。 --------系列簡介--------...
本篇文章作為第二週的第三篇,我們將繼續用 Excel , 來說明為何常常會從一個資料表推成多個資料表,這中間的操作過程。 --------系列簡介-------...
本篇文章作為第二週的第二篇, 我們本週將用我們比較熟悉的 Excel ,來說明對照資料庫的角色。 --------系列簡介-------- 網站系統可說是現在最...
本篇文章作為第二週的第一篇, 這週我們將進入流程與資料關係的分析,並著重在資料分析的部份。 --------系列簡介-------- 網站系統可說是現在最多學子...
本篇作為第七篇,也是第一週的結尾, 我們將介紹網頁中常被忽略的細節,header status 。 想知道網頁常見的 404 、500、403 等數字是什麼嗎?...
本篇作為第六篇,我們來談談網頁世界中, 網頁與動態網頁互動的故事,也作為 Form 的延伸討論。 --------系列簡介-------- 網站系統可說是現在最...
本篇作為第五篇,我們來談談網頁世界中, 一個絕對不可或缺,也是頁面與頁面溝通中,最常見的橋樑, 也就是網頁上的表單(form)。 --------系列簡介---...
本篇作為第四篇,我們來談談網頁世界中, 讓前端工程師百思不解,讓 Bug 流連忘返(咦), 讓網頁能夠化腐朽為神奇的,JavaScript。 --------系...