姓名 : 千千
學號 : 4090C033
回首頁
上課例題
第九堂課
9.1.A 第一個 PHP 網頁
9.1.B 學習 PHP 變數
9.1.C 迴圈設計
9.1.D 迴圈設計 - 網頁對比色
9.1.E PHP 日期處理
9.1.F 時間問候語
9.2.B 使用 include 加上 function 功能
9.3.A 網址列變數與 $_GET
9.4.A 網頁剪刀石頭布
9.4.B 跟電腦猜拳-用戶預設出剪刀
9.4.C 人物屬性的變換
9.4.D 照片亂丟丟
9.4.D2 照片亂丟丟
第八堂課
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.5.A 會變動的圖示-加上 transition
6.4.A 重疊圖示 - transform
6.4.B 重疊圖示 - transform - scale translate
6.6.A 第一個動畫效果
6.6.C 蜜蜂飛飛飛 - animation
第五堂課
5.1.A 方塊練習-1
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-漂浮(float)
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 (內部留白)
4.2.A 超連結 a 的變化
4.2.B 超連結 a 變成區塊元素
4.3.A 使用 hover 效果
4.4.A 超連結 css 效果
4.4.B 超清單圖示
4.5.A 表格的 CSS 圖示
第三堂課
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
第九堂
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.2:使用 :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的書籍清單展示
Top