iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

基礎前端+後端網站分享之留言板製作 系列

這30天以我的經驗,去分享網頁全端的知識,以我所製作的留言板和登入註冊網頁為目標。
文章決定拆分兩部分,前半部以基礎為主,後半部以基礎後的進階,做個承先啟後。

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

第一天--第一個html檔製作與呈現

這是第一次參賽,希望以我的經驗,正確去分享網頁全端的知識。 正篇: 製作畫面需要html、css來寫,我用的是visual Studio code和xampp...

2023-09-15 ‧ 由 aliecele 分享
DAY 2

第二天--html基本的語法

今天介紹html基本的語法。 <!DOCTYPE html> <html lang="en"> <head&...

2023-09-16 ‧ 由 aliecele 分享
DAY 3

第三天--介紹link和絕對路徑與相對路徑

今天要介紹link和絕對路徑與相對路徑。 先上程式碼。 <!DOCTYPE html> <html lang="en"&g...

2023-09-17 ‧ 由 aliecele 分享
DAY 4

第四天--F12看網頁程式和Ctrl+F搜尋功能

今天介紹兩個技巧,F12看網頁程式和Ctrl+F搜尋功能。 F12開啟教學 F12看網頁程式或者按右鍵,點檢查也行。按檢查頁面來源同樣能看到網頁的程式碼。能用這...

2023-09-18 ‧ 由 aliecele 分享
DAY 5

第五天--設定Css

今天來介紹設定Css。 Css是什麼呢?Css能讓我們用來設置HTML的樣式,描述HTML該如何顯示。 Css如何知道那些html要設定樣式呢?Class和id...

2023-09-19 ‧ 由 aliecele 分享
DAY 6

第六天--繼續介紹css

今天繼續介紹css,css能改變html的元素的排版、佔據體積、字體大小粗細和顏色。程式碼如同昨天用過的。 background-color是設置背景顏色。fo...

2023-09-20 ‧ 由 aliecele 分享
DAY 7

第七天--css排版

今天介紹css排版 float_example.html程式碼 <!DOCTYPE html> <html> <head>...

2023-09-21 ‧ 由 aliecele 分享
DAY 8

第八天--介紹Bootstrap和如何使用

今天介紹Bootstrap和如何使用。 官網說這是世界上最受歡迎的框架。讓人專注在撰寫html,提供RWD 響應式,就是讓網頁兼容各種設備的畫面,也能讓不會Ja...

2023-09-22 ‧ 由 aliecele 分享
DAY 9

第九天--Bootstrap通用類別

今天介紹Bootstrap通用類別。 上次從Bootstrap 複製的程式中,有個叫mb-3的東西在div的class,這就是今天要介紹到的通用類別。 Boot...

2023-09-23 ‧ 由 aliecele 分享
DAY 10

第十天--動態網頁與靜態網頁

今天要介紹動態網頁與靜態網頁 網站有兩大要素--前端、後端主要負責軟體或者網站用戶介面的開發。 靜態網頁 靜態網頁是指「沒有後台」的網頁,後台就是伺服器與資料...

2023-09-24 ‧ 由 aliecele 分享