從網頁設計麻瓜進化成前端菜鳥的歷程 — 「我想要的是什麼?」

更新於 發佈於 閱讀時間約 4 分鐘

下文為 2022/3/17 的我所筆,期望經過三年半的我,接下來繼續在這裡更新我的學習歷程~




直到現在才確定我想要走的方向,原來繞了一大圈,我最熱衷的還是網頁設計。

在我國小剛學會使用電腦時,接觸的部落格就跟網頁設計有關,那時候不知道什麼叫網頁設計,只知道想要把部落格變得很漂亮就要修改後台設定,更進階一點要修改叫做「語法」的密密麻麻亂碼,國中使用無名小站也如此。

高中時期的計算機概論課學到「網頁設計」,才知道網頁原來是用 HTML 和 CSS 組合而成,還要透過網路伺服器、網域等,才能把本機的網頁檔案放到網路上變成大家都能瀏覽的網頁,而用來做網頁設計的軟體叫 Dreamweaver ,在高中時期學了基礎的 HTML 標籤和 Dreamweaver 操作、程式語言,此時對網頁設計有了一些基礎的認識,但不知道原來設計出一個酷炫網頁還需要搭配許多複雜的程式。

大學時期學的網頁設計,業界講師教了 SEO 的概念及重要性,也引導我們做出屬於自己的簡單網頁並將作品放到學校的 FTP 上,讓我們可以透過網址瀏覽自己做的網頁,老師還教了讓網頁區塊保持在中間,不會因為視窗寬度改變而被遮蔽的概念(即響應式網頁,我忘記當時是老師沒有教到這個名詞還是我自己忘了),也有教到 HTML 怎麼搭配 CSS ,這個時候我還是只知道做網頁一定要用 Dreamweaver ,並且知道更多網頁設計及 HTML + CSS 的相關概念。

畢業後第一份工作想透過架設網站幫公司增加知名度,卻對網站伺服器、網域、、、等技術不了解,以為要架設一個網站得花一大筆錢,於是就作罷了。

第二份工作幸運擔任管理官網的職位,剛開始我只記得基礎的 HTML 標籤怎麼使用,其他的概念連 CSS 怎麼和 HTML 搭配都忘光了,只會不斷的另存新檔再微調圖文內容,表格怎麼寫我也不會,只會透過複製貼上語法再從 Dreamweaver 介面去更改內容。

還記得剛入職接到新增的網頁頁面要有按鈕的需求,我只會用一張圖片增加連結的方式去做出一個死板的按鈕。

raw-image

就像這樣,一張死板用 Ai 輸出的圖片,沒有任何效果。

而後來經歷種種未遇過的難關,不斷精進自己、修完基礎網頁設計線上課程的我,找回 HTML 搭配 CSS 的方式了,甚至知道怎麼優化可以讓語法不要太雜亂,再次接到新增按鈕的需求的時候,我下意識能直接使用語法寫出一個漂亮又帶有效果的按鈕,不再只是死板的圖片,而是用 HTML 搭配 CSS 去實現。

raw-image

像這樣,左邊是圖片做的,右邊是 HTML/CSS 做的。

這段期間學習了基礎的網頁設計,終於懂了原來網頁設計不是只有 HTML/CSS ,還有一個很重要的語言叫做 JavaScript,也了解網頁運作的過程,雖然還不到非常精進,許多概念和程式邏輯都還在學習中,但很開心在這個職位兩年的期間有持續學習和進步,也讓自己對未來的方向更確定,我想成為網頁設計師!

留言
avatar-img
留言分享你的想法!
avatar-img
Lucy慢慢想
0會員
10內容數
我是Lucy,一個什麼都想做、什麼都做得很慢的人。 在這裡紀錄職場裡的挫折與成長、自學網頁設計的奇妙旅程、偶爾手作的時光、旅行的花費與風景,以及生活裡那些沒來得及說出口的小想法。 歡迎跟我一起,用自己的步調慢慢想、慢慢走,慢慢成長。
你可能也想看
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
哈囉!我是acg,夢想成為知名繪師,並為自己創造一份自由、有意義又餓不死的工作。 我很喜歡閱讀、畫插畫,所以想把兩者結合,用一些簡單的插畫搭配我的閱讀筆記分享給大家,讓大家從中獲得一些新觀點或新知識,我也想嘗試看看漫畫或小說創作,看能不能結合閱讀筆記讓大家比較容易理解和吸收知識,所以我會在這裡分享
Thumbnail
哈囉!我是acg,夢想成為知名繪師,並為自己創造一份自由、有意義又餓不死的工作。 我很喜歡閱讀、畫插畫,所以想把兩者結合,用一些簡單的插畫搭配我的閱讀筆記分享給大家,讓大家從中獲得一些新觀點或新知識,我也想嘗試看看漫畫或小說創作,看能不能結合閱讀筆記讓大家比較容易理解和吸收知識,所以我會在這裡分享
Thumbnail
從上次作完喵喵健身教練網頁後,覺得自己以前作的個人簡歷網站實在是太醜了,而且當初為了搶快,直接套用 Bootstrap 版型,根本不用寫 JavaScript(燦笑) 所以這次決定把網站重寫,就算是從 1 開始吧,1-10 分作到 8 分就好,不然完美主義真的會搞死自己,那道光很快就來了(?)
Thumbnail
從上次作完喵喵健身教練網頁後,覺得自己以前作的個人簡歷網站實在是太醜了,而且當初為了搶快,直接套用 Bootstrap 版型,根本不用寫 JavaScript(燦笑) 所以這次決定把網站重寫,就算是從 1 開始吧,1-10 分作到 8 分就好,不然完美主義真的會搞死自己,那道光很快就來了(?)
Thumbnail
一切都從思考作品集要怎麼準備開始,所謂的 one 是起頭難(?),在動手寫 code 之前,總覺得自己做不到,一直在自己煩惱,直到前輩們說:開始做看看吧,一頁式網站也好,不開始做永遠不知道自己哪些知識需要補強。 於是決定先幫我的繆思女神做一個網站,讓她可以介紹自己的工作,再放社群連結
Thumbnail
一切都從思考作品集要怎麼準備開始,所謂的 one 是起頭難(?),在動手寫 code 之前,總覺得自己做不到,一直在自己煩惱,直到前輩們說:開始做看看吧,一頁式網站也好,不開始做永遠不知道自己哪些知識需要補強。 於是決定先幫我的繆思女神做一個網站,讓她可以介紹自己的工作,再放社群連結
Thumbnail
想要擁有自己的部落格,累積作品集,選擇方格子平臺的原因及初心。 部落格主要內容為理財、自我成長相關的學習筆記,定期一週更新一篇文章。
Thumbnail
想要擁有自己的部落格,累積作品集,選擇方格子平臺的原因及初心。 部落格主要內容為理財、自我成長相關的學習筆記,定期一週更新一篇文章。
Thumbnail
來給我的帳號除除草🪴 大海,一直都是我創作的靈感起源,人生中的每一次起落,都會想念大海的味道🌊
Thumbnail
來給我的帳號除除草🪴 大海,一直都是我創作的靈感起源,人生中的每一次起落,都會想念大海的味道🌊
Thumbnail
本文教導如何自我啟發、發展個人品牌,並透過社交媒體和自己的創作獲得曝光。文章提供了從興趣到企劃、製作,再到營銷個人產品或服務的創造三步驟,以及打造品牌的三訣竅。
Thumbnail
本文教導如何自我啟發、發展個人品牌,並透過社交媒體和自己的創作獲得曝光。文章提供了從興趣到企劃、製作,再到營銷個人產品或服務的創造三步驟,以及打造品牌的三訣竅。
Thumbnail
如果沒有開始寫作,不會開啟我在寫作路上的各種研究。與你分享我走過的路,沿路上的風景和收獲。
Thumbnail
如果沒有開始寫作,不會開啟我在寫作路上的各種研究。與你分享我走過的路,沿路上的風景和收獲。
Thumbnail
我其實去年就有想弄好個人網站的想法,所以前後找了很多網站希望能夠作為一個發表作品跟心情的場所。可惜很多找到的網站不是只能發圖就是只能發文,或是操作不易,對我來說都不是很好用。現在才來到方格子這裡,這裡的發文主頁清新簡潔也能顯示圖片,操作也簡單,也能夠只更新圖片或是文字,對我來說是比較好用的網站。
Thumbnail
我其實去年就有想弄好個人網站的想法,所以前後找了很多網站希望能夠作為一個發表作品跟心情的場所。可惜很多找到的網站不是只能發圖就是只能發文,或是操作不易,對我來說都不是很好用。現在才來到方格子這裡,這裡的發文主頁清新簡潔也能顯示圖片,操作也簡單,也能夠只更新圖片或是文字,對我來說是比較好用的網站。
Thumbnail
我放棄自架網站的選擇,轉而選擇方格子的原因。同時設定今年的目標,要把自己經營地像企業一樣,設定好年目標、規劃好計畫,提出2024年的三大重點:「整理」、「付出」、「成長」。
Thumbnail
我放棄自架網站的選擇,轉而選擇方格子的原因。同時設定今年的目標,要把自己經營地像企業一樣,設定好年目標、規劃好計畫,提出2024年的三大重點:「整理」、「付出」、「成長」。
Thumbnail
其實,我是很喜歡畫畫的一個人,追蹤比較久的書友也會知道我很喜歡分享自己喜愛的插畫、插畫家與相關書籍等。即使長大後選擇進入復興商工就讀,但卻沒有選擇專攻繪畫的學科,在校期間也還是有學習基礎的繪畫,但能力也不怎麼樣就是了,現在回想起來,我從未意識到隱藏在內心深層的恐懼。
Thumbnail
其實,我是很喜歡畫畫的一個人,追蹤比較久的書友也會知道我很喜歡分享自己喜愛的插畫、插畫家與相關書籍等。即使長大後選擇進入復興商工就讀,但卻沒有選擇專攻繪畫的學科,在校期間也還是有學習基礎的繪畫,但能力也不怎麼樣就是了,現在回想起來,我從未意識到隱藏在內心深層的恐懼。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News