• 姓名：林庭均
• 學號：4050C040
• 回我的個人首頁

上課連結

• 第九堂課
  • 9.1.1：php 基本框架
  • 9.1.2：變數取代文字
  • 9.1.3：迴圈功能
  • 9.1.4：迴圈功能 - 顏色對比
  • 9.1.5：日期功能
  • 9.1.6：日期功能 - if 判斷時間
  • 9.2.1：日期功能 - 另外呼叫php
  • 9.2.2：日期功能 - function
  • 9.3.1：從網址列更改呼叫內容
• 第八堂課
  • 8.2.1：單欄版面設計
  • 8.2.2：雙欄版面設計
  • 8.4.1：個人網站地圖
• 第七堂課
  • 7.1.1：導覽列功能
  • 7.1.2：導覽列功能 - 外加活動中的項目
  • 7.1.3：導覽列功能 - 按鈕連在一起
  • 7.2.1：下拉式選單
  • 7.2.2：拖拉式選單
  • 7.3.1：以圖片為主的導覽
  • 7.4.1：UI、UX、前後端工程師
  • 7.4.2：使用 Balsamiq Markup 快速建置網站示意圖
  • 7.5.1：以 HTML5 的新標籤處理整體網站風格
• 第六堂課
  • 6.1.1：色彩漸層
  • 6.1.2：色彩漸層 - 圓形的彩虹漸層處理
  • 6.2.1：底圖的設置應用
  • 6.2.2：底圖的設置應用 - 背景填滿的方法
  • 6.2.3：底圖的設置應用 - 假按鈕的圖示
  • 6.3.1：特定功能的相同圖片格式應用
  • 6.4.1：方塊的變形 (transform) 、圖層應用
  • 6.4.2：translate 位移加 scale 大小的變化特性
  • 6.5.1：使用變化 (transition) 特效
  • 6.6.1：使用動畫 (animation) 特效 - 燈~燈燈燈
  • 6.6.2：使用動畫 (animation) 特效 - 企鵝轉起來
  • 6.6.3：使用動畫 (animation) 特效 - 嗡嗡嗡
  • 6.6.4：使用動畫 (animation) 特效 - 圖片輪轉位移
• 第五堂課
  • 5.1.1：方塊模型 - 初級理解
  • 5.1.2：方塊模型 - 置中處理(水平對齊,margin)
  • 5.1.3：方塊模型 - 圓角與陰影
  • 5.1.4：方塊模型 - 使用圖檔作為框線來源
  • 5.2.1：方塊對齊 - inline-block
  • 5.2.2：方塊對齊 - 外部方塊整合排版
  • 5.2.3：方塊對齊 - 內部靠上對齊 vertical-align
  • 5.2.4：方塊對齊 - 內部靠上對齊 float
  • 5.2.5：方塊對齊 - 外部框線補齊 overflow
  • 5.3.1：位置探討 - 正常流向時，使用 margin 調整移動的位置
  • 5.3.2：位置探討 - 承上，使用 z-index 搭配 position 來調整圖層
  • 5.3.3：位置探討 - 一般排版，使用垂直朝上對齊的效果，分三欄位
  • 5.3.4：位置探討 - 使用 position relative 來調整單一方塊移動的效果
  • 5.3.5：位置探討 - 使用 position absolute 來調整全部方塊移動的效果
  • 5.3.6：使用 position fixed 來增加一個類似按鈕方塊的功能
  • 5.4.1：討論不同的 overflow 效果展示
  • 5.4.2：圓形的大頭貼產生的方式
  • 5.4.3：討論 visibility 搭配 hover 的效果
• 第四堂課
  • 4.1.1：瀏覽器的字型
  • 4.1.2：瀏覽器的字型 - 行距字距的範圍
  • 4.1.3：瀏覽器的字型 - 網頁免費字型套用
  • 4.1.4：瀏覽器的字型 - 內部css字型套用
  • 4.2.1：超連結設計
  • 4.2.2：超連結設計 - 區塊設計
  • 4.3.1：hover應用
  • 4.4.1：清單的特殊效果
  • 4.4.2：清單的特殊效果 - 標點變圖示
  • 4.5.1：表格的特殊效果
  • 4.5.2：表格的特殊效果 - collapse屬性
  • 4.6.1：ul il 的繼承問題
  • 4.6.2：ul il 的不繼承問題
  • 4.6.3：使用display和hover來做隱藏特效
• 第三堂課
  • 3.1.2：第一個CSS，文字與背景的調整
  • 3.2.1：考慮單位大小
  • 3.2.2：設定底色的方式
  • 3.3.1：使用 head 內的 style 修改預設標記顯示模式
  • 3.3.2：加上底圖的設定方式
  • 3.4.1：表格加上兩種不同的 tr 顯示模式
  • 3.4.2：設定類別影響子標記(table.class ,tr{..})
  • 3.5.1：使用 id 取代 class 功能
  • 3.6.1：呼叫外部CSS風格設定檔

Home Works

• 第九堂課
  • 習題 9.5：html --- PHP
• 第八堂課
  • 習題 8.6：css --- html
• 第七堂課
  • 習題 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：各基本設定
  • 習題 5.5.3：滑鼠特效設定
• 第四堂課
  • 習題 4.7.2：各基本設定
  • 習題 4.7.4：滑鼠特效設定
  • 習題 4.7.5：表格特效設定
• 第三堂課
  • 習題 3.7.2：外部CSS風格設定
  • 習題 3.7.3：課表的製作
  • 習題 3.7.4：特殊符號對應表
  • 習題 3.7.5：書籍清單