iT邦幫忙

鐵人檔案

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

網美滴網頁 系列

希望在一天一篇的文章,30天中大家可以寫出一個網頁,除了設計出讓使用者方便易懂的功能界面之外也兼顧美感,打造一個網美網頁

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

Day1_前言

哈囉大家好呀~在這裡的30天,會一層一層的帶給大家製做網頁的技巧和方法,我們時常在網頁看到的樣式及功能,例如: 文字、排版格式、頁面轉換等等,從頁面架構到最後美...

2021-09-15 ‧ 由 nanaflowerlive 分享
DAY 2

Day2_網頁設計相關程式語言

昨天提到網頁程式語言還有很多很深奧的技術,網頁設計相關的程式語言有很多1. HTML(HyperText Markup Language)由W3C(World...

2021-09-16 ‧ 由 nanaflowerlive 分享
DAY 3

Day3_網頁建置流程

製作網站大致分為四個階段 1. 蒐集資料,規劃網站架構相信大家都知道,執行一個計劃前都必須要有規劃,才不會在執行時不知道自己在做什麼,規劃時很重要的是,所建立網...

2021-09-17 ‧ 由 nanaflowerlive 分享
DAY 4

Day4_HTML語法1

HTML 5 通常有下列6個大部分1.BOM2.任何數目的註解與空白字元3.DOCTYPE4.任何數目的註解與空白字元5.根元素6.任何數目的註解與空白字元 D...

2021-09-18 ‧ 由 nanaflowerlive 分享
DAY 5

Day5_HTML語法2

HTML文件元素< html >< html >開始標籤要放在後面這裡介紹一些< html>元素的屬性,這些屬性可以套用到所...

2021-09-19 ‧ 由 nanaflowerlive 分享
DAY 6

Day6_HTML語法3

接下來幾天會陸陸續續帶給大家各種元素使用,會有程式碼以及網頁呈現的樣子,大家可以跟著做做看會更了解,坐而言不如起而行對吧哈哈哈< body>元素此元...

2021-09-20 ‧ 由 nanaflowerlive 分享
DAY 7

Day7_HTML語法4

< address>元素此元素是用來顯示個人、團體的連絡資訊,例如:地址、電話、e-mail、網址以下為範例:用此方式,讓使用者直接點及網址就可以直...

2021-09-21 ‧ 由 nanaflowerlive 分享
DAY 8

Day8_HTML語法5

< br>元素此元素是用來換行的,以下例子帶給大家< span>元素將HTML文件中某個範圍的內容和元素群組組成一行< span&...

2021-09-22 ‧ 由 nanaflowerlive 分享
DAY 9

Day9_HTML語法6

項目符號和編號在閱讀時,常常會使用條列式的方式呈現內容,讓讀者更一目了然,此時我們就會使用 < ul>、< ol>、< li&gt...

2021-09-23 ‧ 由 nanaflowerlive 分享
DAY 10

Day10_HTML語法7

今天要介紹的是定義清單(definition list),他是將資料格式畫成兩個層次,在讀者閱讀時更清楚明瞭,下面這個例子帶給大家,相信大家會更了解,大家也可以...

2021-09-24 ‧ 由 nanaflowerlive 分享