編號 |
主旨 |
作業內容 |
上傳截止日 |
01 |
資訊時代神的大能 |
1.架設網站是資訊應用的重要課題,HTLM語言是最普遍的工具。請參考老師提供的網站範例<tiny>,
並參考設計流程,逐步建構具有個人風格的網站。
工具軟體
喜樂迦南村
2.網路上有許多HTML教學網站參考。
HTML教學(w3school)
3.請下載tiny.apk至安卓手機安裝,瞭解App執行狀況。
4.請述說本題學習心得。
手機app網站設計流程
frameset屬性
table屬性
超連結標籤
我要學做網站(12單元)★
連鎖知名傢具IKEA
HTML語法大全
HTML教學(24)★ |
10/24
至
10/30 |
02 |
無所不在的網路世界 |
1.本課程程式設計重點為手機app與網站相互連結。請參考網站所提供的範例,規劃您的網站內容。
2.請先申請Gmail帳號(申請Gmail信箱★),至Inventor2平台熟悉程式設計程序,試著將
範本檔tiny.aia,
上傳至平台打包為*.pak檔,以安卓手機掃描所生成QRcode,在手機安裝執行,是否能順利瀏覽示範網站?。
(
*.aia為原始碼,*.pak為手機安裝檔)。
3.伺服器開放上傳時間為11/01
手機app網站設計流程
用AI協助開發網站
全班作業
網頁空間使用說明
5.請說明你的app名稱、標題及網站大概內容。
下載 tiny.apk
下載 tiny.aia
下載 tiny.zip |
10/31
至
11/06 |
03 |
架站四寶瞬間上手 |
1.YouTube為目前最普遍的影片平台,利用php程式可輕易設計個人化的查詢功能,簡化查詢過程。同樣地,維基百科查詢或Google也可同樣設計查詢功能。
客製化YouTube查詢。
2.試將示範程式檔修改成個人化YT查詢,檔名為座號(3碼)+YTsort,例如004YTsort.php
將檔案用上傳練習題功能上傳至伺服器,試試執行結果是否符合預期。
3.程式語言是人類與電腦溝通的工具,請以維基百科查詢程式語言歷史及現今的趨勢,同時看看網路其他相關資訊。請想想本次作業使用PHP程式語言有何特色?
4.請述說你對PHP程式語言應用的看法。
程式語言歷史
YT查詢php程式
原始碼說明
函式原始碼
ChatGPT
寫的程式碼
w3schools(PHP) |
11/07
至
11/13 |
04 |
讓電腦聽我的話辦事 |
1.日期處理是php相當好用的功能,你可用html
日期input功能選擇日期,再利用字串分離功能,取出年月日資料來應用,可設計本日訊息,就能利用簡單的網頁設計,將全年每天資訊顯示。
示範: 輸入日期
選擇日期
今天日誌
php日期函數應用詳解
今日甘泉
今日聖詩
今日三讀
input type
2.請在手機app首頁增加個人youtube 影片連結。
3.上傳youtube您喜歡的影片網址,主題不限。
上傳網址分享資源
網路資源連結分享
4.請述說本題學習心得。 |
11/14
至
11/20 |
05 |
圖片瘦身美容術 |
1.網頁圖片應配合螢幕顯示需要,調整為合適尺寸。請設計你網站首頁上的點選圖示,可用小動畫、圖片、照片等,請將圖示調成60x60大小,
過大圖片可下載 FreeImageResizer工具調整檔案大小,相關圖片存於images資料夾以利管理。
圖片寬度最大為320點。
螢幕截圖使用HySnapDX、PicPickc或Windows螢幕截圖都很方便。
2.手機顯示icon以60x60或48x48為宜,如何製作專業級的icon,推薦採用Icon
Generator線上軟體如何製作專業級的icon,快速完成icon。
3.請設計跑馬燈網頁。可參考show.htm,修改圖片。
4.請述說本題學習心得。
下載FreeImageResizer(zip)
FreeImageResizer教學
下載picpick(zip)
picpick教學影片★ |
11/21
至
11/27 |
06 |
我也可以當網紅 |
1.你有Gmail帳號,就能將影片上傳至Youtube,取得連結影片網址後,日後隨時可用筆電或手機觀賞。
最新消息示範
本題作業參考資料
合併影片說明★
影片上傳Youtube說明★
用手機上傳YouTube影片★
3.請修改app_news.htm ,將連結不同主題影片網址,方便網友查詢。
4.使用MySql資料庫,輸入分享網址,完成後可依各種方式連結分享。
mysql資料庫:lvaahvxc_test
使用者:lvaahvxc_user
密碼:(課堂公布)
資料表:joy_url
5.請述說本題學習心得。
我要分享
連結分享
原始碼說明
資料庫架構說明★ |
11/28
至
12/04 |
07 |
手機app原來這麼簡單 |
1.由教學網站下載tiny.aia ,上傳至Inventor2平台,修改程式(標題、app名稱改
你的網站名稱,圖示改成你的手機
icon 檔案),該連結網址為https://joynews99.com/pc03/000
(示範)。打包成tiny.apk,下載至電腦或手機安裝執行。
2.請上網瞭解HTML5中 audio(聲音)、video(影片)的用法。在你的網站中建立mp3資料夾,
置入mp3語音檔,再分別設計menu_voice.htm,video.htm網頁來播放聲音及影片檔案。
3.請述說本題學習心得。
audio 播放聲音
video 播放影片
App 終於也能吃 Apple★
今日聖詩
有聲雜誌
福音實務網站設計流程
手機app設計範例(福音小站)
資概網頁空間使用說明
Inventor2 app設計說明(tiny.apk) |
12/05
至
12/11 |
08 |
傳講福音至全世界 |
1.請將你的網站檔案用FileZilla傳至老師提供的網頁空間。完成後請至全班作業進入你的座號資料夾,測試能否成功連結。
全班作業
2.想製作出質優且具個人特色的網站須下功夫,請從網路上學習優質網站的條件,試將你的網站符合這些條件。
3.請述說本題學習心得。
下載FileZilla(zip版)
filezilla操作方法★
Sever
Zoo主機動物園
福音小站(範本)內容
資概網頁空間使用說明
上傳網站資料至伺服器★
政府資料開放平台
合理價格租用虛擬主機★ |
12/12
至
12/19 |
|
|
|
|
|
手機app網站設計驗收 |
全班作業 |
12/04 |