iT邦幫忙

2022 iThome 鐵人賽

DAY 29
1

在自學網頁設計上,我分成四個部分學習。

  • 第一是前置作業的部分,在架設網站前要先決定架設網站的目標及目標讀者,並以線框圖來規劃網站的架構,這樣一來未來在寫網站時才不會慌亂,並練習使用純文字編輯器Brackets,純文字編輯器即為可以利用電腦製作和儲存文字資訊的軟體。

  • 第二是HTML的部分,了解到了各種HTML的標籤(h、p、meta等)及屬性(lang、charset等),並學習到了如何製作HTML網頁的框架並適當的標記內文使文章有不一樣的變化,標記完成後接著利用章節標籤(article、sectiion、nav等)來區分段落,以便之後使用CSS裝飾,除此之外也了解到如何在HTML檔插入圖片,並設定外部及內部連結,使網站內容更加豐富。

  • 第三是CSS的部分,首先先了解到了CSS的基本寫法、選擇器(表示要裝飾HTML哪一個部分)、屬性(裝飾的種類)、值(對屬性的設定),學習如何變更文字顏色、指定文字的對齊方式、將文字加上邊框、設定背景顏色、裝飾表格、清單及導覽列,以及運用class和id指定CSS的方法更方便裝飾,接下來了解到了盒子模組,知道CSS的padding和margin屬性並加以排版。最後在發佈前設定viewport以防網頁會隨著視窗大小而跑版。

  • 第四是公開發佈網站的部分,學習了租賃伺服器和FTP用戶端軟體的使用方式及原理,並在網站成功發佈後學習了幾個額外的小知識,像是如何縮小放在網頁的圖片、如何增加頁面。

學習完以上四個部分後順利的完成了一個基本的網站並公開發佈了(ᕑᗢᓫ∗)


上一篇
增加網站的頁面
下一篇
完賽心得
系列文
從零開始自學HTML/CSS網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言