iT邦幫忙

鐵人檔案

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

前端網頁設計學習旅程 系列

未來三十天預計會從環境建置開始,依序學習 HTML、CSS、網頁排版與切圖,希望在鐵人賽結束後,有能力從無到有做出簡單的網站

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

Day11_CSS語法-border&selector

border border 顧名思義就是邊框的意思,在CSS 中,你可以透過border 的語法來對邊框做許多樣化的設計變化,例如設定邊框的寬度、樣式、顏色等等...

DAY 12

Day12_HTML語法-Text&Font

font-family 首先用文章產生器,產生用作練習的文章的HTML檔案 <!DOCTYPE html> <html> <hea...

DAY 13

Day13_CSS語法-margin&padding

border border 是一個「加上去」的屬性,換句話說,一般都是用來區隔元素與元素用的。 border 的外圍即為元素的最外圍(margin),因此計算...

DAY 14

D14_Javascript-data types and data structures

Javascript是一種弱型別,或是說動態型別語言參數型態可以動態調整,舉例來說 let foo = 42; // foo is now a numbe...

DAY 15

Day15_Javascript-Array

Array 陣列是一種可以儲存有序資料的資料結構,如同其他高階程式語言,Javascript也提供一系列的語法,用以操作陣列。以下介紹一些常見的語法 建立陣列...

DAY 16

Day16_Javascript-DOM

DOM 文件物件模型(Document Object Model, DOM)是 HTML、XML 和 SVG 文件的程式介面。它提供了一個文件(樹)的結構化表示...

DAY 17

Day17_AJAX & JQuery-1

AJAX Asynchronous JavaScript and XML(AJAX)是一種編程技術,利用 JavaScript 和 XMLHTTPRequest...

DAY 18

Day18_jQuery-selector&css

jQuery APIs jQuery提供一系列語法,以提供更簡潔快速的方式,操作 HTML, CSS 及 Javascript。而 jQuery 所有提供的 A...

DAY 19

Day19_jQuery-Objective

jQuery用簡單的方式,取代原生Javascript的語法。今天介紹幾個jQuery常用的語法 text() jQuery提供了text()方法,讀取元素中的...

DAY 20

Day20_jQuery-Event

Event jQuery提供一系列的 event ,用於與用戶互動可以在官網查詢所有的event語法,以下列幾種常見的 .click() 將javascript...

髮量稀疏的中年大叔的收藏
髮量稀疏的中年大叔的追蹤
髮量稀疏的中年大叔的Like
髮量稀疏的中年大叔的紀錄