WEB2CSS

• 姓名: 蔡奇璋
• 學號: 4070C021
• 回首頁
上課例題
• 第九堂課
• 第九堂課:第一個 PHP 網頁測試
• 第九堂課:練習 PHP 的變數
• 第九堂課:最陽春迴圈練習
• 第九堂課:色票製作 - 單迴圈
• 第九堂課:色票製作 - 雙迴圈
• 第九堂課:色票製作 - 三迴圈
• 第九堂課:色票製作 - 對比色的處理
• 第九堂課:用 date 函數抓伺服器的時間
• 第九堂課:用 if 搭配 date 回應時間應答
• 第九堂課:呼叫外部檔案來實驗
• 第九堂課:呼叫外部檔案來實驗
• 第九堂課:呼叫外部檔案來實驗
• 第九堂課:剪刀石頭布
• 第九堂課:剪刀石頭布
• 第九堂課:
• 第九堂課:照片隨便你丟
• 第七堂課
• 第七堂課:導覽列
• 第七堂課:導覽列增加識別項目
• 第七堂課:導覽列按鈕綁在一起
• 第七堂課:下拉式選單
• 第六堂課
• 第六堂課:背景漸層色
• 第六堂課:背景漸層色 大頭彩虹圖
• 第六堂課:背景漸層色 三張背景圖同時存在
• 第六堂課:背景 填滿背景
• 第六堂課:背景 假按鈕
• 第六堂課:圖片放大
• 第六堂課:圖片旋轉
• 第六堂課: 位移與尺寸變化
• 第六堂課:圖片特效
• 第六堂課:動畫特效
• 第六堂課:蜜蜂飛
• 第六堂課:轉來轉去
• 第六堂課:轉來轉去2
• 第五堂課
• 第五堂課:css div
• 第五堂課:css div
• 第五堂課:css 圓角
• 第五堂課:css 框線應用
• 第五堂課:css div
• 第五堂課:css div簡易排版
• 第五堂課:css div垂直排版
• 第五堂課:css div簡易排版-float
• 第五堂課:css div簡易排版-float+overflow
• 第五堂課:版面調配
• 第五堂課:搭配
• 第五堂課:搭配
• 第五堂課:搭配-r
• 第五堂課:參考
• 第五堂課:固定
• 第五堂課:控制
• 第五堂課:控制
• 第五堂課:隱藏
• 第四堂課
• 第四堂課:CSS 字體字型應用
• 第四堂課:加上 padding
• 第四堂課:使用 google
• 第四堂課:超連結
• 第四堂課:把a變成區塊元素
• 第四堂課:把任何東西變hover使用
• 第四堂課:css清單特效
• 第四堂課:css清單特效-圖形效果
• 第四堂課:css表格效果
• 第四堂課:css表格效果-摺疊
• 第四堂課:css父與子繼承關係
• 第四堂課:css父與子繼承關係使用
• 第四堂課:css隱藏效果
• 第三堂課
• 第三堂課:第一次使用CSS
• 第三堂課:第一次使用CSS
• 第三堂課:CSS 顏色使用
• 第三堂課:head 使用 style
• 第三堂課:CSS 背景圖
• 第三堂課:類別的使用
• 第三堂課:
• 第三堂課:使用 id 來設計 CSS
• 第三堂課:使用外部呼叫CSS

• HomeWorks

• ex3.7.2外部的 CSS 風格設定檔主要內容
• ex3.7.3以 CSS 風格取代HTML的課表展示
• ex3.7.4以 CSS 風格取代HTML的特殊符號對應表
• ex3.7.5 以 CSS 風格取代HTML的書籍清單展示
• 第四周
• ex4.7.2以 CSS 修飾古文的展示
• ex4.7.4以 CSS 修飾清單以及巢狀清單的隱藏使用
• ex4.7.5以 CSS 修飾表格以及 :hover 的美化
• 第五周
• ex5.5.2使用 position 進行排版
• ex5.5.3使用:hover 搭配 visibility進行答案隱藏
• 第六周
• ex6.7.2使用漸層處理與圖片重疊的技巧，處理彩虹人物像
• ex6.7.3直立的按鈕改橫式按鈕，並增加一個按鈕
• ex6.7.4圖示放大變成在正中央放大，不是向右下方放大的模樣
• ex6.7.5承上，加上漸變的功能
• ex6.7.6蜜蜂飛來飛去，衝向螢幕來嚇你
• ex6.7.7照片的幻燈片淡出/淡入效果功能
• 第六周
• 7.6.2: 使用較清爽的導覽列模式
• 7.6.3:讓原橫的導覽列變成直的導覽列模式
• 7.6.5: 透過地圖連結以及清單項目的絕對位址說明
• 第六周
• ex09.5.2
• ex09.5.3
• ex09.5.4