Change History

<h2>期末範例</h2>
<b>上課期末作業範例線上瀏覽--相簿</b>
<a href="http://mepopedia.com/~jinjin/web/final/gallery.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery.html</b></a>

[url=http://mepopedia.com/~jinjin/web/final.zip]<b>上課期末範例下載</b>[/url]
<hr>

<h2>網站基本架構--相簿篇</h2>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-01.png" border="0">

<hr>
<h2>相簿</h2>
選擇其中適合的相簿頁設計型式，作為期末作業相簿頁設計

<h3>滿版型相簿（四欄）</h3>
<a href="http://mepopedia.com/~jinjin/web/final/gallery.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery.html</b></a>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-02.jpg" border="0">
<hr>
<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-03.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-04.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-05.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-06.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-07.png" border="0">
<hr>

<h3>一般型相簿（四欄）</h3>
<a href="http://mepopedia.com/~jinjin/web/final/gallery-4.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery-4.html</b></a>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-03.jpg" border="0">
<hr>
<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-08.png" border="0">
<hr>

<h2>RWD-聯絡我們 / 地圖設定</h2>
https://www.google.com.tw/maps/@24.9240519,121.0451895,15z?hl=zh-TW

<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-11.jpg" border="0">
<hr>

<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-12.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-13.png" border="0">
<hr>icture-in-picture" allowfullscreen></iframe>7w4Qh3c
<iframe width="800" height="415" src="https://www.youtube.com/embed/xdzf7w4Qh3c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<h2>期末範例</h2>
<b>上課期末作業範例線上瀏覽--相簿</b>
<a href="http://mepopedia.com/~jinjin/web/final/gallery.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery.html</b></a>

[url=http://mepopedia.com/~jinjin/web/final.zip]<b>上課期末範例下載</b>[/url]
<hr>

<h2>網站基本架構--相簿篇</h2>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-01.png" border="0">

<hr>
<h2>相簿</h2>
選擇其中適合的相簿頁設計型式，作為期末作業相簿頁設計

<h3>滿版型相簿（四欄）</h3>
<a href="http://mepopedia.com/~jinjin/web/final/gallery.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery.html</b></a>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-02.jpg" border="0">
<hr>
<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-03.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-04.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-05.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-06.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-07.png" border="0">
<hr>

<h3>一般型相簿（四欄）</h3>
<a href="http://mepopedia.com/~jinjin/web/final/gallery-4.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery-4.html</b></a>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-03.jpg" border="0">
<hr>
<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-08.png" border="0">
<hr>

<h2>RWD-聯絡我們 / 地圖設定</h2>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-11.jpg" border="0">
<hr>

<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-12.png" border="0">
00%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-12.png" border="0">
width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-11.jpg" border="0">
<hr>

<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-12.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-13.png" border="0">
<hr>7w4Qh3c
<iframe width="800" height="415" src="https://www.youtube.com/embed/xdzf7w4Qh3c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<h2>期末範例</h2>
<b>上課期末作業範例線上瀏覽--相簿</b>
<a href="http://mepopedia.com/~jinjin/web/final/gallery.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery.html</b></a>

[url=http://mepopedia.com/~jinjin/web/final.zip]<b>上課期末範例下載</b>[/url]
<hr>

<h2>網站基本架構--相簿篇</h2>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-01.png" border="0">

<hr>
<h2>相簿</h2>
選擇其中適合的相簿頁設計型式，作為期末作業相簿頁設計

<h3>滿版型相簿（四欄）</h3>
<a href="http://mepopedia.com/~jinjin/web/final/gallery.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery.html</b></a>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-02.jpg" border="0">
<hr>
<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-03.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-04.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-05.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-06.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-07.png" border="0">
<hr>

<h3>一般型相簿（四欄）</h3>
<a href="http://mepopedia.com/~jinjin/web/final/gallery-4.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery-4.html</b></a>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-03.jpg" border="0">
<hr>
<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-08.png" border="0">
<hr>.com/~jinjin/web/img/rwd-4-12.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-13.png" border="0">
<hr>+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-12.png" border="0">
width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-11.jpg" border="0">
<hr>

<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-12.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-13.png" border="0">
<hr>7w4Qh3c
<iframe width="800" height="415" src="https://www.youtube.com/embed/xdzf7w4Qh3c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<h2>期末範例</h2>
<b>上課期末作業範例線上瀏覽--相簿</b>
<a href="http://mepopedia.com/~jinjin/web/final/gallery.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery.html</b></a>

[url=http://mepopedia.com/~jinjin/web/final.zip]<b>上課期末範例下載</b>[/url]
<hr>

<h2>網站基本架構--相簿篇</h2>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-01.png" border="0">

<hr>
<h2>相簿</h2>
選擇其中適合的相簿頁設計型式，作為期末作業相簿頁設計

<h3>滿版型相簿（四欄）</h3>
<a href="http://mepopedia.com/~jinjin/web/final/gallery.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery.html</b></a>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-02.jpg" border="0">
<hr>
<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/r<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-03.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-04.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-05.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-06.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-07.png" border="0">
<hr>

<h3>一般型相簿（四欄）</h3>
<a href="http://mepopedia.com/~jinjin/web/final/gallery-4.html" target="_blank'><b>http://mepopedia.com/~jinjin/web/final/gallery-4.html</b></a>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-03.jpg" border="0">
<hr>
<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-08.png" border="0">
<hr>+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-12.png" border="0">
width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-11.jpg" border="0">
<hr>

<b>html+css語法解析</b>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-12.png" border="0">
<hr>
<img width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-13.png" border="0">
<hr>7w4Qh3c
<iframe width="800" height="415" src="https://www.youtube.com/embed/xdzf7w4Qh3c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

期末範例

上課期末作業範例線上瀏覽--相簿

---

相簿

選擇其中適合的相簿頁設計型式，作為期末作業相簿頁設計

滿版型相簿（四欄）

---

html+css語法解析

---

---

---

---

---

一般型相簿（四欄）

---

html+css語法解析

---

+css語法解析

width="100%" src="http://mepopedia.com/~jinjin/web/img/rwd-4-11.jpg" border="0">

---

html+css語法解析

---

---

7w4Qh3c