影像處理及網頁設計(對象:國中一年級學生上學期)
預備週:老師自我介紹、電腦教室注意事項、右昌國中網站介紹 下課前抽點同學電腦看瀏覽記錄。 |
影像處理進度1:概念,軟體介紹,調整亮度,改變影像大小 調整影像大小:[影像]/[影像大小] 影像處理免安裝版軟體解壓縮後即可使用:PhotoCap(官網)、Photoscape、美圖秀秀、美圖秀秀Web版 |
影像處理進度3:加框,藝術字 將完成後的JPG檔傳送至第一次作業,一~兩週完成(可加入其它特效) |
影像處理進度4:影像合成(魔術棒及套索工具、調整物件上下順序) 將完成後的JPG檔傳送至第二次作業,兩週內完成(可加入其它特效) |
網頁設計進度1:(觀摩得獎作品、思考網站架構並快速建立網站) 建議網站架構:站長介紹、作品欣賞、學習心得、未來期望、電子相簿、精選網站、..... 流程:1.在E碟建立學號資料夾 2.執行Namo再按左側的[網站精靈],依導引操作 注意:首頁的檔名一定要叫index.htm或index.html,打錯或多打一個字都不行
1.執行檔案傳輸軟體FileZilla 2.輸入位址:163.32.135.10 ,使用者:s學號,密碼:??,按[快速連線] 3.上傳網頁(每人網頁最大空間限30MB) 4.上網檢查個人網站,首頁要換圖、施工中或其它文字、站名、橫幅及標題文字
注意: 1.使用網站管理員開啟要修改的網頁:執行Namo/視窗/網站管理員/選資料夾內的site.wej 2.不可以使用特殊符號及中文檔名及資料夾 3.傳檔之前一定要先儲存網頁(在Namo)及儲存網站(在網站管理員) 4.一定要將E碟資料夾內的檔案傳到網站 方法一:更換圖片 1.上網找圖,找到後按右鍵選另存圖片或目標(類型:GIF,JPG) 2.在Namo要更換的圖形上快按兩下換圖 3.再按[瀏覽]挑選圖形檔 方法二:插入影像檔 1.按[插入]/[影像]/[影像] 2.再按[瀏覽]挑選圖形檔 方法三:複製/貼上 1.上網找圖,找到後按滑鼠右鍵選[複製] 2.在編輯的網頁按[貼上] 3.存檔時會詢問圖形的處理方式,建議選[將檔案複製到文件資料夾]
網頁設計進度4:(執行Namo/視窗/網站管理員/選資料夾內的site.wej) 1.設計站長介紹(星座、興趣、專長、座右銘等) 2.設計學習心得 3.設計未來期望 4.個人網頁不可以放重要資料,例如:身份證字號,電話,地址
1.修改每一個網頁上方的橫幅文字內容(網頁中點兩下或在網站管理員修改文字) 2.修改每一個網頁的左上角標題文字(按右鍵選[文件內容]/[一般]/輸入標題文字) 3.調整網站架構(在網站管理員調整) 4.新增網頁(在網站管理員按右鍵/開新檔案/文件/文件/選導覽01~03/確定) 5.更換網頁的佈景色彩圖案(格式/佈景主題)
1.介紹超連結並設計精選網站(至少5個網站的超連結),加註網站介紹 2.本週應完成首頁、站長介紹、精選網站 3.準備下週的網路相簿圖片
1.網路相簿範例:葫蘆藝術、民俗版畫、教室佈告欄、十二星座、證嚴語錄 2.至少完成一個網頁並且註明資料來源。 3.使用FastStone Image Viewer調整影像大小,選[工具]/[批次轉換選擇的圖像] 4.使用Namo製作網路相簿操作流程如下: 4.補充說明: 操作過程中按左下角的[進階設定值],可以更改縮圖的存放位置,如下圖所示: 也可以切換至標題功能讓每列縮圖下方增加一列並顯示縮圖檔名。
注意: 1.至少完成六個網頁:首頁、站長介紹、學習心得、未來期望、網路相簿、精選網站 2.網頁內容要豐富,不要只打"無"或"沒有",並且儘量自己創作。 3.沒有內容的網頁要刪除,沒用到的文字或表格也要刪除,例如預設的"標題..內容..內容.." 4.如果網頁內容是別人的,一定要註明資料來源,也就是寫"資料來源:網址或網站名稱"。 5.網路相簿內的圖儘量加文字說明,特別注意版權問題。 6.網頁的版面及佈景主題要一致,不要有些選單在上有些在左。 7.有做"作品欣賞或其它網頁"會加分。 (評分標準:內容的豐富及完整性,網頁內容自已創作者分數較高)
|