iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

從0到有做出一個商家網頁 系列

透過這次30天的資訊競賽,來刺激自己的學習能力,並且訓練自律能力,所以我要透過網路以及書籍來自學並使用HTML程式語言來幫親戚的店家製作出一個提供民眾瀏覽的販賣花生糖的網頁。

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

Day11:新增跳轉的頁面

今天要來新增按下選單以跳轉的網頁 新增頁面的方式,跟製作主頁面一樣,在檔案區新增一個xxxx.html的檔案,這裡我們因為有兩個頁面要跳轉,所以要新增兩個檔案...

2025-08-13 ‧ 由 Bruce 分享
DAY 12

Day12:編輯分頁的內容

今天我們要來編輯地址和聯絡我們的分頁 1.先到address.html的檔案裡開始編輯地址分頁的內容這裡我們要放商店的地址和google地圖,首先加入程式&lt...

2025-08-14 ‧ 由 Bruce 分享
DAY 13

Day13:編輯分頁的內容

今天要來編輯主頁商品圖,改成圖片按下去會跳轉頁面到商品頁面 1.首先先改變商品圖片和文字的版面 HTML程式 改成按下圖片會跳轉介紹商品的頁面這段程式<a...

2025-08-15 ‧ 由 Bruce 分享
DAY 14

Day14:繼續編輯分頁的內容

今天要繼續來編輯主頁商品圖,換作別張照片的頁面 1.首先也是先改變商品圖片和文字的版面 HTML程式 改成按下圖片會跳轉介紹商品的頁面這段程式<a hre...

2025-08-16 ‧ 由 Bruce 分享
DAY 15

Day15:區隔商品圖片與商品介紹的線條

今天要做區隔商品圖片與商品介紹的線條 很多商家的網頁上會在商品圖片與商品介紹的中間用線條來做區隔,今天就是要製作中間的線條 首先打上這段程式 HTML程式 cl...

2025-08-17 ‧ 由 Bruce 分享
DAY 16

Day16:複習學過的HTML語法

由於昨天網頁已經做到了一個段落了,所以我們今天開始複習學過的HTML語法 1.網頁開頭(一)<!DOCTYPE html>:宣告文件版本是HTML5...

2025-08-18 ‧ 由 Bruce 分享
DAY 17

Day17:HTML以及CSS語法複習

接著昨天的進度,今天繼續複習HTML以及CSS語法 HTML語法 1.<em>~</em>:標記「想強調的內容」,可以在內容上加上強調的...

2025-08-19 ‧ 由 Bruce 分享
DAY 18

Day18:CSS語法學習

今天要接續昨天繼續學習CSS語法 1.font-size:~;:設定文字大小 2.border:~;:在元素方塊上設定編框屬性,可以設定粗細、顏色、造型 邊框樣...

2025-08-20 ‧ 由 Bruce 分享
DAY 19

Day19:學習新的CSS語法和HTML語法

今天要學習新的CSS語法和HTML語法 CSS語法 1.display:~;:在值輸入block、inline等盒子屬性 2.color:~;:設定文字的顏色(...

2025-08-21 ‧ 由 Bruce 分享
DAY 20

Day20:學習呈現文件結構的HTML標籤

今天要學習呈現文件結構的HTML標籤 1.劃分頁首區域<header></header>:在網頁內容區域(<body>~&l...

2025-08-22 ‧ 由 Bruce 分享