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

0 Like 0 留言 669 瀏覽

鐵人賽 Modern Web DAY 5

手把手web初學者系列第 5 篇

技術開始製作HTML表單吧~(二)

嗨~今天我們要繼續把昨天"青年創業及啟動金貸款創業貸款申請表"完成! 檔案:青年創業及啟動金貸款創業貸款申請表表單第二部分在創建新的表個這...

我是誰我在哪... ‧ 2022-09-18

1 Like 0 留言 3700 瀏覽

鐵人賽 Modern Web DAY 3

擊敗前端面試大作戰！系列第 3 篇

技術 [擊敗前端面試大作戰] HTML 和 CSS

今天是擊敗前端面試大作戰正文的第一篇！我們就先來點輕鬆的吧，今天會討論文章的寫作方式會是以面試問答為主，歡迎讀者先把回答遮住試著答看看，再看回答!。這一篇文...

bywater529 ‧ 2022-09-17

0 Like 0 留言 603 瀏覽

鐵人賽影片教學 DAY 17

從筆記語法帶入網頁設計系列第 17 篇

技術 Day17 HTML表單

<form action="/formprocess.php" method="post"> &l...

馬鈴薯 ‧ 2022-09-17

0 Like 0 留言 2428 瀏覽

鐵人賽自我挑戰組 DAY 11

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 11 篇

技術 Day 11 Side Project : Event KeyCodes 鍵盤輸入代碼

今天要做的是鍵盤代碼轉換器，隨著鍵盤的輸入值不一樣，會動態顯示它的code、key、keyCode這些資訊，相信大家可能在學javaScript的過程中也會用過...

hannnahTW ‧ 2022-09-17

1 Like 0 留言 1068 瀏覽

鐵人賽 Modern Web DAY 2

前端三分鐘 X 從把妹角度理解前後端如何和平相處系列第 2 篇

技術 HTML DOM、HTML5、HTML Template (2)

什麼是 HTML 底下用三句話來說明什麼是 HTML HTML (HyperText Markup Language) 是一種基礎技術是 “標記” 語言。 H...

linyencheng ‧ 2022-09-17

0 Like 0 留言 962 瀏覽

鐵人賽 Modern Web DAY 4

手把手web初學者系列第 4 篇

技術開始製作HTML表單吧~(一)

昨天介紹完HTML表單常用的元件，今天我們就來時做一個吧~我找了一個申請表作為範例，一起來將此表格做成表單今天先來做表格的第一部分，光是第一部份就打了147行呢...

我是誰我在哪... ‧ 2022-09-17

0 Like 0 留言 728 瀏覽

鐵人賽自我挑戰組 DAY 2

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 2 篇

技術 Day 2 HTML的基本認識

前言瀏覽網頁這件事充斥在我們的生活中，可能上網問谷哥大神想解決什麼疑難雜症的，可以查詢各式各樣的資訊，不管是文字、圖片或影片等等的，對於現在的我們來說這是一件...

candy82202 ‧ 2022-09-17

0 Like 0 留言 714 瀏覽

鐵人賽自我挑戰組 DAY 1

一趟30天網頁設計的學習冒險＃explain like i‘m five 系列第 1 篇

技術 Day 1 環境建置

前言像我這樣一個對程式語言，一無所知卻試圖想要進來這樣一個領域的初學者來說腦袋畫面閃過的不外乎寫程式的就像是電影裡面打字噠噠噠很快速的駭客好像咻咻咻幾分鐘...

candy82202 ‧ 2022-09-16

1 Like 0 留言 1779 瀏覽

鐵人賽自我挑戰組 DAY 2

手刻武器庫，30 天前端學習心得系列第 2 篇

技術 Day 02：架設第一個自己的網站

一、前言想要在有限的時間內快速建立自己的網站，對於追求效率的人來說，是一件很有吸引力的事情，但是這件事情最大的缺點，就是會花上不少的金錢與心力。一般來說，想...

東尼先生 ‧ 2022-09-16

1 Like 0 留言 7212 瀏覽

鐵人賽 Modern Web DAY 2

從零開始手刻網站，30 天打造我的前端武器庫系列第 2 篇

技術 Day 02：Button 組件實作

組件實作 : Demo 一、前言 Button 是能夠廣泛被應用的組件之一。製作 Button 方法不只一種，你可以使用<div>、<b...

東尼先生 ‧ 2022-09-16

0 Like 1 留言 671 瀏覽

鐵人賽自我挑戰組 DAY 10

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 10 篇

技術 Day 10 Side Project : Sound Board 聲音操控版

今天要來做聲音操控版，點按圖中的每個按鈕，就會播放音檔，而當我同時又點了別的按鈕，就會暫停原本的音檔，播放別的音檔，蠻有趣的ヽ(✿ﾟ▽ﾟ)ノ程式碼其實不...

hannnahTW ‧ 2022-09-16

0 Like 0 留言 758 瀏覽

鐵人賽自我挑戰組 DAY 9

Do you wanna play? CSS game ぎりぎり系列第 9 篇

技術 [Day 9] Metaballs: 西索伸縮自如的黏黏球

Metaballs 今天我們來實作Day #8黏黏球，這是一個很常見的動畫，但實作上還是蠻有難度的，就讓我們繼續看下去吧~CodePen: https://co...

steventhibe ‧ 2022-09-16

0 Like 0 留言 721 瀏覽

鐵人賽自我挑戰組 DAY 8

Do you wanna play? CSS game ぎりぎり系列第 8 篇

技術 [Day 8] Notifications, Search and Menu: 叮咚~您有一則新訊息~

Notifications, Search and Menu 在資訊爆炸的時代，每個人都有許多社群媒體，訊息通知是不停不停地響，叮咚叮咚，今天就來實作Day #...

steventhibe ‧ 2022-09-15

0 Like 0 留言 635 瀏覽

鐵人賽自我挑戰組 DAY 15

小白網頁設計練成記系列第 15 篇

技術小白網頁設計練成記-DAY15-淺談HTML-get和post

GET和POST，在我們日常WEB開發中，是最常用的資料傳輸方式。在HTML FROM表單中，可以通過設定method指定提交方式為GET或者POST方式，預...

Eric ‧ 2022-09-15

0 Like 0 留言 794 瀏覽

鐵人賽 Modern Web DAY 3

手把手web初學者系列第 3 篇

技術建立連結的開始-HTML表單介紹

今天我們要來介紹HTML的表單表單在我們網頁非常常見呦~像是登入註冊、報名活動、心理測驗等等...在網頁中表單扮演了你與使用者溝通的橋樑 ▲ IT邦幫忙的登入表...

我是誰我在哪... ‧ 2022-09-16

0 Like 0 留言 1074 瀏覽

鐵人賽自我挑戰組 DAY 1

手刻武器庫，30 天前端學習心得系列第 1 篇

技術 Day 01：前言（2022 自我挑戰）

嗨大家好！我是東尼先生（Tony）。一個有一點點強迫症外加三分鐘熱度的前端工程師。一、前言第一次參加鐵人賽，我的心情是既期待又怕受傷害。想參賽的主...

東尼先生 ‧ 2022-09-15

0 Like 0 留言 1734 瀏覽

鐵人賽 Modern Web DAY 1

從零開始手刻網站，30 天打造我的前端武器庫系列第 1 篇

技術 Day 01：前言（2022 主題競賽）

一、前言早在幾年前，我一直有著經營自己 Blog 的小小願望，但是礙於不知道要寫些什麼主題，這個願望就一直被我藏在心中遲遲未去執行。而在無意間，我得知鐵人賽...

東尼先生 ‧ 2022-09-15

0 Like 0 留言 460 瀏覽

鐵人賽影片教學 DAY 15

從筆記語法帶入網頁設計系列第 15 篇

技術 Day15 HTML影像

前言今天正式進入影像連結，哇~又是連結就是我們昨天說的，但是我們今天其實是要介紹在網頁中插入圖片，而連結就是網頁中一個很重要一個功能沒有學好也就不用寫網頁了~...

馬鈴薯 ‧ 2022-09-15

0 Like 0 留言 790 瀏覽

鐵人賽自我挑戰組 DAY 9

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 9 篇

技術 Day 9 Side Project : Form Wave 表單波浪字體 (下)

這篇延續上篇的波浪字體繼續進行講解昨天說到javascript的部分可以從兩個部份來講解把原本在<label>中的每個字母分開獨立包在<...

hannnahTW ‧ 2022-09-15

0 Like 0 留言 805 瀏覽

鐵人賽 Modern Web DAY 2

手把手web初學者系列第 2 篇

技術手把手從VScode上手

上一篇介紹到安裝VScode今天這一篇當然就是我們要開始使用它了~ 這邊先來介紹基本網頁三要素: •HTML•CSS •JavaScript 做網頁時可以想像你...

我是誰我在哪... ‧ 2022-09-15

0 Like 0 留言 493 瀏覽

鐵人賽 Modern Web DAY 1

手把手web初學者系列第 1 篇

技術網頁的環境

耶~今天是我鐵人開賽的第一天，我將在這30天裡從頭好好學網頁那開頭就來介紹網頁的環境吧!不知道網頁的初學者們是不是跟我一樣從HTML開始學起的呢? HTML是什...

我是誰我在哪... ‧ 2022-09-14

0 Like 0 留言 670 瀏覽

鐵人賽自我挑戰組 DAY 7

Do you wanna play? CSS game ぎりぎり系列第 7 篇

技術 [Day 7] Profile: 來製作個簡單樸實的個人檔案吧!

挑戰開始快一周了，今天我們來挑戰Day #6 Profile 就來製作一個Thibe的鐵人檔案吧!雷茲狗! 完整作品CodePen: https://codep...

steventhibe ‧ 2022-09-14

0 Like 0 留言 2198 瀏覽

鐵人賽自我挑戰組 DAY 14

小白網頁設計練成記系列第 14 篇

技術小白網頁設計練成記-DAY14-淺談HTML-核取方塊checkbox

金天我們聊聊check box這個input裡的屬性，當我們有多選的項目，如興趣/地區/清單等等，都可以用checkbox來實現。表單核取方塊 checkbo...

Eric ‧ 2022-09-14

0 Like 0 留言 669 瀏覽

鐵人賽自我挑戰組 DAY 8

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 8 篇

技術 Day 8 Side Project : Form Wave 表單波浪字體 (上)

今天來做表單的波浪效果，如圖中所示，當input框取得焦點時，表單的label就會有高低起伏的效果，這篇有很多重要的JS觀念，像是陣列的處理方法，所以打算分成...

hannnahTW ‧ 2022-09-14

0 Like 0 留言 894 瀏覽

鐵人賽自我挑戰組 DAY 13

小白網頁設計練成記系列第 13 篇

技術小白網頁設計練成記-DAY13-淺談HTML結構標籤

在所有的HTML中只有< span >< div >沒有語意，它們主要的功用就是包裹其他元素，進行排版或是介面的修飾 div屬於區塊元素...

Eric ‧ 2022-09-13

0 Like 1 留言 883 瀏覽

鐵人賽自我挑戰組 DAY 7

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 7 篇

技術 Day 7 Side Project: Split Landing Page 分離一頁式頁面

不知不覺時間來到了第七天啦! 今天要來做的是 Landing Page (又叫「一頁式網站」或「著陸頁」)，那什麼是Landing Page呢?「單一特定目...

hannnahTW ‧ 2022-09-13

0 Like 0 留言 623 瀏覽

鐵人賽自我挑戰組 DAY 6

Do you wanna play? CSS game ぎりぎり系列第 6 篇

技術 [Day 6] Statistic: 來呈現文章瀏覽數逐漸下滑的趨勢(>_<)

Statistic 今天我們來實作Day #5 搭配上筆者Thibe這一週的文章瀏覽和預期數據，看來這下滑趨勢達到顯著呢(p < 0.05)!此次作品建議...

steventhibe ‧ 2022-09-13

0 Like 0 留言 731 瀏覽

鐵人賽影片教學 DAY 13

從筆記語法帶入網頁設計系列第 13 篇

技術 Day13 HTML 清單

前言今天是課程的第13天，昨天我們在文字上面動手腳，而今天我們來介紹清單在網頁的文章或在寫作的時候，難免會有第一點第二點的重點項目或是你的代辦清單我們都會使用...

馬鈴薯 ‧ 2022-09-13

0 Like 0 留言 560 瀏覽

鐵人賽自我挑戰組 DAY 12

小白網頁設計練成記系列第 12 篇

技術小白網頁設計練成記-DAY12-淺談HTML表格

在HTML裡，表格由 < table > 標籤来作為容器，裡面由< tr >或是< td >來組成。數據可以包含文本、圖片、...

Eric ‧ 2022-09-12

0 Like 1 留言 405 瀏覽

鐵人賽自我挑戰組 DAY 5

Do you wanna play? CSS game ぎりぎり系列第 5 篇

技術 [Day 5] Loadinggg: 這30天Loading好重(?

Loading 滴..滴滴..滴滴滴，讀取完成!今天我們來實作Day #4我們在讀取網頁期間，常會看到不同的讀取畫面，雖然讀取有可能讓人厭煩，但看到漂亮的loa...

steventhibe ‧ 2022-09-12

技術 開始製作HTML表單吧~(二)

技術 [擊敗前端面試大作戰] HTML 和 CSS

技術 Day17 HTML表單

技術 Day 11 Side Project : Event KeyCodes 鍵盤輸入代碼

技術 HTML DOM、HTML5、HTML Template (2)

技術 開始製作HTML表單吧~(一)

技術 Day 2 HTML的基本認識

技術 Day 1 環境建置

技術 Day 02：架設第一個自己的網站

技術 Day 02：Button 組件實作

技術 Day 10 Side Project : Sound Board 聲音操控版

技術 [Day 9] Metaballs: 西索伸縮自如的黏黏球

技術 [Day 8] Notifications, Search and Menu: 叮咚~您有一則新訊息~

技術 小白網頁設計練成記-DAY15-淺談HTML-get和post

技術 建立連結的開始-HTML表單介紹

技術 Day 01：前言（2022 自我挑戰）

技術 Day 01：前言（2022 主題競賽）

技術 Day15 HTML影像

技術 Day 9 Side Project : Form Wave 表單波浪字體 (下)

技術 手把手從VScode上手

技術 網頁的環境

技術 [Day 7] Profile: 來製作個簡單樸實的個人檔案吧!

技術 小白網頁設計練成記-DAY14-淺談HTML-核取方塊checkbox

技術 Day 8 Side Project : Form Wave 表單波浪字體 (上)

技術 小白網頁設計練成記-DAY13-淺談HTML結構標籤

技術 Day 7 Side Project: Split Landing Page 分離一頁式頁面

技術 [Day 6] Statistic: 來呈現文章瀏覽數逐漸下滑的趨勢(>_<)

技術 Day13 HTML 清單

技術 小白網頁設計練成記-DAY12-淺談HTML表格

技術 [Day 5] Loadinggg: 這30天Loading好重(?

標記使用者

技術開始製作HTML表單吧~(二)

技術開始製作HTML表單吧~(一)

技術小白網頁設計練成記-DAY15-淺談HTML-get和post

技術建立連結的開始-HTML表單介紹

技術手把手從VScode上手

技術網頁的環境

技術小白網頁設計練成記-DAY14-淺談HTML-核取方塊checkbox

技術小白網頁設計練成記-DAY13-淺談HTML結構標籤

技術小白網頁設計練成記-DAY12-淺談HTML表格