iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

商科生初探網頁全端開發 系列

由非資訊工程/管理相關科系背景之商科生,以初學者角度嘗試整理網頁開發的基礎資訊。

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

Day1-自介、參賽原因、文章架構

大家好,先簡單介紹一下我的背景,大學就讀國防大學管理學院財務管理學系,畢業後直接分發到基層擔任財務軍官,從事的業務主要為現金出納及兼任資訊官。 工作本質上和公營...

2022-09-01 ‧ 由 muller0219 分享
DAY 2

Day2-HTML基礎概念

以下介紹HTML的構成 <p>This is HTML</p> 這裡的<p>稱為起始標籤(opening tag) &...

2022-09-02 ‧ 由 muller0219 分享
DAY 3

Day3-HTML架構及常用元素介紹

以下用圖片說明HTML核心架構A:<!DOCTYPE html> 在HTML文件中的第一行會以此為開頭,用意是向檢視此頁面的瀏 覽器(browser...

2022-09-03 ‧ 由 muller0219 分享
DAY 4

Day4-HTML元素介紹-續

接續昨天的內容繼續介紹幾個元素,請見下圖。A:<hr>建立一條水平線。 B:<br>可為<p>中的文字分行,常用於詩詞類文章...

2022-09-04 ‧ 由 muller0219 分享
DAY 5

Day5-HTML元素介紹Table、Form。

#Table(表格)參見下圖說明(圖多)A B C A:<table>,表示表格數據,包含B:<thead>,表頭 及C:<tbo...

2022-09-05 ‧ 由 muller0219 分享
DAY 6

Day6-HTML Form-續

這裡示範如何在自己創建的頁面中利用<Form>建立搜尋欄位,分別以Reddit、Google、Youtube來說明, 如下圖(圖多) AA-a A:...

2022-09-06 ‧ 由 muller0219 分享
DAY 7

Day7-HTML 練習 路跑報名

前面幾天介紹常用HTML元素,現在可以試著結合它們做出一些網站上可能有的形式,以下以路跑報名做示範,雖然版面相當陽春,亦無串接後端資料庫,也沒有功能性,但還是能...

2022-09-07 ‧ 由 muller0219 分享
DAY 8

Day8-CSS基本概念

CSS稱作階層樣式表,詳介紹 可用於設計網站的風格及樣式。 如改變字體顏色、字形、排版等等,能夠做出的設計可謂千變萬化,以下介紹三種方式來改變網站字體顏色,詳見...

2022-09-08 ‧ 由 muller0219 分享
DAY 9

Day9-CSS Font/Text Properties

今天介紹CSS修飾文字及字形的特性本範例取自維基百科-英超聯賽 以下為圖片及Properties對照關係 text-align A text-decoratio...

2022-09-09 ‧ 由 muller0219 分享
DAY 10

Day10-CSS選擇器(Selectors)

本日進入CSS的重點,選擇器(Selectors),它可以指定HTML文件中特定範圍來作樣式編輯。 以下為學習筆記: 基礎Selectors 1.Univer...

2022-09-10 ‧ 由 muller0219 分享