• 姓名：田永昇
• 學號：4090c037
• 回首頁

上課連結

• 第九堂課
  • 9.1.A 第一個 PHP 網頁
  • 9.1.B 學習 PHP 變數
  • 9.1.C 迴圈設計
  • 9.1.D 迴圈設計 - 網頁對比色
  • 9.1.E PHP 日期處理
  • 9.1.F 時間問候語
  • 9.2.B FUNCTION_輸出 (未完)
  • 9.3.A 用$_GET 由網址列傳變數
  • 9.4.A 隨機產生出拳
  • 9.4.C 人物數值亂數
  • 9.4.D IMG亂丟
• 第八堂課
  • 8.2.A 單欄式版面設計
  • 8.2.B 雙欄式版面設計
• 第七堂課
  • 7.1.A 導覽列選單 - 橫向
  • 7.1.B 導覽列選單 - 橫向 - 增加 active 類別
  • 7.1.C 導覽列選單 - 橫向 - 稍微修改一下樣式
  • 7.2.A 導覽列選單 - 下拉式選單
  • 7.2.B 導覽列選單 - 下拉式選單 - 增加效果
  • 7.3.A 導覽列選單 - 地圖導覽列 usemap
  • 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 - rotate
  • 6.4.B 重疊圖示 - 加上 transform - scale tarnslate
  • 6.5.A 會變動的圖示 - 加上 transition
  • 6.6.A 第一個動畫效果
  • 6.6.C 蜜蜂飛來飛去 - animation
• 第五堂課
  • 5.1.A 方塊練習
  • 5.1.B 方塊練習-2-置中功能 'auto'
  • 5.1.C 方塊練習-3-圓角框線跟陰影
  • 5.2.A 方塊練習-4-平行處理
  • 5.2.B 方塊練習-5-圖片適應方塊的寬度
  • 5.2.C 方塊練習-6-垂直對齊 vertical-align
  • 5.2.D 方塊練習-7-漂浮
  • 5.2.E 方塊練習-8-父元素加上溢出 overflow
  • 5.3.A 方塊位置-1- margin 用法
  • 5.3.B 方塊位置-2-使用 Z-index
  • 5.3.C 方塊位置-3-使用 relative 相對位置
  • 5.3.D 方塊位置-4-使用 relative 進行位置移動
  • 5.3.E 方塊位置-5-使用 absolute 絕對位置相同原點
  • 5.3.F 方塊位置-6-使用 fixed 固定位置 - 瀏覽器
  • 5.4.A 方塊位置的應用-1-固定長寬討論 overflow
  • 5.4.B 方塊位置的應用-2-圓形大頭照
  • 5.4.C 方塊位置的應用-3-部分資料隱藏的效果
• 第四堂課
  • 4.1.A 字型練習
  • 4.1.B 了解 padding (內部留白)與 goolge 字型
  • 4.2.A 超連結 a 的變化
  • 4.2.B 超連結 a 變成區塊元素
  • 4.3.A 使用 hover 效果
  • 4.4.A 清單的 CSS 效果
  • 4.4.B 清單的圖示
  • 4.5.A 表格的 CSS 效果
  • 4.5.B 表格的 collapse 效果
  • 4.6.A CSS 的繼承效果
  • 4.6.B CSS 的繼承效果 - 使用 >
  • 4.6.C 使用 display: none 隱藏的效果
• 第三堂課
  • 3.1.B 第一個 CSS 練習
  • 3.3.A 另一種 CSS 呼叫方式
  • 3.3.B CSS 底圖練習
  • 3.4.A 使用 class 呼叫
  • 3.4.B 表格底圖的應用
  • 3.5.A 表格底圖的應用 - 使用 # 與 id
  • 3.6.A 使用外部呼叫的 CSS 設定檔

Homeworks

• 第七堂課 - 課後練習
  • 習題 7.6.2：使用較清爽的導覽列模式
  • 習題 7.6.3：讓原本橫的導覽列變成直的導覽列模式
  • 習題 7.6.4：預計達成的期中報告網站列表
  • 習題 7.6.5：透過地圖連結以及清單項目的絕對位置說明
• 第六堂課 - 課後練習(1104)
  • 習題 6.7.2：使用漸層處理與圖片重疊的技巧，處理彩虹人物像
  • 習題 6.7.3：直立的按鈕改橫式按鈕，並增加一個按鈕
  • 習題 6.7.4：圖示放大變成在正中央放大，不是向右下方放大的模樣
  • 習題 6.7.5：承上，加上漸變的功能
  • 習題 6.7.6：蜜蜂飛來飛去，衝向螢幕來嚇你
  • 習題 6.7.7：照片的幻燈片淡出/淡入效果功能
• 第五堂課 - 課後練習(1028)
  • 習題 5.5.2：使用 position 進行排版
  • 習題 5.5.3：使用 :hover 搭配 visibility 進行答案隱藏
• 第四堂課 - 課後練習(1014)
  • 習題 4.7.2：以 CSS 修飾古文的展示
  • 習題 4.7.4：以 CSS 修飾清單以及巢狀清單的隱藏使用
  • 習題 4.7.5：以 CSS 修飾表格以及 :hover 的變化
• 第三堂課 - 課後練習(1007)
  • 習題 3.7.2：外部的 CSS 風格設定檔主要內容
  • 習題 3.7.3：以 CSS 風格取代 HTML 的課表展示
  • 習題 3.7.4：以 CSS 風格取代 HTML 的特殊符號對應表
  • 習題 3.7.5：以 CSS 風格取代 HTML 的書籍清單展示