- 一是以自己的電腦當伺服器(server);你要申請網站,要繳年費;
- 二是以別人的電腦當伺服器。你可能要繳費,但很多是免費的。
一、建立本地端的資料夾
- 先到學校網站首頁的Eportal更新你的密碼。
- 先在電腦D:槽內新增一個資料夾,一律取小寫英數名,不要空格或特殊符號,例如,取名為web123456。若一定要用特殊符號,建議只用下標_,例如,web_1234。
- 打開web123456資料夾,新增一個資料夾,取名為www。(注意:一定要取名為www,英文要小寫),取名www的理由是校方伺服器的要求。
- 啟動Dreamweaver,開啟新檔,選「html」。
- 從主選單選網站 >管理網站,於對話框點按「新增網站」鈕。
- 點按浮動視窗上方的「進階」標頭。
- 在左上角的分類下,選「本地資訊」。
- 點按「本地資料夾」空白欄右側的資料夾圖示,選擇web123456這個資料夾。(注意紅色框內最右邊不可以有www)。
- 接著,在分類欄內選「遠端資訊」,並完成類似下圖之資料設定。
注意,主機目錄欄要留白。要打V的一定要打鉤。
不知密碼者,請到http://web2.ntit.edu.tw找尋。
- 換測試鈕。
當顯示可以連繫成功,可以按「確定」鈕。
- 在Dreamweaver作業視窗右側,按以「連線至遠端主機」。
- 選用「本地端」。
- 滑鼠在www資夾,點按右鍵,按新增檔案,取名為index.html。
注意,這項命名字不可錯誤。 - 點按index.html二下以開啟dreamweaver,它會是一個空白頁面。
- 在頁面內輸入能表達你個人資料的文字內容。
- 在title欄內鍵入「xxxx的首頁」
- 檔案>存檔。
- 點按上傳圖示。
依上述步驟,你應已架好自己的個人網站了,你應該記下你自己的網站的網址!它應該像下列文字串:http://web2.ntit.edu.tw/~sxxxxxxxxxxx/ (註:sxxxxxxxxxxx是你的學號)
- 到瀏覽器的位址欄,鍵入你的網址
http://web2.ntit.edu.tw/~sxxxxxxxxxxx或
http://web2.ntit.edu.tw/~sxxxxxxxxxxx/index.html或
http://web2.ntit.edu.tw/~sxxxxxxxxxxx/index.htm。
看看三者有沒不同。
當你將網站資料下傳到伺服器之後,你可到任何地方將資料下載。下載的步驟如下:
- 同主步驟一至四。
- 點按Dreamweaver作業視窗右側的下載。
- 在本地端,將下傳的檔案加以編輯,儲檔。
- 上傳。
- 到瀏覽器看結果。
當你使用學校的軟體經營你的本地端網站,要離去時,記得執行
- 網站 > 管理網站 >
- 對話框內選取你的網站名 > 移除。
小結
由於學校的網站伺服器內已為每位使用者設好www資料夾供網頁使用,所以你的任何資料務必要存入該資料夾內,否則一定會出問題。因此,本地端的www資料夾與遠端的資料夾是對等的。你將本地端的資料夾上傳,就會蓋過遠端的www資料夾。反之亦然,另外,這兩個資料夾內,一定要有一個檔案,其檔名為 index.html。
有了網站,你的問題是你要表現什麼內容?要如何表現?
說到內容,最好是你最感興趣的,或者你被逼得要做的(例如,你接了case)。
說到表現,答案可不只一種,它就像印刷編雜誌一樣,你要有版式、圖片、色彩計劃、分類。但與印刷雜誌不同的是,它會用到超連結(hyperlink)、多媒體(flash)或視訊及音效等。
本學習中,你的學習目標有二:
- 模仿網站:觀賞網站,模仿其風格架設自己設想內容的網站。
- 改版:以前一階段的能力為基礎,設計另一種風格(模仿亦可,自創更佳),強化自己改版的能力,並為業界的網站做更版 。
你可由以下的超連結去建構免費網站
2 comments:
http://tksn.web.infoseek.co.jp/index.html
帝國少年
http://www.ayakato.net/
加藤彩
老師
我有去架設了
但是 我從我的電腦中看不到
老師可以確定一下我有沒有架設成功嗎?
Post a Comment