呂佳峻的
BootStrap
網頁
崑山科技大學 資訊傳播系 網頁規劃與設計
學習 BS 4
Unit10-基礎學習
Unit11-導覽列與版面配置
表單與 PHP
HTML & CSS
HTML課程
CSS課程
期中報告前的練習
學習進展
期中作品
單頁式網頁製作
期末考網站
網站地圖
關於我
CSS上課練習
Unit03-上課練習
3-3-1 網路線介紹
3-3-2 加入網頁背景圖
3-4-1 使用 Class 以表格展示
3-6-1 使用外部檔案呼叫CSS
Unit04-上課練習
4-1-1 字型練習-預設的連覽器字型
4-1-3 字型練習-呼叫 Google Fonts
4-2-1 處理超連結-hover 初探
4-2-2 處理超連結-把a變成區塊元素
4-3-1 測試 hover 在任意地方
4-4-1 用 CSS 修改 ul , ol , il
4-6-1 了解一下繼承
Unit05-上課練習
5-1-1 初探方塊 了解邊界
5-1-3 初探方塊 框線圓角、陰影
5-1-4 初探方塊 自製框線
5-2-1 兩個方塊的對齊-預設值
5-2-2 兩個方塊的對齊-使用大外框限制寬度
5-2-3 兩個方塊的對齊-virtical-align 設計垂對齊
5-2-4 兩個方塊的對齊-用float漂浮在父元素上面
5-3-1 多個方塊的位置設計-margin處理
5-3-3 多個方塊的位置設計-vertical-align top 對齊
5-3-5 多個方塊的位置設計-position:absolute 處理
5-3-6 方塊固定位置的方法-position:fixed 處理
5-4-1 使用 overflow 限制子元素的內容
5-4-2 圓形照片-使用overflow
5-4-3 使用 display 隱藏/顯示答案
Unit06-上課練習
6-1-1 使用漸層背景
6-1-2 使用漸層背景-大頭照加上彩虹
6-2-1 三張底圖的應用
6-2-2 底圖填滿的效果
6-2-3 用底圖搭配清單
6-3-1 用CSS做會動的圖示
6-4-1 圖示方塊的選轉-tranform:rotate
6-4-2 圖示方塊的選轉-transform:translate/scale
6-5-1 用CSS做會動的圖示-搭配transition
6-6-1 用CSS做會動的圖示-動畫效果
6-6-4 用CSS做會動的圖示-方塊的移動
Unit07-上課練習
7-1-1 單層導覽列
7-1-2 單層導覽列-增加 active功能
7-2-1 雙層導覽列-下拉式選單
7-3-1 地圖超連結的按鈕
7-5-1 HTML5 新標籤應用
CSS回家作業
Unit03-回家作業
overall.css 外部風格檔
ex03.7.3.html - 作業3
ex03.7.4.html - 作業4
ex03.7.5.html - 作業5
Unit04-回家作業
ex04.7.2.html - 作業2
ex04.7.4.html - 作業4
ex04.7.5.html - 作業5
Unit05-回家作業
ex05.5.2.html - 作業2
ex05.5.3.html - 作業3
Unit06-回家作業
ex06.7.2.html - 作業2
ex06.7.3.html - 作業3
ex06.7.4.html - 作業4
ex06.7.5.html - 作業5
ex06.7.6.html - 作業6
ex06.7.7.html - 作業7 (新年賀卡)
Unit07-回家作業
ex07.6.2.html - 作業2
ex07.6.3.html - 作業3
ex07.6.5.html - 作業5
學習重點
