iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

基礎網頁開發30天 系列

在三十天中學習如何製作網頁,規劃製作兩種不同網頁介面,並從中學習網頁開發的相關技巧與知識。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 開賽宣言以及目標

前言 藉由這次的鐵人賽來提升自身的能力,並將這30天所學習到的知識與技巧,進行整理與歸納,最後將自己所學到的事物輸出與大家分享和交流,希望能因此讓自己不斷得進步...

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

Day 2 認識網頁設計

網頁設計的流程: 需求分析: 確定項目的目標、目標受眾、功能需求等。這包括了解您希望網站達到的目的,以及網站所需的基本功能和特點。 用戶研究: 瞭解目標受...

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

Day 3 網頁設計會常使用到的工具

網頁設計技術如下: HTML(超文本標記語言): HTML 是用於創建網頁結構和內容的基礎語言。它定義了網頁的結構元素,例如段落、標題、圖像、超鏈接等。...

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

Day 4 HTML初步架構(首頁)

`<`!DOCTYPE html>:這是HTML5的文檔類型聲明,告訴瀏覽器使用HTML5標準解析該頁面。 `<`html lang=“z...

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

Day 5 HTML初步架構(HTML分頁 -1)

<!DOCTYPE html> <html lang="zh-Hant-TW"> <head>...

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

Day 6 HTML初步架構(HTML分頁 -2)

<body> <table border="1">...

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

Day 7 HTML初步架構(CSS分頁)

網頁設計中的CSS(層疊樣式表)是一種用於定義網頁外觀和版面設計的樣式語言。CSS與HTML和JavaScript一起用於網頁的前端開發,它負責控制網頁的外觀和...

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

Day 8 HTML初步架構(Java Script分頁)

JavaScript是一種高級的編程語言,在網頁設計中用於使網頁具有互動性和動態功能。以下是有關JavaScript的一些重要信息: 用途: 互動性: Jav...

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

Day 9 使用CSS美化網頁

由於目前網頁缺乏美觀所以先使用CSS改善原本HTML設計出來的網頁: 首先我增加了最基本的背景顏色,讓網頁顯得更加生動。 接著我改變了Logo的字體大小使其變...

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

Day 10 使用CSS美化網頁-2

nav.navigation ul li:hover{ background-color: #EBC999; } .active {...

2023-09-25 ‧ 由 benny91917 分享