• 姓名:藍中英
• 學號:4076c002
• 回首頁

第三堂課內容

• 例題 3.1.B: 第一次使用 CSS 取代 <font>
• 例題 3.2.A: 探討 CSS 的單位
• 例題 3.2.B: 探討 CSS 的簡易使用
• 例題 3.3.A: CSS 在 head 使用的整體設定值
• 例題 3.3.B: CSS 處理背景
• 例題 3.4.A: CSS 處理兩種不同的 class
• 例題 3.4.B: CSS 處理table的底圖
• 例題 3.5.A: CSS 使用id呼叫,而不適class
• 例題 4.1.A: 簡易CSS字行處理
• 例題 4.1.B: 簡易CSS字行處理(內部留白)
• 例題 4.1.D: 使用本私福器提供的中文字型
• 例題 4.2.A: 超連結變色
• 例題 4.2.B: 超連結變成區塊
• 例題 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隱藏效果
• 例題 5.1.A: 方塊初探
• 例題 5.1.B: 方塊 - 水平置中
• 例題 5.1.C: 方塊 - 框限的圓角+陰影
• 例題 5.1.D: 方塊 - 自製的邊框
• 例題 5.2.A: 方塊 - 將方塊變為行內元素
• 例題 5.2.B: 方塊 - 盡量不要跑版的設計之一
• 例題 5.2.C: 方塊 - 用 vertical-align進行向上對齊
• 例題 5.2.D: 方塊 - 用 float進行向上對齊
• 例題 5.2.E: 方塊 - 加上 overfloat 的父元素功能
• 例題 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.B: 方塊 - 圓形大頭貼
• 例題 5.4.C: 方塊 - 例題 5.4.C: 方塊 - visibility 的隱藏效果
• 例題 6.1.A: 方塊 - 例題 6.1.A: 背景漸層效果初探
• 例題 6.1.B: 方塊 - 例題 6.1.B: 背景漸層效果 - 用於大頭貼
• 例題 6.2.A: 方塊 - 例題 6.2.A: 背景 - 多張背景的應用
• 例題 6.2.B: 方塊 - 例題 6.2.B: 背景 - 背景填滿的效果-cover , contain
• 例題 6.2.C: 方塊 - 例題 6.2.C: 背景 - 清單變成按鈕效果
• 例題 6.3.A: 方塊 - 例題 6.3.A: 照片圖文框設計
• 例題 6.4.A: 方塊 - 例題 6.4.A: 方塊的變形--角度變化跟疊圖
• 例題 6.4.B: 方塊 - 例題 6.4.B: 方塊的變形--方塊的大小位置
• 例題 6.5.A: 方塊 - 例題 6.5.A: 照片圖文框設計-增加漸變功能
• 例題 6.6.A: 方塊 - 例題 6.6.A: 讓圖片自己動的小小動畫效果
• 例題 7.1.A: 使用清單來設計導覽列方法
• 例題 7.1.B: 修改導覽列加入active
• 例題 7.1.C: 修改導覽列，讓按鈕間沒框線
• 例題 7.2.A: 讓導覽列擁有第二層選單功能
• 例題 7.2.B: 讓導覽列第二層選單可以具有滑動特效
• 例題 7.3.A: 讓圖片可以具有超連結的點選功能
• 例題 7.4.B: 使用Balsamiq Markup 快速建置網站示意圖
• 例題 7.5.A:以HTML5的新標籤處理整體網站的風格樣式
• 例題 8.2.A:版片配置-單欄式設計
• 例題 8.2.B:版片配置-兩欄式設計
• 例題 9.1.A:我的第一個php
• 例題 9.1.B:在php裡面設定變數及應用變數
• 例題 9.1.C:php迴圈做網頁色
• 例題 9.1.D:迴圈搭配表格秀出網頁安全色-對比色
• 例題 9.1.E:用 PHP 抓伺服器的時間
• 例題 9.1.F:用 date() 判斷時間，並告知問候語
• 例題 9.2.B:透過 function 處理時間問候語
• 例題 9.3.A:使用網址傳遞變數給伺服器處理
• 例題 9.3.B:使用網址傳遞變數給伺服器處理-解決 XSS
• 例題 9.4.A:電腦隨機出拳
• 例題 9.4.B:跟電腦猜拳-假設你先出剪刀

Homeworks

• 第九節課後練習
• 09.5.2:php寫九九乘法表
• 09.5.3:php使用判斷式做出猜拳
• 09.5.4:透過陣列設計以及亂數，取得最大獎的抽獎活動
• 第七節課後練習
• 07.6.2:使用較清爽的導覽列模式
• 07.6.3:讓原本橫的導覽列變直的導覽列模式
• 第六節課後練習
• 06.7.2:使用漸層處理及圖片重疊的技巧，處理彩虹人物像
• 06.7.3:直立按鈕改橫式並且增加一個按鈕
• 06.7.4:變成正中央放大
• 06.7.5:加上漸變效果
• 06.7.6:蜜蜂移動變大
• 06.7.7:照片幻燈片/淡入/淡出
• 第伍節課後練習
• 05.5.2:使用 position 進行排版
• 05.5.3:使用hover搭配 visibility 進行答案隱藏
• 第四節課後練習
• 04.7.2:CSS修飾古文的展示
• 04.7.4:CSS 修飾清單以及巢狀清單的隱藏使用
• 04.7.5:CSS 修飾表格及hover的美化
• 第三節課後練習
• 03.7.2:外部的CSS風格設定檔主要內容
• 03.7.3:以CSS 風格取代HTML的課表展示
• 03.7.4:以CSS 風格取代HTML的特殊符號對應表
• 03.7.5:以CSS 風格取代HTML的書籍展示清單