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

1 Like 0 留言 1042 瀏覽

鐵人賽自我挑戰組 DAY 10

網頁學習紀錄系列第 10 篇

技術鐵人賽Day10-向 KKBOX 致敬

小弟熱愛音樂，前一週自己發想一個音樂主題的頁面網站，記錄各樣的網頁撰寫方式，接下來這一週要向 KKBOX 致敬，撰寫內容如下 navbar 導覽列左邊 si...

Tim Hsu ‧ 2019-09-13

1 Like 0 留言 1675 瀏覽

鐵人賽自我挑戰組 DAY 10

一週程式專案挑戰系列第 10 篇

技術 [專案02]自製踩地雷(三)用JS控制地圖大小

初級踩地雷是9X9地圖，如果網頁直接寫死，三個等級就要寫三頁。透過JavaScript來控制地圖大小，就可以將初、中、高地圖寫在同頁，甚至還可以讓玩家自訂地圖大...

來杯拿鐵 ‧ 2019-09-11

0 Like 0 留言 6455 瀏覽

鐵人賽自我挑戰組 DAY 8

網頁學習紀錄系列第 8 篇

技術鐵人賽Day8-來寫一個 footer 吧！

終於來到第一個網頁的內容結尾，通常結尾會有一個表尾，我們俗稱 footer，用來做最後的資訊用，但我個人比較喜歡簡單的樣式，所以就來寫一簡單的 footer 吧...

Tim Hsu ‧ 2019-09-11

1 Like 0 留言 4736 瀏覽

鐵人賽自我挑戰組 DAY 8

一週程式專案挑戰系列第 8 篇

技術 [專案02]自製踩地雷(一)前期規劃

windows經典小遊戲，CPE也有踩地雷10189 - Minesweeper，不過文字版玩起來不刺激。這次嘗試製作網頁版踩地雷，會用到Html、Css、JS...

來杯拿鐵 ‧ 2019-09-09

1 Like 0 留言 4720 瀏覽

鐵人賽自我挑戰組 DAY 6

網頁學習紀錄系列第 6 篇

技術鐵人賽Day6-寫一個用 ul li 產生的 product 產品表吧！

一個網頁的產生，除了跟消費者介紹產品與提供資訊外，最重要的就是要提供下單服務啦!!這次要寫的樣式如下這次要用 ul li 的清單方式來寫一個產品下單的列表，H...

Tim Hsu ‧ 2019-09-09

1 Like 0 留言 3502 瀏覽

鐵人賽自我挑戰組 DAY 5

網頁學習紀錄系列第 5 篇

技術鐵人賽Day5-寫一個三欄式 ul li 吧！

一個音樂網頁主視覺下方會有一個最新的資訊，就讓我們來寫一個三欄式的主要資訊吧!! 預計要寫如下方所示: 首先 HTML 的程式碼如下 <secti...

Tim Hsu ‧ 2019-09-08

0 Like 0 留言 4050 瀏覽

鐵人賽自我挑戰組 DAY 4

網頁學習紀錄系列第 4 篇

技術鐵人賽Day4- 來寫個 header 吧！

網站中最重要的主視覺大圖，大部分會落在 header 上，今天就來寫個 header 吧!!預計會長這樣HTML 的寫法很簡單，如下方 <div cla...

Tim Hsu ‧ 2019-09-07

1 Like 0 留言 1249 瀏覽

鐵人賽自我挑戰組 DAY 4

WordPress 新手網站教學：學習永遠不會太遲系列第 4 篇

技術任務 04 | HTML、CSS 和自適應網站設計

響應式網頁設計響應式網頁設計（英語：Responsive web design，通常縮寫為 RWD），或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。是...

Mack Chan ‧ 2019-09-05

0 Like 0 留言 6622 瀏覽

鐵人賽自我挑戰組 DAY 2

網頁學習紀錄系列第 2 篇

技術鐵人賽Day2-寫一個 Navbar 導覽列吧！

現在網頁為了 RWD ，在 layout 的 navbar 跟 footer 都會固定，而網頁最上方都會有一個 navbar，裡面會有 logo 還有一些選項，...

Tim Hsu ‧ 2019-09-05

2 Like 0 留言 1533 瀏覽

鐵人賽自我挑戰組 DAY 1

網頁學習紀錄系列第 1 篇

技術鐵人賽 Day 1-寫在鐵人賽第一天

從大學畢業以來，就一直在平面設計的領域中探索自己，如何將自己所學變成可能回饋社會的力量，雖然不多，但不斷的努力著透過設計可以讓台灣的視覺更好，隨著智慧裝置的興起...

Tim Hsu ‧ 2019-09-04

0 Like 1 留言 5789 瀏覽

鐵人賽 Modern Web DAY 2

JavaScript 忍者的修練--從下忍進階到中忍系列第 2 篇

技術 Day 02: 網頁生命週期之頁面建置

一個網頁應用程式的生命週期可分為以下階段：輸入網址或點擊超連結瀏覽器向伺服器送出 request 伺服器回傳回應頁面（HTML, CSS, 和 JavaS...

yowlonglee ‧ 2019-09-04

0 Like 0 留言 759 瀏覽

技術表單(Form)屬性資訊抓取器

你是否有這樣的經驗，開發過程中，可能是註冊頁面或新增頁面，有一大堆form欄位要寫，寫完後利用jquery serialize要傳到後端時還要一個一個去接那個欄...

aikawa ‧ 2020-03-13

2 Like 0 留言 17267 瀏覽

技術什麼是 HTML 標題語法 < h1 > 至 < h6 > 與 SEO 的關係

如何讓訪客第一次進入你的 WordPress 網站，就能在你的文章裡找到重點和脈絡是非常重的「技術性 SEO」知識與操作，不過這次簡介的 H1 標籤使用技巧，...

Mack Chan ‧ 2019-06-06

1 Like 0 留言 7459 瀏覽

徵才 [誠徵] 網頁前端合作伙伴

誠徵網頁前端合作伙伴,希望能夠長期合作者為佳,至少網頁做一年以上吧,最好是常在切版,能夠做動畫之類的更好,然後可以介接API,希望是能夠前後端分離的,不過就算無...

小魚 ‧ 2019-04-10

0 Like 0 留言 1330 瀏覽

技術 2019/3/28 問題小記

重要的一天，記錄一些筆記: HTML ::after 解釋在原本的元件後面增加內容。 []的運用 style{ .img img[alt]{ wi...

pinocchioh ‧ 2019-03-29

0 Like 0 留言 3933 瀏覽

技術 [HTML] tr:nth-child(even)失效更改預設瀏覽器版本為9即可

用VS 2013 F5跑起來看,有相間的效果但網頁放到IIS上時,就沒有了. 查到原因是因為IE瀏覽時預設值為版本7,這個功能要9 以上才支援.所以就再加上&l...

圓頭人 ‧ 2019-03-12

0 Like 0 留言 1779 瀏覽

鐵人賽自我挑戰組 DAY 29

如何架出github.io的個人網頁-html的30天自由式筆記系列第 29 篇

技術 CSS的Class和id到底誰比較大牌？(原始碼比對版)

相較於前一篇用文字記憶法，這篇則是用原始碼做為比較，詳細列出一眼辯英雄的矛盾大對決！從第5項實驗，我們成功證明了id確實強過class的效果！但是這時我突然靈...

IrisAndMimi ‧ 2018-11-13

0 Like 0 留言 2245 瀏覽

鐵人賽自我挑戰組 DAY 27

如何架出github.io的個人網頁-html的30天自由式筆記系列第 27 篇

技術連我都沒看過的特殊字符編碼

或許你可能曾在FB或是Dcard的留言板上，看過諸如此類的奇怪文字：因為大家都不知道怎麼辦到的，所以紛紛複製貼上，演變成大量洗版的詭異流行。現在就來介紹這些...

IrisAndMimi ‧ 2018-11-11

2 Like 0 留言 13799 瀏覽

鐵人賽自我挑戰組 DAY 27

開源組織生態觀察筆記系列第 27 篇

技術 [Day27] 網頁教學開源社群 --- freeCodeCamp

想轉職當網頁工程師，你有聽過 freeCodeCamp 嗎？轉職寫網頁？每當朋友說想要轉職當工程師，我都會推薦直接去寫網頁，因為資源豐富啊！而且市場需求...

nienzu ‧ 2018-11-10

1 Like 2 留言 29924 瀏覽

技術【javascript+php】【紀錄】寫php的時候需要傳值給javascript該怎麼辦--遇到問題的解決方式

這是第一次在這裡發文，這是一篇記錄自己在寫php的時候遇到的問題紀錄與找到的解決方法。遇到的問題：按下按鈕之後要呼叫寫在同一頁的Javascript func...

nyakui ‧ 2018-11-25

0 Like 0 留言 2855 瀏覽

鐵人賽自我挑戰組 DAY 25

如何架出github.io的個人網頁-html的30天自由式筆記系列第 25 篇

技術打不出特殊的符號？

就在寫前一篇範例的時候，突然想起了這項也很重要的問題：當我想在內容編寫程式碼的語法時，導致網頁誤以為那也是一段要執行的語法，該怎麼辦？這時就需要請出HTM...

IrisAndMimi ‧ 2018-11-09

0 Like 0 留言 3338 瀏覽

鐵人賽自我挑戰組 DAY 24

如何架出github.io的個人網頁-html的30天自由式筆記系列第 24 篇

技術網頁的皮膚──CSS階層式樣式表

如果HTML是人，那CSS就決定了他的髮膚顏色，而JS則是這個人的行為。其中，HTML負責確定網頁中有哪些內容。CSS確定如何展現元素的外觀(比如：大小、粗...

IrisAndMimi ‧ 2018-11-08

1 Like 0 留言 10091 瀏覽

鐵人賽自我挑戰組 DAY 21

前端之 " wow~原來是這樣啊 " 系列第 21 篇

技術 Day21 實作一個簡單的 Todolist (上)

第一個入門 JS 的實作學習目標身爲 JS 剛入門的新手，把做出第一個 Todolist 當作第一個實作學習目標。一開始還不確定能利用哪些語法做出 Todol...

Lai ‧ 2018-11-05 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 15551 瀏覽

鐵人賽自我挑戰組 DAY 20

如何架出github.io的個人網頁-html的30天自由式筆記系列第 20 篇

技術斜槓與反斜槓

這是接續了前一篇推薦的教學網址，對其談到的斜槓稍作內容延伸。這個符號「/」就是斜槓，呈現上右下左。而「\」是反斜槓，呈現上左下右。斜線的方向，有時候...

IrisAndMimi ‧ 2018-11-04

0 Like 0 留言 5780 瀏覽

鐵人賽自我挑戰組 DAY 19

如何架出github.io的個人網頁-html的30天自由式筆記系列第 19 篇

技術檔案路徑的絕對與相對？

就像地圖有絕對座標和相對座標～如果你不想以網址決定檔案的位置，要從自己所在的網頁位址當作基準點，指出檔案的方向，這也能辦到！推薦閱讀：絕對路徑和相對路徑的...

IrisAndMimi ‧ 2018-11-03

3 Like 0 留言 8777 瀏覽

鐵人賽自我挑戰組 DAY 18

前端之 " wow~原來是這樣啊 " 系列第 18 篇

技術 Day18 來一個 Google Pie Chart 吧

資訊呈現中，免不了以圖表作視覺化資訊呈現，那就不能錯過好用的 Google charts 了！ Google charts 提供了一系列圖表供開發者使用，例如...

Lai ‧ 2018-11-02 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 6822 瀏覽

鐵人賽自我挑戰組 DAY 18

如何架出github.io的個人網頁-html的30天自由式筆記系列第 18 篇

技術 URL究竟是什麼？網址嗎？

在前一篇的超連結的語法，我們看見了href屬性。之後，這個href屬性，將會經常活躍於你的程式碼中～它的功能是用於指定超鏈接目標的URL。如果觀察大多網頁的...

IrisAndMimi ‧ 2018-11-02

1 Like 0 留言 2713 瀏覽

鐵人賽自我挑戰組 DAY 17

前端之 " wow~原來是這樣啊 " 系列第 17 篇

技術 Day17 CSS 動畫 Animation 實作練習(下)

利用 Animation 製作美美的動畫吧上上篇我們介紹了 Animation 的相關設定，在上一篇也實作了字體模糊動畫效果，本篇來試試看經典的球球追隨運動吧...

Lai ‧ 2018-11-01 ‧團隊好想工作室第二屆鐵人賽

0 Like 0 留言 2200 瀏覽

鐵人賽自我挑戰組 DAY 16

如何架出github.io的個人網頁-html的30天自由式筆記系列第 16 篇

技術除了主頁之外，我想開其他分頁，該怎麼辦？

由於前一篇提到了和子資料夾衝突的問題，我們必須談談檔案路徑。沒想到這樣雞毛蒜皮的問題，曾經也讓菜鳥時期的我苦惱很久。首先index.html是瀏覽一個網站...

IrisAndMimi ‧ 2018-10-31

1 Like 0 留言 2950 瀏覽

鐵人賽自我挑戰組 DAY 16

前端之 " wow~原來是這樣啊 " 系列第 16 篇

技術 Day16 CSS 動畫 Animation 實作練習(上）

利用 Animation 製作美美的動畫吧上一篇我們介紹了 Animation 的相關設定，Animation 有多個屬性供設定，比起 Transitions...

Lai ‧ 2018-10-31 ‧團隊好想工作室第二屆鐵人賽

技術 鐵人賽Day10-向 KKBOX 致敬

技術 [專案02]自製踩地雷(三)用JS控制地圖大小

技術 鐵人賽Day8-來寫一個 footer 吧！

技術 [專案02]自製踩地雷(一)前期規劃

技術 鐵人賽Day6-寫一個 用 ul li 產生的 product 產品表吧！

技術 鐵人賽Day5-寫一個 三欄式 ul li 吧！

技術 鐵人賽Day4- 來寫個 header 吧！

技術 任務 04 | HTML、CSS 和自適應網站設計

技術 鐵人賽Day2-寫一個 Navbar 導覽列吧！

技術 鐵人賽 Day 1-寫在鐵人賽第一天