iT邦幫忙

2025 iThome 鐵人賽

DAY 8
0
Modern Web

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

Day8:網頁導覽列的固定

  • 分享至 

  • xImage
  •  

今天在將網頁的導覽列固定在頁首

1.接續昨天的進度,我們要將網頁的導覽頁固定在頁首上,所以我們需要這段程式
https://ithelp.ithome.com.tw/upload/images/20250810/20176052OIqUTFpSkW.png
來導覽頁來固定,並更改導覽頁的顏色,position:fixed;可以導覽列固定不動,然後更改一下主頁面背景的顏色來跟導覽列做區分
https://ithelp.ithome.com.tw/upload/images/20250810/20176052di1gejuZI3.png

2.在介紹影片上加上文字,並置中
HTML程式
https://ithelp.ithome.com.tw/upload/images/20250810/201760529YLZmt5K9j.png
css程式
https://ithelp.ithome.com.tw/upload/images/20250810/20176052Reqnp1RtuR.png
網頁方面
https://ithelp.ithome.com.tw/upload/images/20250810/20176052g0hdwrXVJN.png

心得:
目前進行到了第八天,正好遇到比賽期間的第一個假日。老實說,在假日更新文章的動力真的會比平常日還要懶散,特別是少了工作日那種被時間推著走的節奏,很容易想放自己一馬。但我也清楚,這種時候更是意志力的考驗。只要我能撐過這些懶散的時刻,把每天的進度完成,30天之後我就能看到累積下來的豐碩成果。

我也提醒自己,比賽不只是與他人的競爭,更是和自己的惰性對抗。每一次按下「更新」的那一刻,都在為自己的作品添上一塊磚,最終建成屬於我自己的成品。雖然現在還在初期,但我已經能想像到那個完成後的成就感,它會讓這段過程中的辛苦與掙扎都變得值得。


上一篇
Day7:網頁的導覽列
下一篇
Day9:繼續修改網頁內容
系列文
從0到有做出一個商家網頁30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言