iT邦幫忙

2022 iThome 鐵人賽

DAY 1
0

嗨~大家好,這裡是紀錄網頁設計的研究心得,目標是把家裡寵物打造成時尚教主,接下來就請多多指教囉!以下目前有使用到的工具~(((之後可能會有更新/images/emoticon/emoticon07.gif

使用的軟體

Visual studio code這個軟體應該算是大家都耳熟能詳,簡單介紹他的三個特色,

  1. 多功能(支援多種程式語言,也可擴充配件)
    https://ithelp.ithome.com.tw/upload/images/20220916/20152010ziaayLl7xp.png

  2. 個人化設計(語言、背景主題和鍵盤快捷設定可依個人喜好更改)
    https://ithelp.ithome.com.tw/upload/images/20220916/20152010fkm0j40fuF.png

  3. 免費!!!!!!(((用過都說讚!

另外擴充功能

https://ithelp.ithome.com.tw/upload/images/20220916/20152010rc6pJYIQZ7.png

Live server的功能是即時更新編寫的網頁,只要存檔就能知道網頁的現況,可以隨時檢查網頁版面配置是否有合乎自己的標準,前提是檔案要放在資料夾裡,不用特別另外再打開檔案檢查,相對方便許多,這樣說明可能不太清楚,丟個gif圖來體會一下(有點糢糊的樣子)。
接下來就是打開Visual studio code新增一個html檔案,開始來寫網站啦~~
圖片

以上就是day1紀錄,今天先以輕鬆的方式開場,明天繼續奮鬥GOGO!!/images/emoticon/emoticon08.gif

參考資料

visual studio code-維基百科


下一篇
Day02 | CSS之條紋
系列文
30天的網頁學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言