iT邦幫忙

tina888
iT邦新手 5 級 ‧ 點數 184
10005
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

每個人都可以做出理想中的網站! 系列

一個網站可以有很多好的素材和讓人驚喜的設計，會介紹關於製作網站可以使用的功能、語法，還有不同的程式語言怎麼互相搭配運用在網頁設計中。

鐵人鍊成 ｜ 共 30 篇文章 ｜ 4 人訂閱 訂閱系列文 RSS系列文 ｜團隊紅蟳當兵等他開賽
0 Like 0 留言 834 瀏覽
DAY 21

Day21-CSS設計(6) / 版面設計(2)-Box Model(上)

關於版面設計的區塊模型，是一種把區塊分為很多層的設計方法。 CSS Box Model 就是把一個div當作是好~大一個盒子，然後有很多個小盒子，一層裝著一層。...

2019-10-07 ‧ 由 tina888 分享
0 Like 0 留言 787 瀏覽
DAY 22

Day22-CSS設計(7) / 版面設計(3)-Box Model(中)

再附上一次Box Model的說明圖! margin margin屬性負責的是 Box Model 裡面div的最外圍設定，也就是俗稱的"外距&quo...

2019-10-08 ‧ 由 tina888 分享
0 Like 0 留言 699 瀏覽
DAY 23

Day23-CSS設計(8) / 版面設計(4)-Box Model(中中)

一樣要先來一張 Box Model 的說明圖啦! border border是一個很好用的邊框屬性，因為他不是只能用在div裡面，像是span啊或是img等等的...

2019-10-09 ‧ 由 tina888 分享
0 Like 0 留言 719 瀏覽
DAY 24

Day24-CSS設計(9) / 版面設計(5)-Box Model(下)

今天要來講得就是 Box Model 的最後一part啦! 那就是我們的padding!按照慣例，說明圖~ padding padding是一個div裡最靠近內...

2019-10-10 ‧ 由 tina888 分享
1 Like 0 留言 874 瀏覽
DAY 25

Day25-CSS設計(10) / 清單

在提到HTML時，我們有講到清單的語法，不過無序清單如果都是一陳不變的黑色點點當作列點的開頭的話，有點太意料之中了，如果我們可以把列點符號換成不同的小圖示，不只...

2019-10-11 ‧ 由 tina888 分享
0 Like 0 留言 1123 瀏覽
DAY 26

Day26-CSS設計(11) / CSS套用的優先順序

到現在我們也講過不少CSS的功能語法和使用，不知道大家有沒有發現，好像那麼多功能的程式碼範例中，我常常會使用不同的語法去設定CSS。今天就是要來說說，當你的程式...

2019-10-12 ‧ 由 tina888 分享
0 Like 0 留言 781 瀏覽
DAY 27

Day27-JavaScript介紹

本系列文章前面都介紹了不少網頁製作時會使用到的HTML和CSS語法，都是屬於靜態網頁的設計，那麼有靜態相對的就有動態怎樣可以把我們的靜態網頁轉變成動態網頁呢~先...

2019-10-13 ‧ 由 tina888 分享
0 Like 0 留言 729 瀏覽
DAY 28

Day28-JavaScript語法(1)

上一篇有提到我們在這個系列文章中介紹JavaScript就是為了讓網頁增加互動性，那麼要加入這個語言，必須先來了解一下他的語法! JavaScript <...

2019-10-14 ‧ 由 tina888 分享
0 Like 0 留言 979 瀏覽
DAY 29

Day29-JavaScript語法(2)

上一篇我們有說到，想要在HTML中加入JavaScript，只要在<head>或是<body>中加入<script><...

2019-10-15 ‧ 由 tina888 分享
1 Like 1 留言 905 瀏覽
DAY 30

Day30-每個人都可以做出理想中的網站!

時間不知不覺來到了鐵人賽的最後一天啦!回想這30篇文章，其實有點類似於我個人在複習web的小小筆記，基本上每一篇也都是以不同功能為主題在做整理。不管是從一開始設...

2019-10-16 ‧ 由 tina888 分享
tina888的鐵人檔案
tina888的收藏
tina888的追蹤
tina888的Like
tina888的紀錄
tina888的訂閱列表