1.由教學網站首頁下載 tiny.zip 壓縮
檔，解壓縮後 tiny 資料夾內容如下:
images 資料夾:置放圖片檔。
01-12 資料夾:置放該月每日訊息。
下載app範例原始檔(tiny.zip)
2.點選 index.htm，顯現示範網站首頁:
分享專區的頁面如下:
3.參考示範網頁規劃您網站名稱、內容及首
頁顯示的圖片 、各網頁所需的圖片。
(設計適合在手機顯示的主題)
4.將收集的圖片縮減至適當大小
(以小於100K為原則)
一般圖片寬度320點為宜，小圖示60x60為宜，(手機螢幕大小)
如原始圖片過大，請以FreeImageRsizer 軟體修正 瘦身後存檔 。
下載/FreeImageResizer
為提高手機連網效率，圖片不宜直接貼圖或拿數位照片使用。(檔案過大)
5.將所有圖片檔存於 images 資料夾
(請以英文檔名存檔，注意副檔名有大小
寫區分)
6.開始修改示範網頁內容或自行設計網頁。
(以Frontpage，記事本，notepad++或其他
網頁編輯軟體皆可)
7.將<title>舊名稱</title>改成網頁的名稱。
<title>新名稱</title>
8.網頁修改完成後另存新檔。
(英文檔名為宜)
9.注意每個網頁皆要有回上頁的功能。
html 指令如下:
<input onclick="history.go( -1 );return true;" type="button"
value="上頁back" style="background-color: #C0E3B5">
10.網頁設定顯示範圍為320點。
<table width="320" >(無線框)>
(網頁內容)
</table>
<table
border="1"
width="320" >(顯
示線框)
(網頁內容)
</table>
11.首頁請以 index.htm 為檔名
12.請在桌機或筆電上執行 index.htm ，測試
網站功能皆能順利執行。
(php程式須在伺服機端執行)
13.測試無誤後，將<tiny>資料夾所有檔案以
FileZill 上傳至老師提供的指定網 頁空間。
(座號資料夾)。
資概網頁空間使用說明
14.上傳完成後你的網站網址為
https://joynews99.com/pc03/***/
(***為座號)
15.點選全班網站，檢查能否順利執行。
全班網頁作業
示範個別網頁原始碼
16.最後以Inventor2 設計手機app來連接您的
網站首頁及其他網頁。
Inventor2 app設計說明(tiny.apk)
17.將你設計的 tiny.pak 安裝於手機，檢查
是否能順利執行，如果有問題，請再
回頭查驗那一步驟有問題。
18.恭喜你完成本課程app程式設計實作!
19.將學習心得製作成learn.htm，置於網站。
20.將手機app執行的畫面截圖，並附簡要
說明，製作成my_app.htm，置於網站。
手機app範例執行畫面
網站首頁，採用小圖片及小動畫
分享資源，使用PHP 及 MySQL資料庫
app_news.htm 最新消息，table 應用
PHP YouTube查詢應用
