!doctype html> 我是彭怡瑄

互動網頁設計

姓名:彭怡瑄

學號:4070m075

第七章

期末作業

例題7-2-3 HTML5 版面設計-主導覽列-雙層

例題7-2-3 HTML5 版面設計-主導覽列-雙層

例題7-2-1 HTML5 版面設計-主導覽列-單層

例題7-1-1 HTML5 版面設計

第六章

hw06.html

例題6-3-2 第一個 CSS 動畫

例題6-3-1 第一個 CSS 動畫

例題6-2-3 方塊的滑鼠特效-加上漸變-加上變形

例題6-2-2 方塊的滑鼠特效

例題6-2-1 方塊的滑鼠特效

例題6-1-1 三張底圖

第五章

hw05.html

例題 5-3-2 圓形的大頭貼-濾鏡處理

例題 5-3-1 圓形的大頭貼

例題 5-2-4 方塊的位置應用-固定位置的設處理

例題 5-2-3 方塊的位置應用-絕對位置的設計

例題 5-2-2 方塊的位置應用-相對位置的移動

例題 5-2-1 方塊的位置應用

例題 5-1-4 第一個方塊的認識-圓角方塊跟陰影

例題 5.1.3 第一個方塊的認識-方塊置中

例題 5.1.1 第一個方塊的認識

第四章

hw04.html

例題 4.3.1 增加清單的效果

例題 4.2.3 古詩詞-增加留白比例-增加滑鼠效果

例題 4.2.2 超連結效果測試

例題 4.2.1 超連結效果測試

例題 4.1.2 古詩詞-增加留白比例

例題 4.1.1 古詩詞

第三章

hw03.html

hw02.html

例題 3.5.1 overall.css 的應用

例題 3.4.1 呼叫兩種不同的風格樣式-透過 class

例題 3.3.2 設計整體風格-增加底圖

例題 3.3.1 設計整體風格

例題 3.2.1 公廣系的介紹

例題 3.1.1 第一次使用 css

第二章

例題 2.3.2 iframe 的使用 - 嵌入圖片

例題 2.3.1 iframe 的使用 - 地圖

例題 2.2.2 表格有圖檔-進階應用

例題 2.2.1 第一個表格

例題 2.1.2 特殊字體-pre

例題 2.1.1 特殊字體

第一章

第一章作業 hw01.html

例題 1.4.1

例題 1.1.1