班级网站制作.docx
《班级网站制作.docx》由会员分享，可在线阅读，更多相关《班级网站制作.docx（15页珍藏版）》请在冰点文库上搜索。
班级网站制作
班級網頁製作
一、準備開工囉~~~
1.請先設定要製作的頁面：
例：
頁面主題
歡迎首頁
班級首頁
班級花絮
榮譽榜
活動剪影
作品專區
好站分享
檔名
index
index1
class
honor
active
homework
good_site
※第一頁務必命名為index。
※檔名務必為英文小寫。
2.設定個人資料夾，並設定其他子資料夾：
d:
\class405
images、doc、music
※日後，圖片一律放在images資料夾；班級文件一律放在doc資料夾；音樂檔一律放在music資料夾。
（同理可證，亦可增加其他資料夾，日後較易整理）
3.開啟Namo，並於空白頁面各別寫上頁面主題。
（檔名以步驟一為準，存放於步驟二的個人資料夾內）
◎移除儲存備份：
工具→偏好設定→儲存檔案→□儲存備份
4.建立『網站樹』：
（若更換其他電腦，則網站樹必須重新製作）
檔案→網站→新網站
選擇「網站管理員」→滑鼠右鍵→插入至導覽
分層將檔案置入
儲存網站（日後，只要網站樹有增加其他頁面，皆須做「儲存網站」的動作）
5.下次進入Namo，可直接選取網站：
檔案→網站→開啟網站
※
從網站管理員中，可個別選取某一頁面來製作。
二、可愛素材製作：
1.蒐集背景、分隔線、可愛小圖
◎建議圖庫：
※阿芳圖庫
※maggy網頁圖片收集簿
※素材酷站：
（有些logo底圖還蠻可愛的）
※其他
2.利用PhotoImpact製作按鈕及橫幅：
【橫幅】
選取網路→元件設計師
點取橫幅。
（選擇最喜歡的橫幅樣式）
以此橫幅為例：
最後選擇匯出→『影像最佳化』
如果覺得它標題的位置不滿意，可選擇『做為個別的元件』）。
調整確定後，選擇網路→影像最佳化→整個影像。
選擇GIF→透明度→另存新檔。
※若遇到需「透明」的情況時，必須做「遮罩」的動作。
【情況一】：
選取GIF→透明度後，右側圖則變透明了。
【情況二】：
選取GIF→透明度後，右側圖沒變透明。
＊選擇遮罩選項→鏤空罩選擇無
＊遮罩挑選色彩→選擇滴管→點到左側圖需透明的地方
【按鈕】
網路→元件設計師
視需要選擇按鈕或按鈕列（本次以按鈕列為例）
確定好後，選擇影像最佳化。
出現將每個按鈕輸出城個別的影像檔，確定後，最後存檔。
最後，再回到『元件設計師』中，改變按鈕顏色，存成第二套按鈕。
【用網路底圖製作橫幅或按鈕】
在PhotoImpact中開啟圖檔。
（先存成Jpg檔）
選擇右側『文字工具』T，輸入按鈕文字。
將文字放至於適當位置後，選擇網路→影像最佳化。
若有角落需透明時，則做「遮罩」的動作。
另存檔成GIF的形式。
三、美化網頁：
（最好用「表格」來固定圖片或文字位置）
1.
插入圖片：
插入→影像
2.超連結設定：
3.改變背景：
檔案→文件內容→背景影像→從檔案找出背景圖
4.插入背景音樂：
檔案→文件內容→樣式→背景聲音→從檔案找出音樂檔
5.
改變進入頁面效果：
檔案→文件內容→樣式
6.改變網頁標題：
檔案→文件內容→一般→標題
7.表格設定：
（插入表格後）
在表格上按右鍵，選擇表格內容。
框線設定：
（若不要框線，則將粗細設為0）
儲存格色彩改變：
若僅有部分儲存格要改變顏色，則選擇儲存格內容→色彩
改變表格大小：
以滑鼠調整格線寬度即可
改變表格位置：
表格內容→對齊（選擇置中或其他）
四、上傳網站：
【方法一】：
FTP上傳
在網址列，輸入FTP站台。
如ftp:
//class405@163.20.74.2
規則ftp:
//班級@學校站台
將製作網站的整個資料夾下所有檔案及子資料夾，複製→貼上至站台上WWW資料夾內。
（做法如檔案總管）
_we_info5資料夾為Namo軟體自動產生，但無須上傳。
【方法二】：
CuteFTP軟體上傳
選取Cuteftp軟體
若是在自家的電腦，則建議將資料輸入於SiteManager內
進入對話框，選擇左下角的New…，並分別輸入自己站台的資料
按下Connect後，系統將進行連線，連線成功會出現以下畫面：
按下ok後，會出現以下畫面：
（左側為己方電腦，右側為網路硬碟。
）
將製作網站的整個資料夾下所有檔案及子資料夾，複製→貼上至站台上WWW資料夾內。
（做法如檔案總管）
_we_info5資料夾為Namo軟體自動產生，但無須上傳。
講義寫得有點囉唆，希望大家能見諒！
希望能解決大家網站的問題啦！
加油唷！
欣穎
※網頁進階：
可參考『網站建置百寶箱』（http:
//dob.tnc.edu.tw/）
升级会员 