iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

30天淺嘗主流前端設計 系列

從基礎語法與架構一步一步帶著非資訊領域的讀者,從基礎html語法到透過CSS作細節處理,再到利用vue創造一個不錯的框架。使初學者也能夠從零開始架設一個內容清晰明瞭、操作簡單,卻又不失細節與重點的網站,也是期許自己能夠在網頁設計領域上能夠自我精進,30天過後能設計出一個搬得上檯面的Web。

參賽天數 3 天 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

DAY1 參賽前言

DAY1 參賽前言 今天是我第一次參加鐵人競賽,國中、高中時的老師總是說著要珍惜現在的時光,過了這個時候就不會有人再督促你成長了。當時永遠覺得他們只是在講什麼老...

2022-09-13 ‧ 由 chien0830 分享
DAY 2

DAY2 網頁前端的基本介紹

DAY2 網頁前端的基本介紹 一個我們現代的人每天都看得到的網頁,是由前端以及後端組成,而前端就是包含所有網頁讀者能用眼睛看得到的內容、外觀、排版等。而後端則是...

2022-09-14 ‧ 由 chien0830 分享
DAY 3

DAY3 做網站的起點-一個好環境~

DAY3 做網站的起點-一個好環境~ ** Visual Studio code**這次我們要使用的是一款非常強大且功能齊全的編輯器,visual studio...

2022-09-15 ‧ 由 chien0830 分享
DAY 3

DAY4 起跑! 打出第一個自己的網頁內容~(悲劇)

DAY4 起跑! 打出第一個自己的網頁內容~(悲劇) ** open in browser**還有一個非常重要的是這個模組,安裝完這個模組後才能直接從vs co...

2022-09-17 ‧ 由 chien0830 分享
DAY 3

DAY5 介紹各種文本標籤

DAY5 介紹各種文本標籤 在開始之前,我們需要先介紹最基本建構出HTML語法的重點-文本標籤今天會介紹一些常運用到且是包含在HTML的body裡,也就是瀏覽者...

2022-09-19 ‧ 由 chien0830 分享
DAY 3

DAY6 開始製作腦海中的網頁!

DAY6 開始製作腦海中的網頁! 今天開始的課程會注重在利用HTML就能完成的網頁內容,會占用大概2-3篇的篇幅~~~~我們來為我們的網站主畫面添加一個帥氣的l...

2022-09-19 ‧ 由 chien0830 分享
DAY 3

DAY7 html中的表單元素!

DAY7 html中的表單元素! 今天我們要先來介紹一下網頁中很常用到的表單標籤,表單的標籤是form,跟大部分標籤一樣,有起始跟結束標籤,而他有個非常重要的屬...

2022-09-21 ‧ 由 chien0830 分享
DAY 3

DAY8 只透過html繼續豐富網頁內容!

DAY8 只透過html繼續豐富網頁內容! 今天我們會使用到前面教過的ol有序列表的元素,創建一個可以介紹這件衣服尺寸的差別,複習一下有序列表的用法,使用ol標...

2022-09-21 ‧ 由 chien0830 分享
DAY 3

DAY9 進入CSS!! CSS的基本介紹~

DAY9 進入CSS!! CSS的基本介紹~ 由於少了CSS這個重要的東西後,整個網頁看起來實在是慘不忍睹,所以我決定先來把CSS介紹完,最後再來透過先前的教學...

2022-09-22 ‧ 由 chien0830 分享
DAY 3

DAY10 進入CSS!! CSS的基本介紹2~

DAY10 進入CSS!! CSS的基本介紹2~ 接續上一篇我們講到css語法的樣式規則,接著我們來說說語法上需要特別注意的事項! 宣告同個標籤的多個屬性時...

2022-09-22 ‧ 由 chien0830 分享