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

影像處理(),網頁設計(10)

預備週老師自我介紹、電腦教室注意事項右昌國中網站介紹網路假期
作業:上網瀏覽右中網站、網路假期註冊、練習闖關

影像處理進度1概念軟體介紹調整亮度改變影像大小
作業:上網找一張圖,分別存三個JPG檔,影像大小分別為1024*768、320*200、160*120,存放於桌面供老師檢查

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

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

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

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

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

網頁設計進度1:(思考網站架構並快速建立網站)

 建議網站架構:站長介紹、文章精選(笑話集錦、勵志小品等)、精選網站、圖片欣賞

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

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

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

 

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

 1.執行檔案傳輸軟體FileZilla

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

 3.刪除遠端站台public_html內的舊檔案(選取檔案再按鍵盤Delete或右鍵選刪除)

 4.上傳網頁(遠端選取public_html資料夾,本機選D碟的檔案再按右鍵選上傳)

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

 

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

 注意:

 1.不可以使用特殊符號及中文檔名及資料夾

 2.使用網站管理員開啟並修改網頁或管理網站內容

 3.傳檔之前一定要先儲存網頁(在Namo)及儲存網站(在網站管理員)

 4.一定要將D碟資料夾內的檔案傳到網站的public_html資料夾內

 方法一:下載圖片

  1.上網找圖,找到後按右鍵選另存圖片或目標(類型:GIF,JPG)

  2.在Namo要更換的圖形上快按兩下換圖,按[插入]/[影像]可新加入圖形

  3.再按[瀏覽]挑選圖形檔

 方法二:複製/貼上

  1.上網找圖,找到後按滑鼠右鍵選[複製]

  2.在編輯的網頁按[貼上]

  3.存檔時會詢問圖形的處理方式,建議選[將檔案複製到文件資料夾]

 方法三:使用Namo內建的圖形

  1.按[插入]/[美工圖案]挑選Namo內建的圖庫

  2.儲存時選[將檔案複製到文件資料夾]

 

網頁設計進度4:(執行Namo/視窗/網站管理員/選資料夾內的site.wej)

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

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

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

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

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

 

網頁設計進度5:(設計站長介紹)

 1.設計站長介紹的網頁

 2.姓名、星座、興趣、專長,理想,目標,座右銘

 3.不可以放重要資料,例如:身份證字號,電話,地址

 

網頁設計進度6:(介紹超連結及導覽列,完成精選網站)

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

 2.修改或增加導覽列(導覽列點兩下或選[插入]/[瀏覽]/[導覽列])

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

 

網頁設計進度7:(設計文章精選)

 1.尋找最適合觀賞的文章,例如:名言佳句勵志小品座右銘文章欣賞

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

 

網頁設計進度8:(網站架構的調整)

 1.使用網站管理員調整或新增網站架構
   (新增網頁:選
[插入]/[新文件]/[範本]/[文件]挑選導覽01或02或03)

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

 3.修改或增加導覽列(修改:導覽列點兩下,新增:選[插入]/[瀏覽]/[導覽列])

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

 

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

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

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

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

 3.簡易操作流程如下:

 4.補充說明:

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

  

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

  

 

網頁設計進度10:(首頁放置背景音樂)

 1.挑選並下載背景音樂(按右鍵選另存目標存放於D碟資料夾)

 2.開啟首頁設定背景音樂(按右鍵選[文件內容]/[樣式]背景音樂)

  備註:尊重智慧財產權,請勿下載MP3音樂。

 

 

(評分標準:首頁20,站長介紹30精選網站20,網路相簿及文章精選30,注意內容的豐富及完整性)