WebEditor网页制作.docVIP

Namo WebEditor網頁製作 教材來源:廖勝能 編 開始製作之前 網站製作流程 初步計畫 製作教師個人網頁 內容大概包括教師的基本資料、興趣、照片、我的相簿、作品、收藏、課表等等 準備個人的生活照、作品照片、課表以及其他電腦相關作品檔案 照片掃瞄 or 數位相機傳輸至電腦中 Namo WebEditor 上傳至學校網站（）中 (1) 網站精靈： 1. 檔案→專案→網站精靈．（開啟） 2. 選取「網站模版」→「選取頁」→下一步 3. 「網站資訊」→填入你的網頁名稱、E-mail和著作權聲明→下一步 4. 「佈景主題」（視窗左邊是可供選擇的主題項目）→選後可以點選「檢視佈景主題」預覽→套用 5. 決定專案存放位置（請存放在D槽中，請先在D槽建立一個屬於您自己的資料夾）→完成 6. 點選「網站管理者」→結構（專案的「導覽樹」結構圖）→依據您的規劃修改結構圖（請按滑鼠右鍵，點選內容，進行修改標題）→請利用『複製』、『貼上』來增加頁面（→切換至「專案」→重新命名） 檔案命名原則： 1.切勿使用「中文」 2.請使用「英文小寫」命名 3.可參雜「數字」和”_”使用，但其他符號則不行 (2) 我的首頁： 1. 從「網站管理者」的「結構」中點選（or 「專案」中點選 index.html）F11）→存檔（此時會跳出「複製資源檔案」→選擇資料夾→新建→images，往後網頁中的照片、圖片都可存放於此資料夾中→確定） 4. 把「自我介紹」頁完成。（圖片和文字） (3) 加入智慧按鈕： 1. 做項目按鈕：插入→佈景主題元件→智慧按鈕 2. 選擇按鈕→選一個自己喜好的按鈕圖示→下一步 3. 文字→輸入名稱（例如：回首頁）→下一步→完成 4. 做好的智慧按鈕會出現在頁框中 5. 複製其他的智慧按鈕： 將第一個做好的智慧按鈕複製到其他表格上，開始修改第二個智慧按鈕的文字． 點兩下第二個智慧按鈕→做修改動作方法同上． (4) 加入背景圖案 加入Namo的背景圖案： 插入→影像→美工圖案→背景→選一個自己喜好的背景→插入為背景． 加入自己的背景圖案： 格式→文件內容→外觀→背景影像→瀏覽→加入自己的背景圖→確定． 加入背景顏色： 格式→文件內容→外觀→背景→選一個背景顏色→確定． (5) 加入水平線 插入→佈景主題元件→智慧按鈕→分隔符→完成． (或是選擇簡易的水平線：插入→水平線． (6) 加入圖案 插入Namo的美工圖案： 插入→影像→美工圖案→點選欲加入樣式圖案→插入． 插入自己的圖片： 插入→影像→從檔案→影像路徑．瀏覽→點選自己的圖片資料夾→選好圖片　→開啟→確定． (7) 圖片背景透明化 如果一張圖片的背景不是透明的，而你的網頁背景又是有顏色的，那麼這張圖片就會顯得有點不好看，為了使畫面好看我們可以使用圖片背景透明化來處理． 1. 點選圖片→按右鍵→影像→以透明顏色製作影像→勾選「交錯的GIF」→確定． 2. 畫面出現「由於該檔案之GIF檔已經存在，是否要覆蓋舊檔案？」→是． (8) 圖形替換(如果在「名稱」內未輸入任何名稱，則無法完成． (9) 影像展示區 製作相簿，自動建立縮圖，點選就可以自動放大的最佳處理方法： 1. 插入→影像→影像展示區→新增檔案→選取照片→開啟→下一步． 2. 調整縮圖的影像大小．例如：指定實際大小．寬度與高度各為64像素→下一步． 3. 選擇是否要表格及欄數．（例如：指定使用表格．欄數4）→超連結的內容→　（例如：在新視窗開啟每一個影像）→下一步． 4. 在指定的目錄中儲存複本或縮圖：請選擇一個資料夾存放→完成． (10) 影像效果 修改照片，不必再麻煩美工繪圖軟體了，Namo裡有內建影像處理精靈，可以簡單做出和美工軟體一樣的效果： 點選照片→影像→影像效果→出現影像效果視窗，共有六種可以修改→確定． (11) 超連結 建立網頁內部的超連結： 對著欲加入超連結的圖點一下選取→插入→超連結→瀏覽→選取檔案→開啟→目標頁框→「self」→確定． (選「self」表示連結在本身視窗． 建立網頁外部的超連結： 對著欲加入超連結的圖點一下選取→插入→超連結→在URL(U)：輸入網址（例如：.tw）→目標頁框→「_blank」(開新視窗) →確定． E-Mail的連結： 對著欲加入e-mail超連結的圖點一下選取→插入→超連結→在URL(U)：輸入mailto：依妹兒 （例如： mailto：tnpuss@.tw）→確定． (「＿blank」開新視窗：會將連結的網頁開