📕
HTML & CSS
  • 網頁設計 - HTML & CSS
  • 1 簡介
    • 1.1 講者簡介
    • 1.2 課程須知
    • 1.3 網站前端簡介
    • 1.4 開發工具簡介
    • 1.5 第一個網頁
  • 2 HTML
    • 2.1 html 文件基本結構
    • 2.2 宣告、標籤、屬性、元素
    • 2.3 保留文字格式
    • 2.4 表示程式的標籤
    • 2.5 註解
    • 2.6 網頁標題
    • 2.7 中介資料(Meta Data)
    • 2.8 縮寫
    • 2.9 斷行與水平分隔線
    • 2.10 段落
    • 2.11 內容標題
    • 2.12 判別區塊與行內
    • 2.13 列表
    • 2.14 清單
    • 2.15 連結
    • 2.16 圖片
    • 2.17 獨立內容
    • 2.18 表格
    • 2.19 嵌入外站
    • 2.20 span 和 div
    • 2.21 引用
    • 2.22 有結構的語意元素
    • 2.23 結構驗證
    • 2.24 HTML Entity(實體)
    • 2.25 影片
    • 2.26 音訊
    • 2.27 其它標籤
    • 2.28 表單
    • 2.29 HTML 所有標籤
  • 3 CSS
    • 3.1 套用 CSS
    • 3.2 註解
    • 3.3 Selectors - 屬性及值
    • 3.4 Selectors - 符號
    • 3.5 Selectors - class 和 id
    • 3.6 關於優先權
    • 3.7 排版 - 關於 display 屬性
    • 3.8 排版 - 區塊模型(Box Model)
    • 3.9 排版 - vertical-align 對齊
    • 3.10 練習 - 固定式版型
    • 3.11 關於 Pseudo Element
    • 3.12 關於 Pseudo Class
    • 3.13 文字樣式
    • 3.14 關於溢載
    • 3.15 連結樣式
    • 3.16 列表樣式
    • 3.17 表格樣式
    • 3.18 背景樣式
    • 3.19 排版 - 關於定位(position)
    • 3.20 排版 - 關於浮動(float)
    • 3.21 關於不透明度 opacity
    • 3.22 關於 visibility、pointer-events
    • 3.23 關於 outline
    • 3.24 表單樣式
    • 3.25 效果 - 游標
    • 3.26 效果 - 圓角
    • 3.27 效果 - 區塊陰影
    • 3.28 效果 - 文字陰影
    • 3.29 效果 - 轉換 transform
    • 3.30 Flexbox 排版 - Container
    • 3.31 Flexbox 排版 - Items
    • 3.32 Column 多欄排版模式
    • 3.33 其它補充
  • 4 練習
  • 5 作業:網頁切版
  • 6 參考資料
Powered by GitBook
On this page
  • 聯絡方式
  • 現況
  • 錄製的線上課程
  • 經歷
  • 技術堆疊
  • 作品分享(部份)
  • 網站前端
  • 主機代管
  • 網站建置
  1. 1 簡介

1.1 講者簡介

Previous1 簡介Next1.2 課程須知

Last updated 11 months ago

聯絡方式

張互賓/Carlos

  • 個人 email: chang.abin@gmail.com

  • 「」FB 粉絲專頁

現況

  • 自由工作者 Freelancer,承接網站專案及授課。

  • 成立「」粉絲頁 ,分享網站知識及文章。

  • 成立,承接主機代管、前端開發、網站架設服務,及分享技術相關知識。

  • 於 Tibame 教學網站開發相關領域課程。

錄製的線上課程

經歷

  • 2009 年:進入職場,曾任職於中視、華視、Yahoo!、新創公司。

  • 2013 年:全職的網站前端開發之自由工作者。

  • 2016 年:成立卡斯有限公司:承接網站設計開發、主機代管。

  • 2017 年:承接標案「臺南市政府圖片資料庫平台」

  • 2018 年:網站相關教學

  • 2019 年:合夥存股管家

  • 2020 ~ 2023 年:Tibame 講師

  • 2021 ~ 2023 年:錄製線上課程

  • 2024:慈科大教學 Git

  • 2024:慈科大示範 Docker 實務

  • 2024:新明青年創業基地 教學 HTML & CSS

技術堆疊

前端:HTML、CSS(SASS)、JavaScript(jQuery、Vue、Vite)、TypeScript。

後端:PHP、Node.js(Express)、MySQL、MariaDB、MongoDB、CentOS。

版本控管:Git。

容器技術:使用 Docker。

作品分享(部份)

網站前端

主機代管

網站建置

WebMix - 設計好網站
WebMix - 設計好網站
卡斯有限公司
AI助理GitHub Copilot | 提升前端開發效率
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (上集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (下集)
X Fail 活動
鉅亨網債劵基金排行
鉅亨網債劵基金搜尋器
matchnow 網紅平台
毅創投資
Ctrl + P 兒童3D列印
MBA 顧問
智夢
RocketAdmit
雕塑學會
亞太公私合夥建設發展協會
長風文教基金會
矽谷創業家協會