iT邦幫忙

2025 iThome 鐵人賽

DAY 29
0
Modern Web

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

Day29:網頁最後收尾

  • 分享至 

  • xImage
  •  

終於比賽只剩下最後兩天了,今天要來將網頁做最後的收尾

之前產品的頁面只剩一點點,接下來把它做完吧!

1.之前做到網頁產品的區隔線,現在要在區隔線下面加上產品成分表
https://ithelp.ithome.com.tw/upload/images/20250831/20176052cWraEDoKiQ.png

2.加上產品成分表

HTML方面
https://ithelp.ithome.com.tw/upload/images/20250831/20176052ngHeLqYjbZ.png

CSS方面
https://ithelp.ithome.com.tw/upload/images/20250831/20176052hZtgvc6e4a.png

網頁方面
https://ithelp.ithome.com.tw/upload/images/20250831/20176052wKjL42xk3t.png

3.加上購買按鈕

HTML方面
https://ithelp.ithome.com.tw/upload/images/20250831/20176052Kbq8fcFjvn.png

CSS方面
https://ithelp.ithome.com.tw/upload/images/20250831/20176052kglrp8mcM9.png

網頁方面
https://ithelp.ithome.com.tw/upload/images/20250831/20176052wrU8IAzVE7.png

這樣網頁就完成了

網頁首頁
https://ithelp.ithome.com.tw/upload/images/20250831/20176052ndRWd5hUn3.png

網頁聯絡我們
https://ithelp.ithome.com.tw/upload/images/20250831/20176052AgelHWkLLB.png

網頁地址
https://ithelp.ithome.com.tw/upload/images/20250831/20176052IheYJFjKbi.png

今天就到這裡明天最後一天教大家如何將做好的網頁上傳到網路上!


上一篇
Day28:使用CSS屬性製作關鍵影格動畫
下一篇
Day30:讓網站上線
系列文
從0到有做出一個商家網頁30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言