WEB2 CSS 相關課程

• 第九堂課
  • 9.1.1 - 第一個PHP網頁測試
  • 9.1.2 - 練習PHP的變數
  • 9.1.3-1 - 最陽春的迴圈練習
  • 9.1.3-2 - 色票製作-單迴圈
  • 9.1.3-3 - 色票製作-雙迴圈
  • 9.1.3-4 - 色票製作-三迴圈
  • 9.1.4 - 色票製作-對比色的處理
  • 9.1.5 - 用 date 函數抓伺服器的時間
  • 9.1.6 - 用 if 搭配date回應時間應答
  • 9.2.1 - 呼叫外部檔案來實驗
  • 9.3.1 - 從網址列輸入變數內容
  • 9.3.2 - 從網址列輸入變數內容 增加XSS防禦
  • 9.4.1 - 剪刀石頭布
  • 9.4.2 - 跟電腦猜拳
  • 9.4.3 - 隨機產生人物屬性的方式
  • 9.4.4 - 照片隨機放在某個空間內
• 第八堂課
  • 8.2.1 - 單欄式版面設計
  • 8.2.2 - 兩欄式版面設計
• 第七堂課
  • 7.1.1 - 清單做成導覽列的練習
  • 7.1.2 - 清單做成導覽列的練習-增加一個識別的項目(.active)
  • 7.1.3 - 清單做成導覽列的練習-讓按鈕綁在一起
  • 7.2.1 - 具有下拉式的第二層選單效果
  • 7.3.1 - 使用圖片當成按鈕的樣式
  • 7.4.2 - 用 balsamiq 做快速版面配置示意圖
  • 7.5.1 - 完整的版面配置實際製作
• 第六堂課
  • 6.1.1 使用漸層設計背景色
  • 6.1.2 使用漸層背景色-大頭彩虹圖
  • 6.2.1 背景圖的應用-三張背景圖同時存在
  • 6.2.2 背景圖的應用-填滿背景的contain,cover用法
  • 6.2.3 背景圖的應用-假裝的按鈕設計
  • 6.3.1 - 圖片的放大應用
  • 6.4.1 - 圖片的旋轉應用 - transform: rotate 功能
  • 6.4.2 - 圖片的位移與尺寸變化 - transform: translate, scale 功能
  • 6.5.1 - 圖片的漸變特效 - transition 功能
  • 6.6.1 - 圖片的漸變特效 - 使用動畫讓他自己動
  • 6.6.3 - 圖片的漸變特效 - 讓蜜蜂飛來飛去
  • 6.6.4 - 圖片的漸變特效 - 讓超連結框循環轉來轉去
  • 6.6.5 - 圖片的漸變特效 - 單純給你看不給你點擊的旋轉圖
• 第五堂課
  • 5.1.1 CSS的div方塊應用
  • 5.1.2 CSS的div方塊-置中的方法
  • 5.1.3 CSS的div方塊-圓角與陰影的應用
  • 5.1.4 div框線應用-圖檔用作框線
  • 5.2.1 div的inline-block 展示
  • 5.2.2-div的簡易排版方式
  • 5.2.3-div的垂直排版方式 (vertical-align)
  • 5.2.4-div的簡易排版 -float 的使用
  • 5.2.5-div的簡易排版 -float 搭配overflow
  • 5.3.1- 版面調配 - 預設的 margin 處理即可
  • 5.3.2- 版面調配 -relative 搭配 z-index 調整圖層
  • 5.3.3- 版面調配 -標準調配方塊
  • 5.3.4- 版面調配 -relative單一方塊移動
  • 5.3.5- 版面調配 -absolute同一個參考原點
  • 5.3.6- 版面調配 -fixed固定在瀏覽器的某個地方
  • 5.4.1- 版面調配 -用overflow控制過多的資料
  • 5.4.2- 使用hidden設計圖形大頭貼
  • 5.4.3- 使用隱藏來處理算命的答案
• 第四堂課
  • 4.1.1 CSS字體字型的應用
  • 4.1.2 加上padding的應用
  • 4.1.4 使用google的免費字型
  • 4.2.1 超連結的:hover特效
  • 4.2.2 把a變成區塊元素(display:block)
  • 4.3.1 任何東西都能 :hover
  • 4.4.1 CSS的特效清單
  • 4.4.2 CSS的特效清單-圖形效果
  • 4.5.1 css的表格效果
  • 4.5.2 CSS的表格效果摺疊的效果
  • 4.6.1 父與子的繼承問題
  • 4.6.2父與子的繼承問題-使用>
  • 4.6.3 - CSS 的隱藏效果

homeworks