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

0 Like 0 留言 944 瀏覽

鐵人賽 Modern Web DAY 18

網頁切版入門及版面實作系列第 18 篇

技術 [DAY18]網頁切版入門及版面實作_ 卡片版面3

卡片版面3 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版2.在container設定display: flex讓資料橫...

ruhui0726 ‧ 2022-10-03 ‧團隊蝦兵蟹將

1 Like 1 留言 942 瀏覽

鐵人賽 Modern Web DAY 21

訂單網頁嘗試集系列第 21 篇

技術 {Day21} 小公主訂單網頁嘗試集＿第二十一集＿form

第三週最後一天，想讓你們學個實用ㄉ東西！表單功能！！其實表單要建立完整的話，要有前端的設計跟表格規劃，後面也要連動到後端才是完好的表單設計！but萬物都有但...

icetong ‧ 2022-10-06

1 Like 0 留言 920 瀏覽

鐵人賽 Modern Web DAY 3

連我阿公都會-手把手教你架網站系列第 3 篇

技術【Day03】工欲善其事，必先利其器～

俗話說的好：「工欲善其事，必先利其器。」這句格言在各個領域都有著深刻的意義。好比如，在寫作業的時候，先整理桌面和環境，可以使我們的思緒更加清晰，以提升工作效率...

ttdragon0722 ‧ 2023-09-18 ‧團隊最強資工大電神

0 Like 0 留言 916 瀏覽

鐵人賽 Modern Web DAY 23

訂單網頁嘗試集系列第 23 篇

技術 {Day23} 小公主訂單網頁嘗試集＿第二十三集＿實作次天

第一天連假！希望大家玩得愉快！！小公主昨天大致上放了圖跟字，今天就建立個目錄標題！也好好把昨天的圖文稍微編輯的好看一些！新功能建立：目錄頁（含滑鼠碰到的動畫...

icetong ‧ 2022-10-08

0 Like 0 留言 903 瀏覽

鐵人賽 Modern Web DAY 20

訂單網頁嘗試集系列第 20 篇

技術 {Day20} 小公主訂單網頁嘗試集＿第二十集＿資源介紹

今天是小公主生日！小公主想罷工！！沒就是我的vscode也突然打不開檔案，加上生日當天，只剩現在可以寫了～所以就...（罷工...喂～～）而且雖然進行到2/3...

icetong ‧ 2022-10-05

0 Like 0 留言 901 瀏覽

鐵人賽 Modern Web DAY 10

連我阿公都會-手把手教你架網站系列第 10 篇

技術【Day10】前端撰寫（7）CSS框架

在前幾日中，我們總共講解了六篇CSS的基本屬性，內容之多，但都僅是蜻蜓點水的帶過而已，可見CSS的上限非常之高，學習它必然是一段漫長之路。以前在設計網頁時，我...

ttdragon0722 ‧ 2023-09-25 ‧團隊最強資工大電神

0 Like 0 留言 885 瀏覽

徵才 *急徵＊資深網頁設計師

『工作內容』1.依照公司需求進行網頁程式設計、更新、維護。2.熟悉PHP、JavaScript、CSS、jQuery、 My SQL。3.具備解決問題的獨立思考...

awesome01 ‧ 2018-03-19

0 Like 0 留言 880 瀏覽

鐵人賽 Modern Web DAY 5

連我阿公都會-手把手教你架網站系列第 5 篇

技術【Day05】前端撰寫（2）CSS選擇器

本篇文章中，將講述CSS的基本的使用方法。在此之前，我們要先了解甚麼是CSS？什麼是CSS？ CSS（層疊樣式表，Cascading Style Sheet...

ttdragon0722 ‧ 2023-09-20 ‧團隊最強資工大電神

0 Like 0 留言 871 瀏覽

鐵人賽 Modern Web DAY 4

訂單網頁嘗試集系列第 4 篇

技術 {Day4} 小公主訂單網頁嘗試集＿第四集＿html 打出第一行

又到了憂鬱星期一，歡迎回到小公主頻道！前幾天解說了前後端、html一些寫程式前的概念解說，說了那麼多廢話（沒），終於要開始寫程式了（痛哭流涕），大家準備好了ㄇ！...

icetong ‧ 2022-09-19

0 Like 0 留言 864 瀏覽

鐵人賽 SideProject30 DAY 23

30天製作RWD個人品牌網站系列第 23 篇

技術 Day23. 網站開發過程(五) RWD製作

今天要談實際用CSS調整實現RWD製作。再開始聊RWD製作前，可以先回去複習前面這兩部分，有很大的關聯～Day13-16. 切版前知識-CSSDay17-18....

luna0228 ‧ 2023-10-08

0 Like 0 留言 855 瀏覽

鐵人賽 Modern Web DAY 22

連我阿公都會-手把手教你架網站系列第 22 篇

技術【Day22】淺談 React.js（1）React基本構成 & 語法

在上一篇的教學中，我們成功建立了一個React的專案。建立完畢後，會發現我們的檔案資料夾突然多了好多沒看過的東西：慘了，完全看不懂——沒關係！接下來將帶您認...

ttdragon0722 ‧ 2023-10-07 ‧團隊最強資工大電神

0 Like 0 留言 832 瀏覽

鐵人賽 Modern Web DAY 16

訂單網頁嘗試集系列第 16 篇

技術 {Day16} 小公主訂單網頁嘗試集＿第十六集＿javascript__基本語法

感謝大家跟著小公主一同度過了鐵人賽一半的時光，希望大家可以看到小公主完賽！前半個月小公主分享的html&css都多少有上過一些課程，再來javascri...

icetong ‧ 2022-10-01

0 Like 0 留言 823 瀏覽

鐵人賽影片教學 DAY 1

一起來實作響應式網頁設計系列第 1 篇

技術一起來實作響應式網頁設計：HTML的架構 Day1

教學影片網頁前端三巨頭說到網頁前端，一定會聽到及碰到這三種語言，分別是：HTML,CSS以及JavaScript，而這三者對於網頁前端的地位簡單比喻可以如...

coding19 ‧ 2023-09-16

0 Like 0 留言 821 瀏覽

技術 [DAY2]歸納網頁需求及製作網站架構圖

※這裡看上一篇文章↝ [DAY1]網頁設計與實作使用工具介紹好久不見（因為最近比較忙加上設計稿一直沒處理好所以現在才更新之後可能也沒辦法按時更但我會慢慢做完的...

70%off ‧ 2023-09-27

0 Like 0 留言 814 瀏覽

鐵人賽 Modern Web DAY 1

連我阿公都會-手把手教你架網站系列第 1 篇

技術【Day01】架站，啟動！

在現今的數位時代，無論何時我們都能夠輕鬆地打開手機或電腦，即時連接並接收到全球資訊和社交網路。這種網路的可及性已經深深地融入至我們的日常生活，可以說，網路徹底地...

ttdragon0722 ‧ 2023-09-16 ‧團隊最強資工大電神

0 Like 0 留言 807 瀏覽

鐵人賽 Modern Web DAY 14

訂單網頁嘗試集系列第 14 篇

技術 {Day14} 小公主訂單網頁嘗試集＿第十四集＿css_合成照

恭喜各位跟著小公主即將邁入第三週ㄌ！！！（撒花撒花）在第二週最後一天（應該也是css的最後一天？！）小公主滿心歡喜上網查找有什麼酷東西可以學習和分享給大家，赫...

icetong ‧ 2022-09-29

0 Like 0 留言 801 瀏覽

鐵人賽 Modern Web DAY 26

訂單網頁嘗試集系列第 26 篇

技術 {Day26} 小公主訂單網頁嘗試集＿第二十六集＿實作伍天

喔某！竟然邁入網頁30天的最後階段！剩下五天！！！歡呼吧！各位！！雖然剛經過今年最後一個連假，不過還有四天又有週末囉！！！今日新功能：增加在頁尾回到頂端的按鈕...

icetong ‧ 2022-10-11

0 Like 0 留言 799 瀏覽

鐵人賽 Modern Web DAY 2

連我阿公都會-手把手教你架網站系列第 2 篇

技術【Day02】網頁的基礎設計理論

所謂：「知己知彼，百戰不殆。」，在設計一個網頁之前，先充分了解其外部的各項特性，才能避免在實作時因千萬頭緒使您一時無從下手，而陷入窘境。因此，本篇將為您介紹在...

ttdragon0722 ‧ 2023-09-17 ‧團隊最強資工大電神

0 Like 0 留言 788 瀏覽

技術 [DAY0]30天挑戰從零開始設計並實作網頁

雖然不小心錯過了鐵人賽的報名，還是希望可以利用此機會複習過去所學內容並養成學習的習慣，因此這邊將利用30天的時間，從製作設計稿開始，一步一步做出自己設計的網頁，...

70%off ‧ 2023-09-16

0 Like 0 留言 785 瀏覽

鐵人賽 Modern Web DAY 5

訂單網頁嘗試集系列第 5 篇

技術 {Day5} 小公主訂單網頁嘗試集＿第五集＿網頁標題建立＋icon

小公主頻道邁入第五天ㄌ當進入網頁映入眼簾的最上方，就是我們的標題，言簡意賅的標題對任何網站來說都十分重要，畢竟在分頁海裡，一目瞭然的找到想要的分頁，精確的標題...

icetong ‧ 2022-09-20

0 Like 0 留言 775 瀏覽

鐵人賽生成式 AI DAY 16

VIBE CODING 全紀錄：0 經驗用 AI 打造 PWA 兒童任務管理平台》系列第 16 篇

技術（Day 16）AI 幫我打造信件報告與回饋系統：從 Gmail、SendGrid 到 Resend 的選擇

在完成兒童任務管理平台的核心功能後，我又在 AI 的協作下，快速打造了「每週報告」：彙整任務完成率、活動紀錄與獎勵兌換等等；接著，我又想到的一個適合的常見功能&...

平凡工程師 ‧ 2025-08-17

0 Like 0 留言 774 瀏覽

鐵人賽 SideProject30 DAY 3

30天製作RWD個人品牌網站系列第 3 篇

技術 Day3. 找尋靈感

做任何事一開始總是最困難的，做網站也一樣，當不知道從何開始時，會很需要一些靈感來激發自己的創意，所以可以養成在日常生活中常常留意看過的設計、網站等等，將喜歡內容...

luna0228 ‧ 2023-09-18

0 Like 0 留言 772 瀏覽

鐵人賽 Modern Web DAY 1

訂單網頁嘗試集系列第 1 篇

技術 {Day1} 歡迎光臨小公主＿訂單嘗試集第一集（開播囉！）

大家好，我是小公主~(≧▽≦)/~就讀大三理工相關科系的廢物千金小公主，也是個有個創業夢想的小公主（有夢最美），期待自己可以除了推廣企業核心和創新應用外，也想在...

icetong ‧ 2022-09-16

0 Like 0 留言 770 瀏覽

鐵人賽 Modern Web DAY 13

自己工具，自己 React － React學習系列第 13 篇

技術【D13】初探 props

本日先進行 component 內的 props初探，了解 component 如何與外面的資料進行互動，使每個物件都可以順利的把資料傳入作用。建立第一版 c...

eyelash*睫毛 ‧ 2022-09-28

0 Like 0 留言 761 瀏覽

鐵人賽 SideProject30 DAY 2

30天製作RWD個人品牌網站系列第 2 篇

技術 Day2. 主題大綱介紹

前一篇有簡單介紹自己、參賽原因及提及主題今天要來說明這次主題的大綱及預計會有的內容，首先先提供作為範例的我的線上作品集參考。那就開始吧！Luna的線上作品集使...

luna0228 ‧ 2023-09-17

0 Like 0 留言 759 瀏覽

鐵人賽 SideProject30 DAY 30

30天製作RWD個人品牌網站系列第 30 篇

技術 Day30. 結語、心得

喔耶！終於可以脫離苦海了！！今天就是我的鐵人賽最後一天2023/10/15 一定要好好記錄起來！雖說報名鐵人賽的初衷只是因為教授的要求，但在想要寫什麼主題的時...

luna0228 ‧ 2023-10-15

0 Like 0 留言 746 瀏覽

鐵人賽 Modern Web DAY 2

訂單網頁嘗試集系列第 2 篇

技術 {Day2} 小公主訂單網頁嘗試集＿第二集＿前（後）端微講解

歡迎光臨小公主嘗試集＿第二集即將開始展開程式前端之旅…..等等所以什麼是前端ㄚ好的小公主說書時間到！網頁設計大致可分為前端、後端前端通常可以使用的語言為ht...

icetong ‧ 2022-09-17

0 Like 0 留言 742 瀏覽

鐵人賽 Modern Web DAY 6

訂單網頁嘗試集系列第 6 篇

技術 {Day6} 小公主訂單網頁嘗試集＿第六集＿圖片插入＋大小調整

結束標題後，我們可以來到網頁主視覺的部分好的圖片，好的網頁，才能吸引消費者的興趣！人是視覺動物，第一眼給閱聽者的感官刺激決定了他會不會繼續瀏覽下去甚至按下購買...

icetong ‧ 2022-09-21

0 Like 0 留言 742 瀏覽

鐵人賽 SideProject30 DAY 4

30天製作RWD個人品牌網站系列第 4 篇

技術 Day4. 如何制定網站內容？

有了靈感以後，就要開始規劃網站要放入什麼內容啦！每個人的方式不太一樣，可以善用「5W1H」來思考，也就是Why、What、Where、When、Who、How，...

luna0228 ‧ 2023-09-19

0 Like 0 留言 726 瀏覽

鐵人賽 SideProject30 DAY 1

30天製作RWD個人品牌網站系列第 1 篇

技術 Day1. 前言

Hi～大家好，我是Luna這是我第一次參加鐵人賽，在這之前因為學習、工作上查資料時常常會看到IT邦的文章，沒想到自己有一天也會參與在其中。在第一天想先簡單介紹...

luna0228 ‧ 2023-09-16