iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

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

本篇鐵人賽,我將會手把手從HTML、CSS、Javascript,Javascript到React,前端到後端,從0開始架一個輕量級的網頁!!!

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文 團隊最強資工大電神
DAY 1

【Day01】架站,啟動!

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

2023-09-16 ‧ 由 ttdragon0722 分享
DAY 2

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

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

2023-09-17 ‧ 由 ttdragon0722 分享
DAY 3

【Day03】工欲善其事,必先利其器~

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

2023-09-18 ‧ 由 ttdragon0722 分享
DAY 4

【Day04】前端撰寫(1)HTML基本架構

在上一天篇的貼文中,想必你各位都已經把環境給設置好了吧。是不是迫不期待想開發一個屬於你的網頁了呢?別急,就讓我們開始吧! 首先,想要學習網頁,必須要先認識 HT...

2023-09-19 ‧ 由 ttdragon0722 分享
DAY 5

【Day05】前端撰寫(2)CSS選擇器

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

2023-09-20 ‧ 由 ttdragon0722 分享
DAY 6

【Day06】前端撰寫(3)CSS基本樣式

在上一篇中,我們學習了如何選擇並指定我們所需的元件並對其進行客製化。本篇我們來將淺談一些CSS基本、又好用的樣式,了解這些屬性,保證能讓您在網頁設計上更加得心應...

2023-09-21 ‧ 由 ttdragon0722 分享
DAY 7

【Day07】前端撰寫(4)CSS Flex屬性 ,並使用Flex做一個簡單頁尾(Footer)

在本篇中,我們將介紹CSS中的flex。如同它的名字flex般,這個屬性非常具有彈性,有著能夠適應各個網頁縮放比例的自適應能力,可以說是我們在做網頁設計中的排版...

2023-09-22 ‧ 由 ttdragon0722 分享
DAY 8

【Day08】前端撰寫(5)CSS Position

在上一篇中,我們提到了CSS中,快速排版向的屬性:display: flex 。但有時,flex並不適用於較小且單一的元件,也無法協助我們更精細地刻出我們所想要...

2023-09-23 ‧ 由 ttdragon0722 分享
DAY 9

【Day09】前端撰寫(6)淺談RWD響應式網頁設計

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

2023-09-24 ‧ 由 ttdragon0722 分享
DAY 10

【Day10】前端撰寫(7)CSS框架

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

2023-09-25 ‧ 由 ttdragon0722 分享