• 姓名:顏貝霓
• 學號:4050M014
• 回個人首頁

上課內容

• 第三堂課
• 例題3.1.B:第一次使用CSS取代<font>
• 例題3.2.1:探討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)
• 例題3.6.A:使用外部呼叫的style.css樣式
• 例題3.6.B:CSS字型處理
• 第四堂課
• 例題4.1.A:CSS字型處理
• 例題4.1.B:CSS字型處理+padding
• 例題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:方塊-加上overflow父元素
• 例題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.C:方塊-visibility隱藏效果
• 第六堂課
• 例題6.1.A:背景的漸層效果初探
• 例題6.1.B:背景的漸層效果-用於大頭照
• 例題6.2.A:背景-多張背景的應用
• 例題6.2.B:背景-背景填滿的效果-cover, contain
• 例題6.2.C:背景-清單變成按鈕效果
• 例題6.3.A:照片圖文框的設計
• 例題6.5.A:照片圖文框的設計-增加漸變功能(類似動畫)
• 例題6.4.A:方塊的變形-角度變化與疊圖
• 例題6.4.B:方塊的變形--方塊的大小、位置
• 例題6.6.A:讓圖片自己動的小小動畫效果
• 第七堂課
• 例題7.1.A:用清單設計導覽列
• 例題7.1.B:用清單設計導覽列-增加目前瀏覽中的頁面
• 例題7.1.C:背景的漸層效果初探
• 例題7.2.A:用清單設計導覽列-兩層導覽列
• 例題7.2.B:用清單設計導覽列-兩層導覽列-加上下拉效果
• 例題7.3.A:用圖片進行超連結的 map 功能
• 例題7.4.B:使用Balsamiq設計簡單的網頁草圖
• 例題7.5.A:主要的版面配置建置
• 第八堂課
• 例題 8.2.A: 版片配置-單欄式設計
• 例題 8.2.B: 版片配置-兩欄式設計
• 第九堂課
• 例題9.1.A: 第一個PHP程式
• 例題9.1.B:使用變數處理
• 例題9.1.C:網頁安全色-PHP迴圈寫成
• 例題9.1.D:網頁安全色-PHP迴圈寫成-對比色
• 例題9.1.E:目前伺服器的時間
• 例題9.1.F:用date()判斷時間 告知問候語
• 例題9.2.B:用function處理時間問候語(修)
• 例題9.3.A:使用網址改變姓氏、名字
• 例題9.3.B:使用網址改變姓氏、名字-解決XSS問題
• 例題9.4.A:電腦隨機出拳
• 例題9.4.B:跟電腦猜拳-假設先出剪刀
• 例題9.4.C:隨機計算人物屬性
• 例題9.4.D:照片隨便丟

Homework

• Week3
• 3.7.2-外部CSS風格設定檔主要內容
• 3.7.3-CSS取代HTML的課表展示
• 3.7.4-CSS取代HTML的特殊符號對應表
• 3.7.5-CSS取代HTML的書籍清單展示
• Week4
• 4.7.2-外部CSS修飾古文
• 4.7.4-CSS列清單、連結變化
• 4.7.5-學歷表格編輯
• Week5
• 5.5.2-position排版
• 5.5.3-使用hover.visibility隱藏答案
• Week6
• 6.7.2-個人頭貼+彩虹漸層
• 6.7.3-橫式連結方塊+新連結
• 6.7.4-圖示變成正中央放大，不是右下方放大
• 6.7.5-圖示逐漸放大
• 6.7.6-蜜蜂在動.越來越近
• 6.7.7-三張圖的漸變
• Week7
• 7.6.2-排版用色檢的導覽列
• 7.6.3-原本橫的導覽列變成直的導覽列模式
• 7.6.4-預計達成的期中報告網站列表
• 7.6.5-地圖連結、清單項目的絕對位址說明
• Week8
• 9.5.2-99乘法迴圈