回首頁
姓名:王資酉
學號:4090c005
回我的個人首頁
上課連結
第九堂課
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 加上 functon 功能
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 地圖導覽頁
7.5.A 一個簡易的版面配置版本
第六堂課
6.1.A 色彩漸層
6.1.B 彩虹大頭貼
6.2.A 三張底圖的應用-向日葵
6.2.B 底圖填充方式
6.2.C 底圖按鈕功能
6.3.A 會變動的圖示
6.5.A 會變動的圖示-加上 transition
6.4.A 重疊圖示 - transform-rotate
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.B 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.B 方塊位置-3-使用 relative 相對位置
第四堂課
4.1.A 字型練習
4.1.B 了解 padding (內部留白)與Goolge字形
4.1.A 超連結 a 的變化
4.2.B 超連結 a 變成區塊元素
4.3.A 使用 hover 效果
4.4.A 超連結的 CSS 效果
4.4.B 清單的圖示
4.5.A 表格的CSS效果
4.5.B 表格的collapse效果
4.6.A CSS的繼承效果
4.6.B CSS的繼承效果-使用
4.6.C 使用display none隱藏效果
第三堂課
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 使用
Home Works
第七堂課作業
作業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.4.5: 以CSS修飾表格以及hover的美化
第三堂課作業
作業3.7.2: 外部的CSS風格設定檔主要內容
作業3.7.3: 以CSS風格取代 HTML 的課表展示
作業3.7.4: 以CSS風格取代 HTNL 的特殊符號對應表
作業3.7.5: 以CSS風格取代 HTML 的書籍清單展示