iT邦幫忙

2025 iThome 鐵人賽

DAY 1
0
Modern Web

【網頁是什麼,能吃嗎】── 零基礎也能學會網頁製作系列 第 1

【Day 01】今天要來點什麼呢(文章目錄見底端)

  • 分享至 

  • xImage
  •  

tldr: 筆者的自我介紹,並寫下鐵人賽挑戰目標與規劃內容:

  1. Git、HTML5、Figma 等網頁製作工具的介紹與使用練習
  2. 基礎 CrashCourse 實作練習
  3. 專案的設計與製作

我,與我的文字

筆者是名大學生,因為還沒有什麼能讓我有自信說出:「啊!這個是我的專長」之類的話的領域,所以相較於撰寫文章教導別人,我的文字更像是在紀錄著自己的學習過程,並於這段歷程中寫下的筆記。筆者也會盡可能的將文章寫得淺顯易懂,希望能讓人快速吸收內容並能夠自己上手實作。為了方便閱讀,此次連載皆會於文章開頭加入一個 ** tldr (Too Long Didn't Read) ** 區塊,寫下文章的內容大綱與重點。

這次的規劃目標

此次的主題將會是學習基礎的網頁製作,究竟會學到哪些內容,將會根據筆者自身的學習與狀況與時間做調整,目前大致規劃如下:

  • 淺談Git,一款實用且輕量的版本規劃小工具,讓未來的專案製作更便利
  • 學習基礎的 HTML, CSS, JavaScript 等常見網頁撰寫工具的語法,並練習使用他們製作簡單的小網頁
  • 了解Figma的功能,並運用此工具進行網頁的介面設計
  • 結合以上所學的內容,嘗試設計並實作出一款專案,並實際將成品佈署至網路上,讓它能夠在任何裝置上使用

筆者認為,想要了解新的事物,實際去接觸是最快速且有效的方法,也因此在本次的連載過程中也會穿插著些CrashCourse,也就是一些簡單、手把手的教學,並從中摘錄出學習重點與可能須注意的小細節。


謝謝閱讀到這裡的你,如果有任何建議或者是想說的話,都歡迎留言分享!

文章目錄(待更新)

本次連載的文章與其重點一覽,將會隨著發出的文章更新
【Day 01】今天要來點什麼呢:介紹與規劃
【Day 02】做錯了?那就回到上個版本吧!:Git的介紹與基礎使用
【Day 03】網頁的地基與骨架 ── HTML:HTML與CSS的介紹
【Day 04】無難度體驗:一起來實作網頁吧!:HTML與CSS的網頁實作練習
【Day 05】給畫面產生一點新的變化:來些程式語言吧:JavaScript基本語法的整理


下一篇
【Day 02】做錯了?那就回到上個版本吧!
系列文
【網頁是什麼,能吃嗎】── 零基礎也能學會網頁製作30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Wolke
iT邦研究生 4 級 ‧ 2025-10-10 20:12:18

感謝 未知作者 的精彩分享!

JavaScript 生態系統真的很豐富,這樣的分享對開發者很有幫助。

實際的程式碼範例很有幫助,讓理論更容易理解。

遇到的問題和解決方案分享很實用,相信很多人都會遇到類似的情況。

也歡迎版主有空參考我的系列文「南桃AI重生記」:https://ithelp.ithome.com.tw/users/20046160/ironman/8311

如果覺得有幫助的話,也歡迎訂閱支持!

我要留言

立即登入留言