iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

網頁學習紀錄 系列

目前從事視覺設計工作,剛進入前端的初心者,希望藉由這次的鐵人賽來紀錄自己這段時間的學習,目前邊工作邊學習課程,進度不是很快,但希望每一步都走得穩一點,自學的過程不易也滿孤獨的,希望藉由這次的鐵人賽讓自己有一個里程碑的挑戰,強迫自己每天寫一點程式,並且有條理的陳述出來,做個紀錄也給自己設立目標。還請各位學長姐多多指教!

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

鐵人賽 Day 1-寫在鐵人賽第一天

從大學畢業以來,就一直在平面設計的領域中探索自己, 如何將自己所學變成可能回饋社會的力量, 雖然不多,但不斷的努力著透過設計可以讓台灣的視覺更好, 隨著智慧裝置...

2019-09-04 ‧ 由 Tim Hsu 分享
DAY 2

鐵人賽Day2-寫一個 Navbar 導覽列吧!

現在網頁為了 RWD ,在 layout 的 navbar 跟 footer 都會固定,而網頁最上方都會有一個 navbar,裡面會有 logo 還有一些選項,...

2019-09-05 ‧ 由 Tim Hsu 分享
DAY 3

鐵人賽Day3-寫一個 Search 搜尋列吧!

這次來練習寫一個 Search Bar,要寫的樣式如下 我習慣在最外層寫一個 .wrap,在繼續將裡面要完成的 HTML 先寫完 所以程式碼會如下, <...

2019-09-06 ‧ 由 Tim Hsu 分享
DAY 4

鐵人賽Day4- 來寫個 header 吧!

網站中最重要的主視覺大圖,大部分會落在 header 上,今天就來寫個 header 吧!! 預計會長這樣 HTML 的寫法很簡單,如下方 <div...

2019-09-07 ‧ 由 Tim Hsu 分享
DAY 5

鐵人賽Day5-寫一個 三欄式 ul li 吧!

一個音樂網頁主視覺下方會有一個最新的資訊,就讓我們來寫一個三欄式的主要資訊吧!! 預計要寫如下方所示: 首先 HTML 的程式碼如下 <sect...

2019-09-08 ‧ 由 Tim Hsu 分享
DAY 6

鐵人賽Day6-寫一個 用 ul li 產生的 product 產品表吧!

一個網頁的產生,除了跟消費者介紹產品與提供資訊外,最重要的就是要提供下單服務啦!! 這次要寫的樣式如下 這次要用 ul li 的清單方式來寫一個產品下單的列表...

2019-09-09 ‧ 由 Tim Hsu 分享
DAY 7

鐵人賽Day7-來嵌入 map 與 寫一個 form 吧!

今天在這個網頁內嵌入一個 map 跟寫一個 form, 左邊放入地圖,右邊放入註冊資訊,會如下方所示 HTML會長這樣 <section3>...

2019-09-10 ‧ 由 Tim Hsu 分享
DAY 8

鐵人賽Day8-來寫一個 footer 吧!

終於來到第一個網頁的內容結尾,通常結尾會有一個表尾,我們俗稱 footer,用來做最後的資訊用,但我個人比較喜歡簡單的樣式,所以就來寫一簡單的 footer 吧...

2019-09-11 ‧ 由 Tim Hsu 分享
DAY 9

鐵人賽Day9-體驗不好的 RWD

這禮拜因為小孩公托有腸病毒,加上工作繁忙,這兩天真是超級累, 除了把握時間來看一下技術社團與看書外,已無暇寫程式, 這幾天太太跟我說她上班的地方所製作的網頁很不...

2019-09-12 ‧ 由 Tim Hsu 分享
DAY 10

鐵人賽Day10-向 KKBOX 致敬

小弟熱愛音樂,前一週自己發想一個音樂主題的頁面網站,記錄各樣的網頁撰寫方式, 接下來這一週要向 KKBOX 致敬,撰寫內容如下 navbar 導覽列 左邊 s...

2019-09-13 ‧ 由 Tim Hsu 分享