iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

蛤架一個網站好貴喔,那我自己來 系列

從0開始架一個網站,用到時下最流行的框架來做,讓寫網頁變得更簡單。因為以前沒有寫過網站,想要在自己學習的過程中,把自己學到的技術記錄下來,因為是從0開始所以寫得非常簡單,沒有基礎的人也都能看得懂。

參賽天數 10 天 | 共 10 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文 團隊好想放假大學
DAY 1

前言

大家好,這裡是anngood。這是我第一次參加鐵人賽,從之前開始就對寫網頁有興趣,不過礙於時間問題都沒有機會去好好學習,這次剛好有這個機會參加鐵人賽,順便給自己...

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

介紹基本的HTML語法

大家好,我們今天要來講的是基本的HTML語法。 HTML是什麼? 首先,我們要來了解HTML到底是什麼。HTML是一種用來組織網頁架構和內容的標記語言,和一般的...

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

網頁的美術小天使--CSS

大家好,今天我們要來介紹更多的HTML基礎語法。昨天講到了如何寫出Hello World!,今天我們來試著調整字體吧~ CSS是什麼? 首先,我們要來了解CSS...

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

網頁的大腦--JavaScript

大家好,今天我們要來講HTML的大腦—JavaScript。 JavaScript是什麼? 首先,我們要來了解JavaScript到底是什麼。JavaScrip...

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

來來來~讓圖片動起來

大家好~今天我們要來講的是如何在網頁中插入圖片及讓圖片動起來~ 在網頁中插入圖片 我們可以使用<img>標籤來插入圖片。<img src=&q...

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

網頁之樹-DOM基本介紹(一)

大家好~今天我們要來介紹DOM。 DOM是什麼? DOM(Document Object Model)是一種瀏覽器內部用來表示網頁文件結構的樹狀數據結構。它將整...

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

網頁之樹-DOM基本介紹(二)

大家好~ 今天我們要來繼續介紹DOM的實作~ getElementById html <html> <head> <tit...

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

有因必有果--html裡的事件屬性

大家好~ 今天我們要來介紹html的事件屬性~ 事件屬性是什麼? 事件屬性是一種可以在特定事件發生時觸發 JavaScript 代碼的屬性,以實現在特定事件發生...

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

網頁的工具箱--jQuery

大家好~ 今天我們要來介紹jQuery~ jQuery是什麼? jQuery 是 JavaScript 的函式庫,它簡化了許多在網頁開發中常見的事件,並提供了跨...

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

網頁的工具箱--jQuery的小小實作

大家好~ 今天我們要來做簡單的jQuery實作~昨天介紹了很多關於jQuery的操作,今天我們來實作一次吧!html <!DOCTYPE html>...

2023-09-25 ‧ 由 anngood 分享