影像處理及網頁設計(對象:國中一年級學生上學期)

預備週老師自我介紹電腦教室注意事項右昌國中網站介紹
練習:瀏覽右昌國中網站:首頁公告、親師生平台、課表、升學資訊、源源的家
、學生舞台(全部)、e化專區(網路圖書館)、網路相簿、專題網站

下課前抽點同學電腦看瀏覽記錄。

影像處理進度1概念軟體介紹調整亮度改變影像大小
作業:上網找一張圖,使用PhotoCap另存三個檔案,將影像大小分別調整為1024*768、320*200、160*120存放放桌面並查看檔案大小

調整影像大小:[影像]/[影像大小]

影像處理免安裝版軟體解壓縮後即可使用:PhotoCap(官網)、Photoscape美圖秀秀美圖秀秀Web版

影像處理進度2剪裁變形百寶箱
作業:上網找一張圖,加入百寶箱特效,存JPG檔放置桌面供老師檢查

影像處理進度3加框藝術字
作業:上網找圖,加邊框及打字做文字特效,存pcl及JPG檔(存放在E碟)

   將完成後的JPG檔傳送至第一次作業,一∼兩週完成(可加入其它特效)

影像處理進度4影像合成(魔術棒及套索工具、調整物件上下順序)
作業:上網
找兩種物品合成在風景圖片中,存pcl及JPG檔(存放在E碟)

   將完成後的JPG檔傳送至第二次作業,兩週內完成(可加入其它特效)

網頁設計進度1:(觀摩得獎作品、思考網站架構並快速建立網站)

 建議網站架構:站長介紹、作品欣賞、學習心得、未來期望、電子相簿、精選網站、.....

 流程:1.在E碟建立學號資料夾 2.執行Namo再按左側的[網站精靈],依導引操作
    3.最後存放位置選E碟學號資料夾,完成空白資料的個人網站
    4.更換個人首頁圖形,上網找圖另存目標存放在E碟學號資料夾

    5.在Namo開啟首頁,將首頁圖形點兩下選要更換的圖形檔名

 注意:首頁的檔名一定要叫index.htm或index.html,打錯或多打一個字都不行

 

網頁設計進度2:(將E碟的網頁傳至學校的個人網站)

 1.執行檔案傳輸軟體FileZilla

 2.輸入位址:163.32.135.10 ,使用者:s學號,密碼:??,按[快速連線]

 3.上傳網頁(每人網頁最大空間限30MB)

 4.上網檢查個人網站,首頁要換圖、施工中或其它文字、站名、橫幅及標題文字

 

網頁設計進度3:(更換網頁中的圖形或新加入圖形)

 注意:

  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.個人網頁不可以放重要資料,例如:身份證字號,電話,地址

 5.觀摩歷年作品,觀摩作品一觀摩作品二

 

網頁設計進度5

 1.修改每一個網頁上方的橫幅文字內容(網頁中點兩下或在網站管理員修改文字)

 2.修改每一個網頁的左上角標題文字(按右鍵選[文件內容]/[一般]/輸入標題文字)

 3.調整網站架構(在網站管理員調整)

 4.新增網頁(在網站管理員按右鍵/開新檔案/文件/文件/選導覽01~03/確定)

 5.更換網頁的佈景色彩圖案(格式/佈景主題)

 

網頁設計進度6:(設計精選網站,介紹超連結)

 1.介紹超連結並設計精選網站(至少5個網站的超連結),加註網站介紹

 2.本週應完成首頁、站長介紹、精選網站

 3.準備下週的網路相簿圖片

 

網頁設計進度7:(設計網路相簿)

 1.網路相簿範例:葫蘆藝術民俗版畫教室佈告欄十二星座證嚴語錄

         右中歷史28屆校慶29屆校慶30屆校慶範例

 2.至少完成一個網頁並且註明資料來源

 3.使用FastStone Image Viewer調整影像大小,選[工具]/[批次轉換選擇的圖像]
   取消選取[輸出資料夾],[進階選項]/[調整大小]輸入1024*768,選取[保持外觀比例]

 4.使用Namo製作網路相簿操作流程如下:

 4.補充說明:

 操作過程中按左下角的[進階設定值],可以更改縮圖的存放位置,如下圖所示:

  

 也可以切換至標題功能讓每列縮圖下方增加一列並顯示縮圖檔名。

  

 

注意:

1.至少完成六個網頁:首頁、站長介紹、學習心得、未來期望、網路相簿、精選網站

2.網頁內容要豐富,不要只打"無"或"沒有",並且儘量自己創作。

3.沒有內容的網頁要刪除,沒用到的文字或表格也要刪除,例如預設的"標題..內容..內容.."

4.如果網頁內容是別人的,一定要註明資料來源,也就是寫"資料來源:網址或網站名稱"。

5.網路相簿內的圖儘量加文字說明,特別注意版權問題。

6.網頁的版面及佈景主題要一致,不要有些選單在上有些在左。

7.有做"作品欣賞或其它網頁"會加分。

(評分標準:內容的豐富及完整性,網頁內容自已創作者分數較高)