WEB2 CSS的網頁內容

• 姓名: 張耕梓
• 學號: 4070C047
• 回首頁

• 第九課
  • 9.1.A-第一個PHP網頁測試
  • 9.1.B-練習PHP的變數
  • 9.1.C-1-最陽春的迴圈練習
  • 9.1.C-2-色調製作用單迴圈
  • 9.1.C-3-色調製作用兩迴圈
  • 9.1.C-4-色調製作用三個迴圈
  • 9.1.D-色票製作對比色處理
  • 9.1.E-用date函數抓伺服器時間
  • 9.1.F-用if搭配date回應間應答
  • 9.2.A-呼叫外部檔案來實驗
  • 9.3.A-從網址列輸入變數內容
  • 9.3.B-從網址列輸入變數內容增加xss防禦
  • 9.4.A-剪刀石頭布
  • 9.4.B-跟電腦猜拳
  • 9.4.c-隨機產生人物屬性方式
  • 9.4.D-照片隨你丟
• 第八課
  • 8.2.A-單蘭市版面設計
  • 8.2.B-兩欄式版面設計
• 第七課
  • 7.1.A-清單做成導覽列
  • 7.1.B-清單做成導覽列-增加一個式的項目
  • 7.1.C - 清單做成導覽列的練習-讓按鈕綁在一起
  • 7.2.A - 具有下拉是選單的效果
  • 7.3.A - 使用片當按鈕的樣式
  • 7.4.B - 用Balsmiq Markup做版面配置
  • 7.5.A - 完整的版面配置製作
• 第六課
  • 6.1.A-使用漸層背景色
  • 6.1.B-使用漸層背景色大頭彩虹圖
  • 6.2.A-三張背景圖同時存在
  • 6.2.B-背景圖應用-contain,cover用法
  • 6.2.C背景圖應用-假裝的按鈕設計
  • 6.3.A圖片的放大應用
  • 6.4.A圖片旋轉應用-transform: rotato功能
  • 6.4.B圖片的位移與尺寸變化 - transfrom: translate,scale功能
  • 6.5.A圖片的漸變特效 - transition功能
  • 6.6.A圖片的漸變特效 - 使用動畫讓他自己動
  • 6.6.C圖片的漸變特效 - 讓蜜蜂飛來飛去
  • 6.6.D圖片的漸變特效 - 讓超連結框循環轉來轉去
  • 6.6.E圖片的漸變特效 - 單純給你看不給你點擊的旋轉圖
• 第五課
  • 5.1.A-css的div方塊應用
  • 5.1.B-css的div方塊致中使用
  • 5.1.C-css的div方塊圓腳跟陰影的應用
  • 5.1.D-div的框限應用-圖檔當框限
  • 5.2.A-div的 inline-block的展示
  • 5.2.B-div的簡易式排版
  • 5.2.C-div的垂直排版方式(vertical-align)
  • 5.2.D-div的簡易排版 - float的使用
  • 5.2.E-div的簡易排版 - float的使用搭配overflow
  • 5.3.A-版面條配 - 預設的margin處理圖片
  • 5.3.B-版面條配 - relative搭配z-index調整圖層
  • 5.3.C-版面條配 - 標準調配方塊處理
  • 5.3.D-版面條配 - relative的單一方塊移動
  • 5.3.E-版面條配 - absolute 同一個參考圓點
  • 5.3.F-版面條配 - fixed固定在瀏覽器的某個地方
  • 5.4.A-版面條配 - 用overflow控制過多的資料
  • 5.4.B-版面條配 - css大頭照
  • 5.4.C-使用隱藏來處理算命答案
• 第四課
  • 4.1.A- css 字體自行應用
  • 4.1.B- 加上padding留白
  • 4.1.B-使用goole的免費字行
  • 4.2.A-超連結的 :hover特效
  • 4.2.B-把a變成區塊元素的用法
  • 4.3.A-任何東西都用 :hover效果
  • 4.4.A-css的清單特效
  • 4.4.B-CSS的清單圖示-圖形效果
  • 4.5.A-CSS的表格效果
  • 4.5.B-css的表格效果-摺疊效果
  • 4.6.A-Css賦予子的關係
  • 4.6.B-css繼承關係使用
  • 4.6.C-css隱藏效果
• 第三堂課
  • 3.1.B -開始使用
  • 3.2.A -css單位理解
  • 3.2.A -css顏色使用
  • 3.3.A -在 herd 使用 style
  • 3.3.B -css背景圖
  • 3.4.A -class類別的使用
  • 3.4.B -使用類別與背景
  • 3.5.A -使用id來設計css
  • 3.6.A -使用外部呼叫css

第三課

• 3.7.2 -CSS 整體設定檔
• 3.7.3 -CSS更改課表
• 3.7.5-CSS改造鳥歌叢書

第四課

• 4.7.2-李白詩
• 4.7.4-鳥哥叢書改造
• 4.7.5-課表改版

第五課

• 5.5.2-大頭貼簡介
• 5.5.3-小鐵星座

第六課

• 6.7.2-大頭貼改造
• 6.7.3-臺鐵火車時刻查詢系統
• 6.7.4-放大特效圖片
• 6.7.5-透過 transition 的功能，讓圖片在 0.5 秒鐘漸變處理
• 6.7.6-嚇人蜜蜂

第九課

• 9.5.2九九乘法