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

0 Like 0 留言 340 瀏覽

鐵人賽 Modern Web DAY 2

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

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

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

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

0 Like 0 留言 340 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 {Day11} 小公主訂單網頁嘗試集＿第十一集＿圖片css＿圓角屬性

css的圖檔可在邊框上做些變化使網頁更多元，今天來介紹下圓角屬性，是個設定邊框的好幫手！另外也有更酷炫的陰影效果、奇特美編等等的迷之操作，我們拭目以待？？？！！...

icetong ‧ 2022-09-26

0 Like 0 留言 338 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

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

0 Like 0 留言 327 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 {Day7} 小公主訂單網頁嘗試集＿第七集＿建立表格

鐵人賽邁入第七天，終於一個禮拜了，好感動！相信有了文字也有圖片，可以產出圖文並茂的網頁，不過還是少不了些格式化的基本工具，像是….表格！表格可以輕鬆清楚的規...

icetong ‧ 2022-09-22

0 Like 0 留言 324 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 {Day19} 小公主訂單網頁嘗試集＿第十九集＿javascript下拉式選單

今天是豔陽高照的星期二，我們前面都著重在各功能的講解與實作，好像都忘記訂單ㄌ....?所以開始介紹些訂單會使用的功能之一吧下拉式選單下拉式選單為選取數量的優...

icetong ‧ 2022-10-04

0 Like 0 留言 319 瀏覽

鐵人賽 SideProject30 DAY 23

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

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

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

luna0228 ‧ 2023-10-08

0 Like 0 留言 318 瀏覽

鐵人賽 SideProject30 DAY 5

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

技術 Day5. 網頁UI設計-Wireframe線框稿

到Day5啦！已經到個小段落了，那就再說明一下，這次的挑戰是以我的作品集為範例，分享給大家RWD靜態網站從頭到尾的製作過程，希望過了這30天你也能創造屬於自己的...

luna0228 ‧ 2023-09-20

0 Like 0 留言 318 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

icetong ‧ 2022-10-08

0 Like 0 留言 315 瀏覽

鐵人賽 Modern Web DAY 22

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

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

恭喜大家開了雙十連假的前端，也邁入第四週了，484特累特想睡呢～沒事的我們終於要開始結合之前用過的功能了！算是複習！首先訂購的話，要有商品圖，並讓消費者可以選...

icetong ‧ 2022-10-07

0 Like 0 留言 310 瀏覽

鐵人賽 SideProject30 DAY 13

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

技術 Day13. 切版前知識(三) CSS介紹、選擇器、常用屬性

嗨～從今天開始是一系列的CSS內容，前一章說到瀏覽器會讀取HTML轉譯成視覺化網頁，並搭配CSS、JavaScript使用。CSS負責網頁呈現的樣式、外觀，Ja...

luna0228 ‧ 2023-09-28

0 Like 0 留言 305 瀏覽

鐵人賽 Modern Web DAY 9

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

技術【Day09】前端撰寫（6）淺談RWD響應式網頁設計

擷自 digitalsynopsis.com 在前面的篇章中，我們學習了如何撰寫CSS的各個屬性來設計出精美的網頁，但您是否有想過：「用電腦設計出來的網頁，為...

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

0 Like 0 留言 303 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 {Day10} 小公主訂單網頁嘗試集＿第十集＿區塊（div)介紹

今天是歡樂星期天，來講個概念性的東西吧！鐵人賽也過了1/3了呢！別放棄，一起堅持下去吧！！覺得昨天講的相對位置和絕對位置，如果沒細講區塊的概念，會容易混亂和混...

icetong ‧ 2022-09-25

0 Like 0 留言 303 瀏覽

鐵人賽 SideProject30 DAY 25

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

技術 Day25. 網站開發過程(七) 常用JS套件(2)

今天會接下去推薦幾個好用的JS套件，但跟昨天不太一樣的是，今天推薦的套件都是很需要讀文件，比較進階需要設定比較多內容的套件，但只要有依文件製作就能呈現很多種變化...

luna0228 ‧ 2023-10-10

0 Like 0 留言 303 瀏覽

鐵人賽 SideProject30 DAY 17

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

技術 Day17. 切版前知識(七) 響應式網頁(RWD) 介紹

今天要來說說RWD響應式網頁，應該大部分的人都有聽過或知道RWD這個名稱，他是現在網頁設計趨勢最基本需要具備的設計原則，幾乎可以說近年來的網站都會實現RWD或大...

luna0228 ‧ 2023-10-02

0 Like 0 留言 302 瀏覽

鐵人賽 SideProject30 DAY 1

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

技術 Day1. 前言

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

luna0228 ‧ 2023-09-16

0 Like 0 留言 301 瀏覽

鐵人賽 Modern Web DAY 25

不用庫也能酷 - 玩轉 CSS & Js 特效系列第 25 篇

技術 Day25 有料的 CSS 漢堡選單

我們今天要來做幾份漢堡選單。原理和 Day14 今天我想來點… 純 CSS 的開關一樣，都是用 input 的 checkbox 來儲存狀態好讓其他元素可...

毛哥EM ‧ 2023-10-09

1 Like 0 留言 299 瀏覽

鐵人賽 Modern Web DAY 3

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

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

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

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

0 Like 0 留言 295 瀏覽

鐵人賽 SideProject30 DAY 2

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

技術 Day2. 主題大綱介紹

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

luna0228 ‧ 2023-09-17

1 Like 0 留言 293 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 {Day12} 小公主訂單網頁嘗試集＿第十二集＿css圖片＿陰影集

昨天說明了些圓角屬性，今天事不宜遲，我們來講一下陰影吧！ css常用的陰影有三種：text-shadow、box-shadow、drop-shadow顧名思義，...

icetong ‧ 2022-09-27

0 Like 0 留言 293 瀏覽

鐵人賽 SideProject30 DAY 29

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

技術 Day29. Git版控工具(三) Vercel 網站部署

網站製作完成後，最後就只剩下「部署」啦！通常要將網站上架到網路上，擁有一個屬於自己的網址，是需要額外費用的，但最近很熱門的Vercel提供免費網站部署服務，讓有...

luna0228 ‧ 2023-10-14

0 Like 0 留言 290 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 {Day24} 小公主訂單網頁嘗試集＿第二十四集＿實作參天

連假第二天，我們來點產品規格，讓消費者能更了解他們預購買的商品，那就加入一些表格吧！ html: <!DOCTYPE html> <html...

icetong ‧ 2022-10-09

0 Like 0 留言 289 瀏覽

鐵人賽 Modern Web DAY 24

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

技術【Day24】淺談 React.js（3）React useState & useEffect

介紹完React的動態生成後，本篇將帶您進入到React Hook的領域。甚麼是React hook？簡單來說，它是一種React的函數，可以讓您在無需使用c...

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

0 Like 0 留言 283 瀏覽

鐵人賽 Modern Web DAY 23

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

技術【Day23】淺談 React.js（2）React動態生成

在上一天中，我們了解到React中的元件構成和基礎語法，今天，我們要一同探索的是 ── 更便捷的生成語法！動態生成在介紹jQuery的篇章中我們曾提過，我...

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

0 Like 0 留言 283 瀏覽

鐵人賽 Modern Web DAY 14

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

技術【Day14】Javascript物件設計！我所知道的物件導向。

本篇，我們要提到的是程式語言中，非常重要的概念 —— 物件導向。聽著好像很複雜，其實我們現實生活都充滿了物件導向的概念。淺顯一點地解釋，便是把細小的東西以「物...

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

0 Like 0 留言 282 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

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

0 Like 0 留言 281 瀏覽

鐵人賽 SideProject30 DAY 27

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

技術 Day27. Git版控工具(一) Git介紹

網站製作完成後，有兩件事還需要做，那就是「部署」、「維護」，這兩項都很需要版本控制工具的協助，就先來談談Git這個版控工具吧！當在自己的本機製作、設計時，因為更...

luna0228 ‧ 2023-10-12

0 Like 0 留言 274 瀏覽

鐵人賽 SideProject30 DAY 7

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

技術 Day7. Figma(2) 插件推薦

嗨大家好，前面幾天內容有點多，今天來談談比較輕鬆的。Figma有許多強大的功能之外，也有許多神人提供插件，可以更多樣、方便製作想呈現的效果，這邊來介紹幾個我常用...

luna0228 ‧ 2023-09-22

0 Like 2 留言 265 瀏覽

鐵人賽 SideProject30 DAY 15

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

技術 Day15. 切版前知識(五) CSS偽元素 ::before、::after

嗨～今天是第15天！終於一半啦！！！今天要來談談CSS的偽元素，有了偽元素讓元素能添加更多效果、變化，網頁設計也能更多樣，是很常用的設定之一。前面的天數有談到：...

luna0228 ‧ 2023-09-30

0 Like 0 留言 261 瀏覽

鐵人賽 SideProject30 DAY 30

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

技術 Day30. 結語、心得

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

luna0228 ‧ 2023-10-15

0 Like 0 留言 260 瀏覽

鐵人賽 Modern Web DAY 5

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

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

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

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

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

技術 {Day11} 小公主訂單網頁嘗試集＿第十一集＿圖片css＿圓角屬性

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

技術 {Day7} 小公主訂單網頁嘗試集＿第七集＿建立表格

技術 {Day19} 小公主訂單網頁嘗試集＿第十九集＿javascript下拉式選單

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

技術 Day5. 網頁UI設計-Wireframe線框稿

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

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

技術 Day13. 切版前知識(三) CSS介紹、選擇器、常用屬性

技術 【Day09】前端撰寫（6）淺談RWD響應式網頁設計

技術 {Day10} 小公主訂單網頁嘗試集＿第十集＿區塊（div)介紹

技術 Day25. 網站開發過程(七) 常用JS套件(2)

技術 Day17. 切版前知識(七) 響應式網頁(RWD) 介紹

技術 Day1. 前言

技術 Day25 有料的 CSS 漢堡選單

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

技術 Day2. 主題大綱介紹

技術 {Day12} 小公主訂單網頁嘗試集＿第十二集＿css圖片＿陰影集

技術 Day29. Git版控工具(三) Vercel 網站部署

技術 {Day24} 小公主訂單網頁嘗試集＿第二十四集＿實作參天

技術 【Day24】淺談 React.js（3）React useState & useEffect

技術 【Day23】淺談 React.js（2）React動態生成

技術 【Day14】Javascript物件設計！我所知道的物件導向。

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

技術 Day27. Git版控工具(一) Git介紹

技術 Day7. Figma(2) 插件推薦

技術 Day15. 切版前知識(五) CSS偽元素 ::before、::after

技術 Day30. 結語、心得

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

標記使用者

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

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

技術【Day09】前端撰寫（6）淺談RWD響應式網頁設計

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

技術【Day24】淺談 React.js（3）React useState & useEffect

技術【Day23】淺談 React.js（2）React動態生成

技術【Day14】Javascript物件設計！我所知道的物件導向。

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

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