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

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

預備週老師自我介紹電腦教室注意事項右昌國中網站介紹校內比賽作品
練習:上網瀏覽右昌國中網站源源的家

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

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

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

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

影像處理進度4影像合成(魔術棒及套索工具、調整物件上下順序)
作業:上網
找兩種物品合成在風景圖片中,存UFO及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.不可以使用特殊符號及中文檔名及資料夾

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

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

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

 方法一:下載圖片

  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.本週應完成首頁、站長介紹、精選網站

 

網頁設計進度7:(兩週完成:學習心得、我的未來、文章精選或名言佳句等)

 1.至少完成3個網頁(學習心得、我的未來、文章精選或名言佳句等)

 2.自己打字或上網尋找,例如:名言佳句勵志小品座右銘文章欣賞

 3.如果內容不是自己打的請註明資料來源

 

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

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

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

 

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

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

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

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

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

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

 4.補充說明:

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

  

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

  

 

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

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

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

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

 

注意:

1.站長介紹、學習心得、我的未來、文章精選等內容要豐富,並且儘量自己創作。

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

3.如果網頁內容是別人的,一定要註明資料來源,也就是網址。

4.相簿內的圖要加文字說明,特別注意版權問題。

(評分標準:內容的豐富及完整性,網頁內容自已創作最佳,如為別人的要註明來源)