iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

從0開始的網頁生活!30天從網頁新手到網頁入門 系列

現代的人們每天都在上網,但你知道網頁是如何打造起來的嗎?你也想一起動手做但卻害怕自己完全沒觀念而導致網頁無法建立起來嗎?本系列文將利用30天的時間一步一步的帶你探索這神奇的網頁讓你可以利用自己的想像力創造出各種網頁出來。

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

達標好文 Day01-系列文介紹、規劃

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 前言 哈囉大家好我是 Andy,這是我第一次參加鐵人賽希望可以如期的每天都能發一篇文章出來 XD...

DAY 2

達標好文 Day02-網頁三兄弟:HTML、CSS、JavaScript

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 網頁架構 在正式進入網頁教學之前先來簡單介紹一下構成網頁三大元素:HTML、CSS、JavaScr...

DAY 3

達標好文 Day03-深入理解網頁架構:DOM

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 什麼是DOM DOM 全名為 Document Object Model 中文翻譯為 文件物件模型...

DAY 4

Day04-CSS選擇器

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 前言 經過 Day02 的介紹相信大家對於 CSS 已經有了初步的瞭解,接下來筆者要介紹的內容可以...

DAY 5

Day05-讓CSS不再難讀!SCSS

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 什麼是SCSS 在開始介紹 SCSS 之前先來介紹一下 SASS,在前一篇的 CSS 選擇器 中相...

DAY 6

Day06-HTML開發利器!Emmet

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 前言 經過前兩天的介紹相信大家都對 HTML 已經有了差不多的概念了,但是當我們在寫 HTML 的...

DAY 7

Day07-網頁排版利器!Flexbox

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 前言 網頁最重要的就是排版,一般來說網頁是由一個一個的 區塊(block) 組合而成,要排得好看基...

DAY 8

Day08-更強大的網頁排版利器!Grid

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 前言 在昨天的 flexbox 介紹相信大家對於排版已經有了初步的了解,藉由 flexbox 讓網...

DAY 9

Day09-CSS定位系統!position

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 前言 一開始學習的網頁都是比較單純都是一行一行的排版,筆者前面的文章也都先以排版的樣式開始介紹,然...

DAY 10

Day10-html tag元素預設排版樣式

本文已搬家到筆者自己的部落格嘍,有興趣的可以點這個連結~ 前言 前面幾篇文章終於把跟排版有關的樣式都說完了,今天這篇文章比較輕鬆一點來講一些 HTML ta...