班级网站制作.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/)