iT邦幫忙

鐵人檔案

2012 iT 邦幫忙鐵人賽
回列表

新手前端日記 系列

其實我不知道前端是啥,我一開始只是想做網頁而已

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

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

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

2012-10-09 ‧ 由 chibc 分享
DAY 2

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

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

2012-10-10 ‧ 由 chibc 分享
DAY 3

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

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

2012-10-11 ‧ 由 chibc 分享
DAY 4

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

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

2012-10-12 ‧ 由 chibc 分享
DAY 5

[新手前端]從平面設計前進 CSS-3 選擇器詳解

簡介 CSS選擇器 上一篇提到要套用樣式,就需要指定某一個特定的元素E 告訴瀏覽器,我就是要把樣式套在這個 E 上面,就像我們作圖時先找出要做特效的圖層然後套用...

2012-10-13 ‧ 由 chibc 分享
DAY 6

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

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

2012-10-14 ‧ 由 chibc 分享
DAY 7

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

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

2012-10-15 ‧ 由 chibc 分享
DAY 8

[新手前端]從平面設計前進 CSS-6 塊級元素及float, reset

分享CSS 的屬性特色 上篇解釋了CSS的盒模型,介紹HTML元素在設計時就像一個個的盒子各自佔用了一個矩形的空間,今天就來接著介紹同樣也是針對元素空間定位的相...

2012-10-16 ‧ 由 chibc 分享
DAY 9

[新手前端]從平面設計前進 CSS-7 元素排序規則- DOM,float,position

繼續說明 CSS 如何控制HTML元素在頁面裡的空間及位置配置。 繼續說明 CSS 如何控制HTML元素在頁面裡的空間及位置配置。 上篇介紹了 display...

2012-10-17 ‧ 由 chibc 分享
DAY 10

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

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

2012-10-18 ‧ 由 chibc 分享