• 姓名:鄭朝諱
• 學號:4060C033
• 回我的個人首頁

上課連結

• 第九堂課:
  • 9.1.A : PHP - 第一個網頁
  • 9.1.B : PHP - 使用變數處理資料
  • 9.1.C : PHP - 迴圈搭配表格做網頁安全色
  • 9.1.D : PHP - 迴圈搭配表格做網頁安全色(對比色)
  • 9.1.E : PHP - 抓伺服器的時間
  • 9.1.F : PHP - 用 date() 判斷時間，並告知問候語
  • 9.2.B : PHP - 透過 function 處理時間問候語
  • 9.3.A : PHP - 用網址傳遞變數給伺服器處理 $_GET
  • 9.3.B : PHP - 用網址傳遞變數給伺服器處理 解決 XSS 問題
  • 9.4.A : PHP - 電腦隨機出拳
  • 9.4.B : PHP - 電腦隨機出拳 (先出剪刀)
  • 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.2.B : 用清單設計導覽頁 - 下拉效果
  • 7.3.A : 用圖片進行map超連結 (html)
  • 7.4.B : Balsamiq Mockups 快速版面設置
  • 7.5.A : 主要的版面配置建置
• 第六堂課:
  • 6.1.A : 背景 - 漸層背景
  • 6.1.B : 背景 - 大頭照外框加彩虹圓框
  • 6.2.A : 背景 - 多底圖處理方式
  • 6.2.B : 背景 - 背景填滿效果 cover/contain
  • 6.2.C : 清單變成按鈕
  • 6.3.A : 圖片圖文框設計
  • 6.4.A : 方塊變形 - 圖形角度變化功能
  • 6.4.B : 方塊變形 - 圖文方塊設計
  • 6.5.A : 動畫特效 - 圖片圖文框設計(增加漸變功能)
  • 6.6.A : 動畫特效 - 圖片自行動畫效果
  • 6.6.B : 動畫特效 - 圖片自動轉圈
  • 6.6.C : 動畫特效 - 底圖蜜蜂飛翔
  • 6.6.D : 動畫特效 - 動畫持續輪轉
• 第五堂課:
  • 5.1.A : 方塊初探
  • 5.1.B : 方塊 - 水平置中
  • 5.1.C : 方塊 - 框線圓角+陰影
  • 5.1.D : 方塊 - 自製的邊框圖片(90x90 為例)
  • 5.2.A : 方塊 - 將方塊變成行內元素
  • 5.2.B : 方塊 - 版面不跑版設計 (一)
  • 5.2.C : 方塊 - 用 vertical-align 進行向上對齊 放在子元素 (二)
  • 5.2.D : 方塊 - 用 float 進行向上對齊 放在子元素 (三)
  • 5.2.E : 方塊 - 加上 overflow 副元素功能
  • 5.3.A : 方塊 - 兩個方塊的重疊與透明度
  • 5.3.B : 方塊 - z-index 調整元素的圖層上/下
  • 5.3.C : 方塊 - position 位置初探
  • 5.3.D : 方塊 - position - relative 的移動
  • 5.3.E : 方塊 - position - absolute 的移動
  • 5.3.F : 方塊 - position - fixed 固定的位置上
  • 5.4.A : 方塊 - overflow 的探討
  • 5.4.B : 方塊 - 圓形大頭貼
  • 5.4.C : 方塊 - 隱藏效果
• 第四堂課:
  • 4.1.A : 簡易的 CSS 字型處理
  • 4.1.B : 簡易的 CSS 字型處理(內部留白)
  • 4.1.D : 使用本伺服器提供的中文字型
  • 4.2.A : 超連結使用
  • 4.2.B : A 超連結變成區塊 (block)
  • 4.3.A : 任何地方都能用 :hover
  • 4.4.A : 清單的效果-中文號碼清單
  • 4.4.B : 清單的效果-項目變成圖片
  • 4.5.A : 表格功能的 CSS 修訂
  • 4.5.B : 表格功能 - border-collapse 功能
  • 4.6.A : 繼承 - 清單為例
  • 4.6.B : 繼承 - 後代子孫不會被影響
  • 4.6.C : 繼承 - display 的隱藏效果
• 第三堂課:
  • 3.1.B : 第一次使用 CSS 取代 <font>
  • 3.2.A : 探討 CSS 的單位 (本系目標)
  • 3.2.B : 探討 CSS 的配色 (本系目標)
  • 3.3.A : 探討 CSS 的版型屬性設定
  • 3.3.B : 探討 CSS 的底圖嵌入
  • 3.4.A : 探討 CSS 的 class 重複特定屬性
  • 3.4.B : 統一表格的單一 class 設計方式
  • 3.5.A : 使用 id 取代 class 的功能
  • 3.6.A : 呼叫外部 CSS 風格設定檔

Home Works

• 第九堂課後作業:
  • 9.5.2 : 九九乘法表列表
  • 9.5.3 : 剪刀石頭布
  • 9.5.4 : 透過陣列以及亂數，取得最大獎的抽獎活動
• 第七堂課後作業:
  • 7.6.2 : 清爽的導覽頁
  • 7.6.3 : 橫的導覽頁轉直式
  • 7.6.4 : 預計達成的期中報告網站列表
  • 7.6.5 : 透過地圖連結以及清單項目的絕對位置說明
• 第六堂課後作業:
  • 6.7.2 : 漸層彩虹人物圖像
  • 6.7.3 : 直立按鈕改橫式，增加按鈕
  • 6.7.4 : 圖示在中央放大
  • 6.7.5 : 承上，外加漸層功能
  • 6.7.6 : 飛翔的蜜蜂
  • 6.7.7 : 照片的幻燈片 淡出/淡入效果
• 第五堂課後作業:
  • 5.5.2 : 使用 position 進行排版
  • 5.5.3 : 使用 :hover 搭配 visibility 進行隱藏答案
• 第四堂課後作業:
  • 4.7.2 : 以 CSS 修飾古文的展示
  • 4.7.4 : 以 CSS 修飾清單以及巢狀清單的隱藏
  • 4.7.5 : 以 CSS 修飾表格以及 :hover 的美化
• 第三堂課後作業:
  • 3.7.2 : 外部的 CSS 風格設定檔主要內容
  • 3.7.3 : 以 CSS 風格取代 HTML 的課表展示
  • 3.7.4 : 以 CSS 風格取代 HTML 的特殊符號對應表(未)
  • 3.7.5 : 以 CSS 風格取代 HTML 的書籍清單展示