WEB2 CSS 相關的網頁內容
姓名:莊詠嬛
學號:4070C038
回首頁
上課例題
第九堂課
9.1.A- 第一個PHP網頁測試
9.1.B- 練習PHP變數
9.1.C-1 最陽春的迴圈練習
9.1.C-2 色票製作-單迴圈
9.1.C-3 色票製作-雙迴圈
9.1.C-4 色票製作-三迴圈
9.1.D 色票製作-對比色的處理
9.1.E 用date 函數抓伺服器的時間
9.1.F 用if搭配date回應時間應答
9.2.A 呼叫外部檔案試驗
9.3.A 從網址列輸入變數內容
9.3.B 從網址列輸入變數內容-XSS防禦
9.4.A 剪刀石頭布
9.4.B 跟電腦猜拳
9.4.C 隨機產生人物的屬性值的方式
9.4.D 許多照片隨便你丟在某個空間
第八堂課
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.4.A- 使用Balsamiq Markup快速建置網站示意圖
7.5.A-以HTML5的新標籤處理整體網站的風格樣式
第六堂課
6.1.A- 使用漸層背景色
6.1.B- 使用漸層背景色-大頭彩虹圖
6.2.A- 背景圖的應用-三張背景圖同時存在
6.2.B- 背景圖的應用-填滿背景的contain cover的用法
6.2.C- 背景圖的應用-假章的按鈕設計
6.3.A- 圖片的動態應用
6.4.A- 圖片的旋轉應用- transform:rotate 功能
6.4.B- 圖片位移與尺寸變化-transform:translate,scale 功能
6.5.A- 圖片的漸變的特效- transition的功能
6.6.A- 圖片的漸變的特效- 使用動畫讓他自己動
6.6.C- 圖片的漸變的特效- 讓蜜蜂飛來飛去
6.6.D- 圖片的漸變的特效- 讓超連結框循環轉來轉去
6.6.E 圖片的漸變的特效- 單純給你看不給你點的旋轉圖
第五堂課
5.1.A- css div方塊應用
5.1.B- css div方塊-置中的應用
5.1.C- css div方塊-置中的圓角跟陰影應用
5.1.D- div方塊 框線應用 -圖檔用作框線
5.2.A- div的 inline-block展示
5.2.B- div的簡易排版方式
5.2.C- div的垂直排版方式(vertical-align)
5.2.D- div的簡易排版-float的使用
5.3.A- 版面調配-預設的margin處理即可
5.3.B- 版面調配-relative搭配 z-index 調整圖層
5.3.C- 標準搭配方塊
5.3.D- relative單一方塊的移動
5.3.E- absolute 同一個參考原點
5.3.F- absolute fixed固定在瀏覽器的某個地方
5.4.A- 用overflow控制過多的資料
5.4.B- 使用hidden設計圖形大頭貼
5.4.C- 使用隱藏來處理算命的答案
第四堂課
4.1.A- css 字體字型應用
4.1.B- 加上padding的留白運用
4.1.D- 使用google的免費字型
4.2.A- 超連結得: hover 特效
4.2.B- 把a變成區塊元素的用法
4.3.A- 打任何東西都用hover處理
4.4.A- css的清單特效(display)
4.4.B- css的清單特效-圖形效果
4.5.A- css的表格效果
4.5.B- css的表格效果(折疊collapse)效果
4.6.A- css 父與子的繼承問題
4.6.B- css 父與子的繼承問題 使用->
4.6.C- css index的隱藏效果
第三堂課
3.1.B- 第一次使用CSS
3.2.A- CSS單位的理解
3.2.B- CSS顏色使用
3.3.A- 在head使用 style
3.3.B- CSS背景圖
3.4.A- CSS類別的使用
3.4.B- CSS使用類別與背景
3.5.A- 使用ID來設計CSS
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.3:使用:hover搭配 visibility進行答案隱藏
第四課
4.7.2:以CSS修飾古文效果
4.7.4:以CSS修飾清單和巢狀清單的隱藏效果
4.7.5:以CSS修飾表格以及:hover的美化
第三課
3.7.2: 外部的CSS風格設定檔主要內容
3.7.3: 以CCS的風格取代HTML的課表展示
3.7.4: 以CCS的風格取代HTML的特殊符號對應表
3.7.5: 以CCS的風格取代HTML的書籍清單展示