iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

從零開始自學HTML/CSS網頁設計 系列

一直都對於架設網站很有興趣,但學習到的相關資訊知識都是偏向後端的程式能力,因此想藉由這個機會,自我挑戰從未碰過的領域。在這三十天裡,我會以「成功架設一個網頁」為目標,期望自己能順利完成!

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 1

前置作業(1)

首先在製作網頁之前,要先思考我們要製作這個網頁的目的以及目標客群,這樣以來就能避免做出沒辦法向任何人傳遞資訊、沒特色的網站了。舉個例子,我想做一個宣傳一部電影的...

2022-09-14 ‧ 由 H 分享
DAY 2

前置作業(2)

了解網站要刊登什麼資訊後,就可以來繪製網站的初步架構圖了。以我要做的電影網站為例子,我要放在網站上的資訊有:電影的主題、電影的簡介、電影的上映日期、演員介紹、台...

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

純文字編輯器

在架設網站時,需要使用到的應用程式稱為純文字編輯器。純文字編輯器就是能處理純文字資訊檔案的軟體,Microsft的Word文字還有其他的功能,像是將文字套用粗體...

2022-09-16 ‧ 由 H 分享
DAY 4

HTML的基本標籤及元素

HTML基本上所有的內容都是由< h1 > ~ < /h1 >、< h2 >~< /h2 >、< p &g...

2022-09-17 ‧ 由 H 分享
DAY 5

製作HTML的網頁框架

我們在開始製作HTML檔案之前,要先建立一個資料夾用來儲存網站檔案,資料夾可以建立在自己方便找到的地方。以下會細說建立資料夾和HTML檔案的步驟: 1、新增一個...

2022-09-18 ‧ 由 H 分享
DAY 6

HTML網站的標題及概要

完成輸入框架標籤後,接下來就可以來輸入網頁的標題和概要了,首先用Brackets打開index.html。1、標題:使用title標籤框住的內容。2、概要:將m...

2022-09-19 ‧ 由 H 分享
DAY 7

適當的標記HTML的標題和段落

接下來就可以來標記內文了,標記的意思就是以HTML/CSS命令瀏覽器要怎麼顯示這些文字,而文字可以被定義成「標題」、「表格」、「內文」來顯示。今天會介紹怎麼將文...

2022-09-20 ‧ 由 H 分享
DAY 8

適當的標記HTML的清單和表格

接下來要介紹如何將內文標記為清單和表格。首先是清單的部分,清單分成有順序和無順序。而什麼時候會需要用到清單呢?為了讓目標讀者能夠快速了解文章的主要內文是關於什麼...

2022-09-21 ‧ 由 H 分享
DAY 9

HTML的章節標籤

當你想要將網頁的內文分成章、節、項目時,就必須使用到章節標籤。章節標籤有分成article、aside、nav、section、header、footer、ma...

2022-09-22 ‧ 由 H 分享
DAY 10

插入HTML網站圖片

首先先在www資料夾裡新增一個用來裝圖片的資料夾:接著將圖片放進資料夾裡:當image正確的放在www資料夾裡時,Brackets就會變成如下所示的畫面: 接下...

2022-09-23 ‧ 由 H 分享