iT邦幫忙

網頁教學相關文章
共有 96 則文章
鐵人賽 影片教學

達標好文 技術 史上最完整的新手網頁入門學習地圖 - 金魚都懂的網頁學習路徑懶人包

免費的教學資源,但卻絲毫不減教學品質 經歷了兩屆的鐵人賽,總算是把想要做卻積了很久的一些網頁教學,用錄的、寫的給製作出來了,這一些網頁教學基本上不單單是給所有人...

鐵人賽 影片教學 DAY 2

技術 金魚都能懂 網頁設計入門 : 網頁入門第一步 (第二天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 網頁是甚麼? 網頁其實就是一個純文字檔案,我們利用『標記』的方式來賦...

鐵人賽 Modern Web DAY 5

技術 CSS 群組式宣告 - 每個開發者都該學會的選取方式

瞭解了 CSS tag、class、ID 三大基礎選取器之後,接著我們可以來了解選取器的另外一種不同的宣告方式。由於在製作網頁時我們會利用選取器去選取到物件後對...

鐵人賽 影片教學 DAY 3

技術 金魚都能懂 網頁設計入門 : 用甚麼工具寫網頁? - 鐵人賽第三天

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 目前撰寫網頁常見的工具有哪幾個 Brackets 免費軟體,跟Ado...

鐵人賽 Modern Web DAY 9

達標好文 技術 CSS 屬性選取器 - 一個選取自由度超高的選取器

CSS 屬性選取器,一個變化自由的選取器!在早期的時候CSS屬性選取器曾經是被詬病為效能不佳的一種選取器,時至今日拜電腦效能強大及瀏覽器的進步與優化來說,已不太...

鐵人賽 影片教學 DAY 5

技術 金魚都能懂網頁設計入門 : 網頁裝潢師CSS - 鐵人賽第五天

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 CSS是甚麼? Cascading Style Sheets,簡寫C...

鐵人賽 Modern Web DAY 3

技術 CSS class 選取器 - 切版與前端框架最常使用的CSS選取器 - 金魚都能懂了你還怕學不會嗎

在CSS選取器中,class算是比 tag 選取器更加常用到,尤其在現在開發框架盛行的年代更是氾濫。class 選取器的翻成中文的意思就是「分類、類別」,簡單的...

鐵人賽 Modern Web DAY 24

技術 使用 table 來做垂直置中區塊

簡言 這個方式...沒甚麼好講的,就是一個很單純的用表格來做垂直置中,應該算是初初初初初級垂直置中技巧啦。 原理說明 去看這篇 使用 Display: tabl...

鐵人賽 Modern Web DAY 30

技術 學習路徑懶人包 - CSS 選取器學習地圖

經歷了29天的 CSS 選取器的洗禮,感謝各位的訂閱、支持與觀看,不知道大家對於 CSS 選取器是否有變的更加熟悉了呢?今天就讓我們來快速地回顧一下這 29 天...

鐵人賽 影片教學 DAY 4

技術 金魚都能懂 網頁設計入門 : 再談HTML -鐵人賽第四天

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 標籤屬性是甚麼 HTML標籤因為用途的關係,每個標籤本都可能帶有不同...

鐵人賽 Modern Web DAY 28

技術 左圖右文版面,文字垂直置中的方式?

支援度最高的垂直置中方式 左圖右文版面的垂直置中應該是最常見到的一種需求了,這種需求的重點在於右側的文字需要垂置對齊於左邊的圖片,這種畫面基本上通常在樣版網站可...

鐵人賽 影片教學 DAY 30

技術 金魚都能懂網頁設計入門 : 接下來呢?(鐵人賽第三十天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 金魚的意義由你訂 對各位有無幫助 回文告訴 Amos 你對金魚的想...

鐵人賽 影片教學 DAY 6

技術 金魚都能懂 網頁設計入門 : CSS撰寫位置 (鐵人賽第六天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 CSS能寫在哪裡? HTML原始碼的style屬性內 style標...

鐵人賽 Modern Web DAY 4

技術 #ID 選取器 - 程式設計最常用到的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎

CSS 的 ID 選取器對於網頁開發來說,占了不小的份量與歷練,每個新手在接觸網頁時應該要畢恭畢敬的叫他一聲前輩才對,這話怎麼說呢? 容我後面再解釋。 先來看看...

鐵人賽 影片教學 DAY 8

技術 金魚都能懂網頁設計入門 : 區塊尺寸計算 (鐵人賽第八天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 區塊的尺寸計算 一個區塊的尺寸是如何被計算出來的? 這關係到你的版面...

鐵人賽 Modern Web DAY 10

技術 親代選取器之妹妹選取器與鞭炮串選取器

親代選取器在新手圈算是比較常被忽略的,尤其在目前 CSS3 選取器盛行的時期,這類選取器更加的容易被忽略,但其實這些老選取器還是很好用的啊,當然今天要講的選取器...

鐵人賽 影片教學 DAY 23

技術 金魚都能懂網頁設計入門 : RWD選單(鐵人賽第二十三天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 媒體查詢設定方式 選單控制方式 CSS選取器使用方式 行動優先還是...

鐵人賽 影片教學 DAY 7

技術 金魚都能懂網頁設計入門 : 怎麼學CSS ? (鐵人賽第七天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 心智圖的使用 先建立子主題再使用滑鼠拖拉來做分類 使用 Enter...

鐵人賽 影片教學 DAY 10

技術 金魚都能懂網頁設計入門 : 網頁兩大主角 (鐵人賽第十天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 兩大主角特性 inline 靠內容撐開,無法設定寬高 block...

鐵人賽 影片教學 DAY 21

技術 金魚都能懂網頁設計入門 : RWD入門(鐵人賽第二十一天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 各種裝置的網頁寬度要怎麼設定 製做RWD時會遇到的問題 媒體查詢的...

鐵人賽 Modern Web DAY 30

技術 Amos除了這超過25種垂直置中外還有別的方式嗎?

老實說 Amos 從一開始寫垂直置中系列開始也想不到今天可以寫出 25種垂直置中技巧,其實鐵人賽寫到今天為止其實也生出了超過25種垂直置中的方式,只是有些概念頗...

鐵人賽 影片教學 DAY 22

技術 金魚都能懂網頁設計入門 : RWD排版試做(鐵人賽第二十二天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 從手機先設定還是桌機先設定 如何設定HTML結構 如何設定CSS...

鐵人賽 Modern Web DAY 17

技術 :lang 語言僞類選取器 - 多長的單字都不煩惱

:lang 僞類選取器是針對語言設定的一個選取器,應該算是一個 Amos 極少用到的一個選取器,主要原因是因為使用上有點小小的麻煩處,另外還有實用度的部分。一般...

鐵人賽 影片教學 DAY 14

技術 金魚都能懂網頁設計入門 : Fixed定位 (鐵人賽第十四天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 關於Fixed 設定Fixed之後會有的特性有哪些 如何水平垂直置...

鐵人賽 Modern Web DAY 19

技術 使用 Display: table-cell 做網頁垂直置中

簡言 這一招我想有點年紀的開者應該都有看過了,當然像我這麼嫩的開發者當然是第一次看到啦(這是什麼幹話),這一招的原理在於使用 CSS display 屬性將di...

鐵人賽 影片教學 DAY 12

技術 金魚都能懂網頁設計入門 : CSS Reset (鐵人賽第十二天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 CSS Reset 的作用是甚麼? 為何需要使用 CSS Rese...

鐵人賽 影片教學 DAY 9

技術 金魚都能懂網頁設計入門 : Float浮動 (鐵人賽第九天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 浮動 float 的特性 有靠左跟靠右就是沒有置中 子層浮動時,父...

鐵人賽 Modern Web DAY 6

技術 CSS 組合式宣告 - 新手開發從這裡開始進步

談完了 CSS 群組式宣告,接下就來談組合式宣告了,組合式宣告的方式基本上就是將多個選取方式合起來一起寫的作法,例如你有個物件同時是 <p> 標籤,...

鐵人賽 Modern Web DAY 2

技術 Tag 元素選取器 - 網頁中最常用到的基本設定選取器 - 金魚都能懂了你還怕學不會嗎

Tag 元素選取器是CSS選取器中最基本的選取器之一,先離題解釋一下 Tag 是什麼? 白話文就是 HTML 標籤統稱啦,一般來說我們在溝通時為了文字的精準度,...

鐵人賽 影片教學 DAY 29

技術 金魚都能懂網頁設計入門 : JQuery動畫(鐵人賽第二十九天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 影片中提到的動畫類型有哪些 動畫的原理是利用什麼原理 如何利用一個...