iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

從零開始的基礎網站開發 系列

網站開發的相關技術年年都有著許多的變動,在這次的鐵人挑戰中,將以HTM5、CSS3、JavaScript為主題來參賽,期許在這次的鐵人賽能穩固自己的技術同時能幫助到一同學習的行者們。

參賽天數 28 天 | 共 29 篇文章 | 19 人訂閱 訂閱系列文 RSS系列文
DAY 10

day10 - 清單

正文開始: 在清單使用上我們雖然是以直向為主,但在網頁當中我們也會將橫向的清單當作導覽列來使用,在這裡需要用到的是display來改變行內/區塊狀態displa...

2018-10-17 ‧ 由 呆呆小將 分享
DAY 11

day11 - 表格&Reset CSS

正文開始:在進行表格編寫時也許我們對於空白儲存格的顯示會有不同需求,這時候就可以使用empty-cells來設定,當值為show的時候它會顯示空白儲存格邊框,h...

2018-10-18 ‧ 由 呆呆小將 分享
DAY 12

day12 - 版面配置

正文開始:當我們需要更改元素位置的時候CSS提供了相對定位和絕對定位給我們使用,在這之前,我們先介紹一個觀念叫做流向,一般來說在未經過更改前元素都是按照正常流向...

2018-10-19 ‧ 由 呆呆小將 分享
DAY 13

day13 - 版面配置(2)

正文開始:在CSS中除了使用position定位屬性以外我們還可以使用float浮動元素去更動我們元素的位置,float的使用概念為將元素移到最左或最右邊,而在...

2018-10-20 ‧ 由 呆呆小將 分享
DAY 14

day14 - 版面元素

正文開始:在一開始html5課程當中我們介紹並且使用了許多元素來充實我們的網頁,而今天我們要談的是針對網頁版面而誕生的幾個元素,有沒有它們其實並不影響到網頁本身...

2018-10-21 ‧ 由 呆呆小將 分享
DAY 15

day15 - 影像

正文開始:影像使用上背景圖片的使用為非常常見的案例,而背景圖片的附加方法如下: #ID{background-image: url("URL&quot...

2018-10-22 ‧ 由 呆呆小將 分享
DAY 16

day16 - 再一次的HelloWorld

正文開始:今天開始要來學習使用JavaScript如何去影響一個網頁,都說了是基礎網頁開發所以也不會有什麼高深的東西,就讓我們愉快的學習吧。 第一步當然是要先了...

2018-10-23 ‧ 由 呆呆小將 分享
DAY 17

day17 - 抓取元素

正文開始:昨天我們學習到如何去新增一行文字在我們的網頁上,但在大多數時候需要的是對網頁上的內容更改,今天就要去學習如何更改網頁內容 先來複習昨天所學的代碼doc...

2018-10-24 ‧ 由 呆呆小將 分享
DAY 18

day18 - 變數設定

正文開始:昨天學到了如何抓取到特定元素,但有時候我們會將元素內容改變,那麼如果我們需要它原先的內容就需要東西來儲存了,而這東西就是var變數變數的使用方法在各城...

2018-10-25 ‧ 由 呆呆小將 分享
DAY 19

day19 - 新增屬性

正文開始:今天要來學習如何使用JS賦予標籤新的屬性,重點就是這條代碼啦~ var test = document.getElementById("ID...

2018-10-26 ‧ 由 呆呆小將 分享