iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 1904 瀏覽

鐵人賽 Modern Web DAY 3

HTML 與 CSS 學習筆記系列第 3 篇

技術 Day03 - HTML (1) - 標籤、架構、註解

標籤 (tag) 基本上 HTML 就是一堆標籤 (tag) 組合而成有些標籤帶有屬性 (attribute)，多個屬性顯示的先後順序不影響結果屬性通常帶...

hokou ‧ 2020-09-18

0 Like 0 留言 889 瀏覽

鐵人賽自我挑戰組 DAY 18

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 18 篇

技術 Day18 網頁前端-刻意練習(履歷表#3)

Day18 AC 履歷表#3 簡單小語剛好切到這個版面時學習了基礎Github，因此也把連結放上來，算是小小練習，這個版面一看到就非常吸引我，原因到現在都不...

TerryYu ‧ 2020-09-18

0 Like 0 留言 2981 瀏覽

鐵人賽 Modern Web DAY 2

30天切版臨摹！從模仿各大網站掌握商用級的前端HTML/CSS觀念系列第 2 篇

技術從 W3Schools 學習基本頁面佈局 - 前處理【30天切版臨摹 D2】

從 W3Schools 學習基本頁面佈局 - 前處理我剛開始學 HTML, CSS 是在 W3Schools 這個網站上學的，內容非常詳盡，絕對推薦給每一個想...

EasonChang ‧ 2020-09-17

2 Like 1 留言 4279 瀏覽

鐵人賽 Modern Web DAY 2

從平面轉型成網頁設計的 UI/UX 設計師系列第 2 篇

技術【Day 2】首先，什麼是HTML？什麼是CSS？

記得剛開始接觸程式時，看到那些密密麻麻的程式碼，就像看到無字天書一樣，好多小螞蟻在爬呀爬......｡ﾟ(ﾟ´ω`ﾟ)ﾟ｡和它認識久了之後，發現其實沒有想像中...

GG ‧ 2020-09-17 ‧團隊想吃薑母鴨

1 Like 0 留言 1903 瀏覽

鐵人賽 Modern Web DAY 2

HTML 與 CSS 學習筆記系列第 2 篇

技術 Day02 - HTML 和 CSS 概述

HTNL HTML = Hyper Text Markup Languare (超文本標記語言) 寫給瀏覽器看的 HTML 不是一種程式語言 HTML...

hokou ‧ 2020-09-17

0 Like 0 留言 1410 瀏覽

鐵人賽自我挑戰組 DAY 17

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 17 篇

技術 Day17 網頁前端-刻意練習(履歷表#2)

Day17 AC 履歷表#2 簡單小語發現一個樣板的履歷網站再次練習履歷切版，加深觀念，每一次的切版，每一次的練習，都是成就更好的自己，雖然是簡單樣板，相信...

TerryYu ‧ 2020-09-17

2 Like 2 留言 27510 瀏覽

鐵人賽 Modern Web DAY 3

前端開發 30 個問題系列第 3 篇

技術 What is metadata?

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...

TD ‧ 2020-09-16 ‧團隊Outcome First

2 Like 0 留言 2265 瀏覽

鐵人賽 Modern Web DAY 1

HTML 與 CSS 學習筆記系列第 1 篇

技術 Day01 - 說明、工具

前言網頁基礎構成基本就是 HTML 和 CSS，最多再增加 JavaScript，前 2 個我幾乎每次都碰一下就會中斷，畢竟比起基礎的 HTML 和 CSS，...

hokou ‧ 2020-09-16

0 Like 0 留言 3054 瀏覽

鐵人賽 Modern Web DAY 1

30天切版臨摹！從模仿各大網站掌握商用級的前端HTML/CSS觀念系列第 1 篇

技術一起挖掘各大網站原始碼，掌握前端切版概念【30天切版臨摹 D1】

TL;DR，簡介30天切版臨摹 30天，跟我一起 trace 各大網站的 HTML, CSS 程式碼，直接學習好的網站是怎麼被切出來的，用最高效的方式累積實戰經...

EasonChang ‧ 2020-09-16

0 Like 0 留言 1148 瀏覽

鐵人賽自我挑戰組 DAY 16

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 16 篇

技術 Day16 網頁前端-刻意練習(履歷表#1)

Day16 AC 履歷表#1 簡單小語很快地又來到履歷頁面的練習，想當初剛開始學習時就在思考要放什麼在履歷表中，到了現在還是一頭霧水，就是一直練習一直練習，...

TerryYu ‧ 2020-09-16

0 Like 0 留言 767 瀏覽

鐵人賽 Modern Web DAY 2

Ariel 的初學網頁設計筆記系列第 2 篇

技術 Day2: HTML之區塊元素與行內元素

區塊元素1.almost佔滿整個版面2.區塊元素會另起一行來進行呈現行內元素1.比較常用在段落裡面2.沒辦法設定寬高以上練習來自六角學院課程練習：disp...

ariel08 ‧ 2020-09-16 ‧團隊今年三月歐印股票的話就財富自由了耶

0 Like 0 留言 3051 瀏覽

鐵人賽 Microsoft Azure DAY 15

Azure 的自我修煉系列第 15 篇

技術 Day15 網頁基礎知識

網頁基礎知識對於剛接觸網頁的人，首先要認識 HTML、CSS、JavaScript，這三的語言構成基本的網頁結構HTML Wiki 超文本標記語言，是一種用於...

pellok ‧ 2020-09-15

3 Like 0 留言 8769 瀏覽

鐵人賽 Modern Web DAY 2

前端開發 30 個問題系列第 2 篇

技術關於 <link> 的兩三事

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對簡...

TD ‧ 2020-09-15 ‧團隊Outcome First

1 Like 0 留言 1646 瀏覽

鐵人賽自我挑戰組 DAY 15

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 15 篇

技術 Day15 網頁前端-刻意練習(英雄頁面#2)

Day15 AC 英雄頁面#2 簡單小語雖然都是簡易排版及臨時起意的想法，可能實務上用到機會不大，加入了好久沒使用的輪播效果，認為目前尺寸的控制還需加強，常...

TerryYu ‧ 2020-09-15

0 Like 0 留言 15988 瀏覽

鐵人賽 Microsoft Azure DAY 16

Azure 的自我修煉系列第 16 篇

技術 Day16 實作官網教學 JavaScript 呼叫 ASP.NET Core web API

實作官網教學 JavaScript 呼叫 ASP.NET Core web API 延續Day14 實作 ASP.NET Core 建立 Web API 教學，...

pellok ‧ 2020-09-16

4 Like 0 留言 9336 瀏覽

鐵人賽 Modern Web DAY 1

前端開發 30 個問題系列第 1 篇

技術 What is DOCTYPE?

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-09-14 ‧團隊Outcome First

0 Like 0 留言 1181 瀏覽

鐵人賽自我挑戰組 DAY 14

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 14 篇

技術 Day14 網頁前端-刻意練習(英雄頁面#1)

Day14 AC 英雄頁面#1 簡單小語之前在學習AC時做鋼鐵人的練習，當時就想有一天一定要做其他角色然後放上其餘資訊，所以到了今天就毫不猶豫的練習一波，光...

TerryYu ‧ 2020-09-14

0 Like 0 留言 2054 瀏覽

鐵人賽自我挑戰組 DAY 13

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 13 篇

技術 Day13 網頁前端-刻意練習(切版練習)

Day13 金魚切版練習簡單小語金魚的尾聲，總結一下自己練習所學，因此就上網找了兩個字認為切得出來的樣板進行練習(太難的小魯功力不足)，練習的過程也真的...

TerryYu ‧ 2020-09-13

1 Like 1 留言 1228 瀏覽

鐵人賽自我挑戰組 DAY 12

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 12 篇

技術 Day12 網頁前端-刻意練習(不規則邊緣)

Day12 金魚不規則邊緣簡單小語這次的練習較為簡單些，主要就是每個元素的位置控制及掌握，才能讓不規則的邊緣呈現樣式，再利用padding的方式向上推展...

TerryYu ‧ 2020-09-12

1 Like 0 留言 2496 瀏覽

鐵人賽自我挑戰組 DAY 11

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 11 篇

技術 Day11 網頁前端-刻意練習(多層次收合選單)

Day11 金魚多層次收合選單簡單小語這個練習有覺得難了些，必須參考之前的寫法才能將多層次選單寫出來，RWD方面也是思考了一番，經過昨天的練習知道了在J...

TerryYu ‧ 2020-09-11

0 Like 0 留言 2048 瀏覽

鐵人賽自我挑戰組 DAY 10

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 10 篇

技術 Day10 網頁前端-刻意練習(文字排版)

Day10 金魚文字排版簡單小語這次練習的文字排版，一開起來才發現，之前切的都亂掉了且有點難看，開始有點刻意練習的效果出來，就是一看到這東西就會想說怎麼...

TerryYu ‧ 2020-09-10

0 Like 0 留言 1692 瀏覽

鐵人賽自我挑戰組 DAY 9

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 9 篇

技術 Day9 網頁前端-刻意練習(JQ選單)

Day9 金魚 JQ選單簡單小語之前練習往往都是在header上會花些時間，這次的刻意練習就選JQ選單來加深印象，雖然樣板差不多差異在其特效及RWD差異，...

TerryYu ‧ 2020-09-09

0 Like 0 留言 1997 瀏覽

鐵人賽自我挑戰組 DAY 8

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 8 篇

技術 Day8 網頁前端-刻意練習(簡易表格)

Day8 金魚簡易表格簡單小語練習表格一開始真的會搞不清楚欄跟列的排序方式，再慢慢練習後終於知道tr,th,td差異處，一開始看出還真的一頭霧水呢，表格...

TerryYu ‧ 2020-09-08

0 Like 0 留言 2088 瀏覽

鐵人賽自我挑戰組 DAY 7

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 7 篇

技術 Day7 網頁前端-刻意練習(會員登入)

Day7 金魚會員登入簡單小語會員登入畫面的練習，增加了觸摸效果及使用者體驗，先前看Amos老師教學時以為不難，實作才發現很多觀念不足，例如如何放圖片到...

TerryYu ‧ 2020-09-07

2 Like 0 留言 1258 瀏覽

鐵人賽自我挑戰組 DAY 3

大學 50 萬貸款的交代系列第 3 篇

技術 Day 3 _ 關於 HTML 標籤語言 - 3

今晚，我想來點... 收表單就和跑外送一樣，外送員要知道自己要怎麼送以及要送到哪。如同 U 家外送員可以選騎機車或是開車送外送，表單可以選擇用 Post 或 G...

lyuki ‧ 2020-09-06

1 Like 0 留言 11645 瀏覽

技術 Html筆記

哈囉！這篇是個人用來記錄看過什麼而已的筆記！不是什麼技術文章而且正常要放自己部落格會比較正常但還是希望能分享一點學習紀錄此篇文章內容皆來自網路https://...

bluegreenking2 ‧ 2020-09-06

0 Like 0 留言 1274 瀏覽

鐵人賽自我挑戰組 DAY 6

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 6 篇

技術 Day6 網頁前端-刻意練習(綜合練習#2)

Day6 金魚綜合練習#2 簡單小語這次的練習花的時間長了點，主要就是各種不規則以及動畫的搭配上，花了較多時間，也練習了OffCanvas，Scroll...

TerryYu ‧ 2020-09-06

1 Like 1 留言 5525 瀏覽

鐵人賽 Modern Web DAY 5

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 5 篇

技術【D5 - 前端基本功】前端三大語言 -- HTML

HTML: 大家好~ 我是HTML，負責網站裡的內容!CSS: 我負責讓HTML這個醜八怪好看一點~JS: 我得讓懶惰HTML動起來!HTML : ...ㄟ不...

ryanyen2 ‧ 2020-09-05

1 Like 0 留言 2200 瀏覽

鐵人賽自我挑戰組 DAY 2

大學 50 萬貸款的交代系列第 2 篇

技術 Day 2 _ 關於 HTML 標籤語言 - 2

同學幫我填一下問卷好嗎 (･ω´･ ) 不一定是問卷，舉凡註冊、登入、上傳檔案、錯誤回報、甚至是打LOL檢舉中離仔使用的都是 HTML 的表單標籤。表單是一個很...

lyuki ‧ 2020-09-05

0 Like 0 留言 1644 瀏覽

鐵人賽自我挑戰組 DAY 5

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 5 篇

技術 Day5 網頁前端-刻意練習(綜合練習#1)

Day5 金魚綜合練習#1 簡單小語這次的練習發現許多細節在初學時沒有注意好，例如空間的配置以及padding及margin的應用，如何讓版面排起來增加可...

TerryYu ‧ 2020-09-05

技術 Day03 - HTML (1) - 標籤、架構、註解

技術 Day18 網頁前端-刻意練習(履歷表#3)

技術 從 W3Schools 學習基本頁面佈局 - 前處理【30天切版臨摹 D2】

技術 【Day 2】首先，什麼是HTML？什麼是CSS？

技術 Day02 - HTML 和 CSS 概述

技術 Day17 網頁前端-刻意練習(履歷表#2)

技術 What is metadata?

技術 Day01 - 說明、工具

技術 一起挖掘各大網站原始碼，掌握前端切版概念【30天切版臨摹 D1】

技術 Day16 網頁前端-刻意練習(履歷表#1)

技術 Day2: HTML之區塊元素與行內元素

技術 Day15 網頁基礎知識

技術 關於 <link> 的兩三事

技術 Day15 網頁前端-刻意練習(英雄頁面#2)

技術 Day16 實作官網教學 JavaScript 呼叫 ASP.NET Core web API

技術 What is DOCTYPE?

技術 Day14 網頁前端-刻意練習(英雄頁面#1)

技術 Day13 網頁前端-刻意練習(切版練習)

技術 Day12 網頁前端-刻意練習(不規則邊緣)

技術 Day11 網頁前端-刻意練習(多層次收合選單)

技術 Day10 網頁前端-刻意練習(文字排版)

技術 Day9 網頁前端-刻意練習(JQ選單)

技術 Day8 網頁前端-刻意練習(簡易表格)

技術 Day7 網頁前端-刻意練習(會員登入)

技術 Day 3 _ 關於 HTML 標籤語言 - 3

技術 Html筆記

技術 Day6 網頁前端-刻意練習(綜合練習#2)

技術 【D5 - 前端基本功】前端三大語言 -- HTML

技術 Day 2 _ 關於 HTML 標籤語言 - 2

技術 Day5 網頁前端-刻意練習(綜合練習#1)

標記使用者

技術從 W3Schools 學習基本頁面佈局 - 前處理【30天切版臨摹 D2】

技術【Day 2】首先，什麼是HTML？什麼是CSS？

技術一起挖掘各大網站原始碼，掌握前端切版概念【30天切版臨摹 D1】

技術關於 <link> 的兩三事

技術【D5 - 前端基本功】前端三大語言 -- HTML