diff --git a/web03/images/a0.gif b/web03/images/a0.gif
new file mode 100644
index 0000000..6658f16
Binary files /dev/null and b/web03/images/a0.gif differ
diff --git a/web03/images/national_park.jpg b/web03/images/national_park.jpg
new file mode 100644
index 0000000..b8c9012
Binary files /dev/null and b/web03/images/national_park.jpg differ
diff --git a/web03/images/park0301.jpg b/web03/images/park0301.jpg
new file mode 100644
index 0000000..21a4908
Binary files /dev/null and b/web03/images/park0301.jpg differ
diff --git a/web03/images/park0302.jpg b/web03/images/park0302.jpg
new file mode 100644
index 0000000..70563c3
Binary files /dev/null and b/web03/images/park0302.jpg differ
diff --git a/web03/images/park0302a.jpg b/web03/images/park0302a.jpg
new file mode 100644
index 0000000..e82c6cd
Binary files /dev/null and b/web03/images/park0302a.jpg differ
diff --git a/web03/images/park0303.jpg b/web03/images/park0303.jpg
new file mode 100644
index 0000000..7519eda
Binary files /dev/null and b/web03/images/park0303.jpg differ
diff --git a/web03/images/park0303a.jpg b/web03/images/park0303a.jpg
new file mode 100644
index 0000000..cc6d0c9
Binary files /dev/null and b/web03/images/park0303a.jpg differ
diff --git a/web03/images/park0304.jpg b/web03/images/park0304.jpg
new file mode 100644
index 0000000..c48e0ce
Binary files /dev/null and b/web03/images/park0304.jpg differ
diff --git a/web03/images/park0304a.jpg b/web03/images/park0304a.jpg
new file mode 100644
index 0000000..b18c252
Binary files /dev/null and b/web03/images/park0304a.jpg differ
diff --git a/web03/images/park0305.jpg b/web03/images/park0305.jpg
new file mode 100644
index 0000000..7e9a506
Binary files /dev/null and b/web03/images/park0305.jpg differ
diff --git a/web03/images/park0305a.jpg b/web03/images/park0305a.jpg
new file mode 100644
index 0000000..70a547d
Binary files /dev/null and b/web03/images/park0305a.jpg differ
diff --git a/web03/images/park0306.jpg b/web03/images/park0306.jpg
new file mode 100644
index 0000000..cbe7fc3
Binary files /dev/null and b/web03/images/park0306.jpg differ
diff --git a/web03/images/park0307.jpg b/web03/images/park0307.jpg
new file mode 100644
index 0000000..1f6a105
Binary files /dev/null and b/web03/images/park0307.jpg differ
diff --git a/web03/images/park0308.jpg b/web03/images/park0308.jpg
new file mode 100644
index 0000000..1c8d66d
Binary files /dev/null and b/web03/images/park0308.jpg differ
diff --git a/web03/images/park0309.jpg b/web03/images/park0309.jpg
new file mode 100644
index 0000000..1151bc2
Binary files /dev/null and b/web03/images/park0309.jpg differ
diff --git a/web03/images/park0310.jpg b/web03/images/park0310.jpg
new file mode 100644
index 0000000..b05bded
Binary files /dev/null and b/web03/images/park0310.jpg differ
diff --git a/web03/images/park0311.jpg b/web03/images/park0311.jpg
new file mode 100644
index 0000000..d6a47ec
Binary files /dev/null and b/web03/images/park0311.jpg differ
diff --git a/web03/images/park0312.jpg b/web03/images/park0312.jpg
new file mode 100644
index 0000000..d20531d
Binary files /dev/null and b/web03/images/park0312.jpg differ
diff --git a/web03/images/park0313.jpg b/web03/images/park0313.jpg
new file mode 100644
index 0000000..f800a3b
Binary files /dev/null and b/web03/images/park0313.jpg differ
diff --git a/web03/images/park0314bg.jpg b/web03/images/park0314bg.jpg
new file mode 100644
index 0000000..a6d64bd
Binary files /dev/null and b/web03/images/park0314bg.jpg differ
diff --git a/web03/index.html b/web03/index.html
new file mode 100644
index 0000000..6a29624
--- /dev/null
+++ b/web03/index.html
@@ -0,0 +1,63 @@
+<title>國家公園介紹網</title>
+<script type="text/javascript">
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}
+</script>
+<body onload="MM_preloadImages('images/park0302a.jpg','images/park0303a.jpg','images/park0304a.jpg','images/park0305a.jpg')"><table width="1024" border="1">
+  <tr>
+    <td height="65" colspan="2" align="center" valign="middle" bgcolor="#0000FF"><a href="index.html" target="_top"><img src="images/a0.gif" width="65" height="65" /></a></td>
+  </tr>
+  <tr>
+    <td width="200" rowspan="2" align="center" valign="top" bgcolor="#00FFFF"><table width="100%" border="0">
+      <tr>
+        <td align="center" valign="middle"><a href="parks/yangmingshan.html" target="imain" onmouseover="MM_swapImage('Image2','','images/park0302a.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/park0302.jpg" width="120" height="40" id="Image2" /></a></td>
+      </tr>
+      <tr>
+        <td align="center" valign="middle">&nbsp;</td>
+      </tr>
+      <tr>
+        <td align="center" valign="middle"><a href="parks/sheipa.html" target="imain" onmouseover="MM_swapImage('Image3','','images/park0303a.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/park0303.jpg" name="Image3" width="120" height="40" id="Image3" /></a></td>
+      </tr>
+      <tr>
+        <td align="center" valign="middle">&nbsp;</td>
+      </tr>
+      <tr>
+        <td align="center" valign="middle"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/park0304a.jpg',1)"><img src="images/park0304.jpg" name="Image4" width="120" height="40" id="Image4" /></a></td>
+      </tr>
+      <tr>
+        <td align="center" valign="middle">&nbsp;</td>
+      </tr>
+      <tr>
+        <td align="center" valign="middle"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/park0305a.jpg',1)"><img src="images/park0305.jpg" name="Image5" width="120" height="40" id="Image5" /></a></td>
+      </tr>
+    </table>
+    <br />
+    <a href="others/park.mp3" download>檔案下載</a></td>
+    <td height="29"><marquee>歡迎進入國家公園介紹網，本網站有詳細的國家公園介紹喔!</marquee></td>
+  </tr>
+  <tr>
+    <td height="654"><iframe src="others/main.html" name="imain" width="824" height="654" scrolling="auto" frameborder="0"></iframe></td>
+  </tr>
+  <tr>
+    <td height="20" colspan="2" align="center" valign="middle" style="font-family: '標楷體'; font-size: 16px; color: #000000;">網頁設計與維護:12李銘諒、最近更新日期:2024/11/5</td>
+  </tr>
+</table>
diff --git a/web03/others/0301.txt b/web03/others/0301.txt
new file mode 100644
index 0000000..0043a94
--- /dev/null
+++ b/web03/others/0301.txt
@@ -0,0 +1,4 @@
+
+�u���Q��a����v���x�W���q�����_���A�Ҥ����s�L�ߡA���[���R�A�Ѥj�w�˪e������760���ئ�3886���ت����s�D�p�A���t�F3000�h���ءA�۵M�귽�����״I�F��Ͻd��H���s�s�ߪ��e���W�u���ɡA�F�_ù�����s�A�訴�F�~���s�A�n�ܦtù���s�A�_��Ҭɤs�A�`���n�F76,850�����A�[�A�s�˿����p�m�B�y�۶m�B�]�߿����w�m�B�x�����M���m�A�ݩ󰪤s������a����C
+��a����Ҧ���W�S�����[�P�۵M�귽�A�o�ح��骺�t���i�H�q�H�x�����ˤW���{�X�ӡA�H���Q���лx�ӬݡA�ꫬ�y�ΡA�N�׵۵��j�B���P�������ߨ�O�F�b���e���]�p�O���e�{��Ϫ��귽�S��G�s�����ܥH���s�B�j�Q�y�s�����v���s������a����F�d����s������������y�����N�q�F�y�C�D�ʪ����_�k�D�h�O�Y��X��a����ͺA�O�|�����d�j���F�ӫC�s����_�O���O���z�Q��a�A�B�B�����a����ʦ~�j�p���Ʒ~�C
+[345]
diff --git a/web03/others/main.html b/web03/others/main.html
new file mode 100644
index 0000000..0ef678e
--- /dev/null
+++ b/web03/others/main.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>無標題文件</title>
+</head>
+
+<body background="../images/park0301.jpg">
+<p align="center"><img src="../images/national_park.jpg" width="452" height="631" usemap="#Map" border="0" />
+  <map name="Map" id="Map">
+    <area shape="rect" coords="218,51,342,75" href="../parks/yangmingshan.html" target="imain" />
+    <area shape="poly" coords="294,183,299,183,309,183,318,190,321,197,318,204,315,213,312,217,305,222,301,224,295,225,289,225,284,219,281,218,275,215,269,209,269,205,273,196,276,190,279,183,284,183,287,177" href="../parks/sheipa.html" target="imain" />
+  </map>
+</p>
+<p style="color: #FF00FF; text-align: right;">資料來源:內政部營建署&quot;台灣的國家公園&quot;網站</p>
+</body>
+</html>
diff --git a/web03/others/park.mp3 b/web03/others/park.mp3
new file mode 100644
index 0000000..bc0751a
Binary files /dev/null and b/web03/others/park.mp3 differ
diff --git a/web03/parks/sheipa.html b/web03/parks/sheipa.html
new file mode 100644
index 0000000..fb4e307
--- /dev/null
+++ b/web03/parks/sheipa.html
@@ -0,0 +1,9 @@
+<style type="text/css">
+body {
+	background-color: #FFFFCC;
+}
+</style>
+<p align="center"><img src="../images/park0314bg.jpg" width="340" height="280" /></p>
+<p style="font-family: '標楷體'; font-size: 13px; color: #0000FF; font-weight: bold; font-style: italic;">「雪霸國家公園」位於台灣本島之中北部，境內高山林立，景觀壯麗，由大安溪河谷海拔760公尺至3886公尺的雪山主峰，高差達3000多公尺，自然資源極為豐富；園區範圍以雪山山脈的河谷稜線為界，東起羅葉尾山，西迄東洗水山，南至宇羅尾山，北抵境界山，總面積達76,850公頃，涵括新竹縣五峰鄉、尖石鄉、苗栗縣泰安鄉、台中縣和平鄉，屬於高山型之國家公園。<br />
+國家公園皆有其獨特的景觀與自然資源，這種個體的差異可以從象徵的圖騰上表現出來，以雪霸的標誌來看，圓型造形，意謂著策勉處內同仁的齊心協力；在內容的設計是為呈現園區的資源特色：山岳表示以雪山、大霸尖山為表率的山岳型國家公園；蜿蜒綿連的綠水取源遠流長的意義；悠遊躍動的櫻花鉤吻鮭則是凸顯出國家公園生態保育的重責大任；而青山綠水復是環保的理想園地，處處彰顯國家公園百年大計的事業。</p>
+<p align="center"><a href="../index.html" target="_top">回首頁</a></p>
diff --git a/web03/parks/yangmingshan.html b/web03/parks/yangmingshan.html
new file mode 100644
index 0000000..582ecc7
--- /dev/null
+++ b/web03/parks/yangmingshan.html
@@ -0,0 +1,8 @@
+<style type="text/css">
+body {
+	background-color: #FFFFCC;
+}
+</style>
+<p align="center"><img src="../images/park0302.jpg" width="120" height="40" /></p>
+<p style="font-family: '標楷體'; font-size: 13px; color: #0000FF; font-weight: bold; font-style: italic;">陽明山國家公園</p>
+<p align="center"><a href="../index.html" target="_top">回首頁</a></p>