iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

前端網頁設計學習旅程 系列

未來三十天預計會從環境建置開始,依序學習 HTML、CSS、網頁排版與切圖,希望在鐵人賽結束後,有能力從無到有做出簡單的網站

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

Day1_前言

小魯今年37歲,也已經到了有學習障礙的年紀了XD 自從大學畢業以後,也大概有十年沒有寫過文章 過去的開發經驗大多是後端程式 前端只有一咪咪 EXTJS + Se...

DAY 2

Day2_HTML入門

HTML CSS JavaScript 要怎麼理解 HTML CSS JavaScript 中間的關係呢?如果用現實世界比喻,HTML就像是名詞,CSS像是形容...

DAY 3

Day3_HTML語法-1

HTML一般使用開始標記及結束標記表示,以下使用範例說明 字體大小 第一個練習的是字體大小的語法,從h1(最大)到h6(最小) <h1>This...

DAY 4

Day4_HTML語法-2

List List分為兩種,有順序性的List(ordered list),以及無順序性的List(unordered list) 有序的List 使用表示有序...

DAY 5

Day5_HTML語法-3

容器 容器的目的是把多個元素包裝起來,可以給予他們共同的設計 HTML提供兩個容器標籤,一個是區塊容器,一個是inline容器,以下分別說明 區塊容器 // 區...

DAY 6

Day6_HTML語法-6

今天把有參加鐵人賽的同事拉了一個群組,好像又有更多堅持下去的理由了XD 下面繼續介紹HTML的標籤 表格 直接上程式 // <table>是表格的標...

DAY 7

Day7_HTML語法-Final

終於到了HTML最後一個系列了,撒花 今天再介紹幾個常用的input,並且提供一個範例作為練習 Radio radio是一個常用來作為單選題的標籤,屬性的設定也...

DAY 8

Day8_CSS-1

跟HTML一樣,CSS並非是一種程式語言,而是一種風格語言。 HTML定義網頁的內容以及骨架,而CSS則是告訴瀏覽器這些資料應該要如何顯現出來。 CSS 的全名...

DAY 9

Day9_CSS語法-文字顏色

在前一篇文章內,介紹了想要改變文字顏色,可以用 color: purple 的做法完成 而CSS提供了大約 120 種顏色可以供選擇,詳細可以參考 w3c 但實...

DAY 10

Day10_CSS語法-背景

背景顏色 在網頁設計中,更換背景顏色也常常出現在各種網頁上 CSS也提供方便的語法,做背景顏色的更換,舉例說明 新增CSS檔案 h4 { background...

髮量稀疏的中年大叔的收藏
髮量稀疏的中年大叔的追蹤
髮量稀疏的中年大叔的Like
髮量稀疏的中年大叔的紀錄