iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師 系列

在即將37歲的這個時刻,我打算大膽的從零開始成為一個軟體工程師。

鐵人鍊成 | 共 38 篇文章 | 86 人訂閱 訂閱系列文 RSS系列文
DAY 11

CSS 的 LOGO 圖片隱藏標題與選單並排

之前我們都在講關於排版的東西,現在我們要開始講網站的內容囉,由上至下,我們先從.header開始講起,不管甚麼類型的網站,尤其是商業網站,一定都會有一個 lo...

2019-09-19 ‧ 由 Alec 分享
DAY 12

如何在 HTML 上做表格再用 CSS 美化它

今天我們來說一說怎麼作表格,我就先說一個最簡單的結構,請看下方被包覆在<table>內的<tr><th><td&gt...

2019-09-20 ‧ 由 Alec 分享
DAY 13

講完表格(table)今天來講表單(form)

上一篇我們講完了表格,今天我們來說說更廣泛運用的表單,還記得幾乎不管是甚麼網站大概都會有留言區,讓你可以留下自己的問題還有基本資料,最後有一個按鈕可以按送出,...

2019-09-21 ‧ 由 Alec 分享
DAY 14

CSS 的 border-radius、box-shadow 和 liner-gradient

關於 HTML 和 CSS 的學習筆記,快要告一個段落了,之後會開始進入到響應式網頁(RWD)的介紹,今天是 HTML 和 CSS 的最後一篇文章,我們來介紹...

2019-09-22 ‧ 由 Alec 分享
DAY 15

響應式網頁(RWD)環境與 Media Query

在智慧型手機橫空出世進入我們的世界以後,網頁工程師/設計師突然面臨到了一個很大的問題,過往的設計都是依照 desktop 的螢幕瀏覽器與比例去構想的,但當智慧...

2019-09-23 ‧ 由 Alec 分享
DAY 16

RWD 不可顯示 X 軸法則

使用行動設備上網時不管是手機或是平板,不同於使用電腦會有滑鼠,而是使用我們的手指滑動銀幕,以使用習慣來說,通常是以上下滑動的方式來進行內容瀏覽,而不像是使用電...

2019-09-24 ‧ 由 Alec 分享
DAY 17

改用百分比(%)為單位,讓你的 RWD 網頁縮放自如

過往我們不管是設width寬、height高時,或是在做margin或padding,比較習慣的單位都是用px,現在我們要改用%百分比,但在改用百分比前我們先...

2019-09-25 ‧ 由 Alec 分享
DAY 18

RWD 的三欄流體式網頁設計

在前面的章節我們已經介紹過了max-width or min-width以及百分比(%)單位對於 RWD 網站的重要性,現在我們要來設計一個三欄式的流體式網頁...

2019-09-26 ‧ 由 Alec 分享
DAY 19

RWD 做一個左邊固定欄寬右邊自由縮放的版型吧

大家一定常常會看到像是這樣類型的版型,左邊是 menu 的選單,而右邊則是每一則網頁內容,而當我們縮放瀏覽器時,左邊的選單區塊不會有任何變動,縮放的是右邊的網...

2019-09-27 ‧ 由 Alec 分享
DAY 20

在 media query 內使用 float:none 清除浮動效果

float的使用,我們常會用在 desktop 的排版上,不管是要將區塊並排顯示,或是要將選單橫列,常常都會使用到{float:left;}。今天我們要提到的...

2019-09-28 ‧ 由 Alec 分享