點自製個人網頁???(10分)

【 網頁製作流程 】

為了讓網友們對於網頁製作有初步的概念，先簡單的說一下平常製作網頁的流程：

主題架構：就是網站內容主題以及操作介面，先要想好。
取得工具：準備寫網頁的工具、圖片製作工具、網路工具。
編寫網頁：開始動工，編寫網頁，最累最有成就感的時候。
找個空間：寫好網頁就要放上網路，得找個免費空間來放。
上傳網頁：有了網頁空間，就將寫好的網頁上傳到網路上。
維護網頁：後續的維護網頁工作，保持網頁的新鮮度。

【 網站的種類 】

‧專業網站： 越專業、越豐富、越有參考性，那麼你的網站將屹立不搖，在網海中佔有一席之地。
‧教學網站： 如電腦軟體的使用、或任何的教學東西，事事能教，畢竟好學的人不少，您不就是嗎！
‧下載網站： 許多免費的資源，若能有心的去蒐集，最好再加點說明，那麼也是相當吸引人的。
‧書籤網站： 到處去蒐集網站，做個總整理，方便網友連結，節省查尋時間，是吸引人潮相當不錯的方法。不過維護上不太容易。
‧個性網站： 就是與眾不同的網頁啦！這就要看個人的巧思及創意了。越獨特，越吸引人。
‧地下網站： 基本上不鼓勵這個啦！不過，所謂『殺頭的生意有人做』嘛！如：情色站、麵攤站、破解站，越非法，大家就越好奇，不過，小心別惹禍上身。


【 不同類型網站的架構與特色 】


至於網站整個的操作架構，本人認為不同性質的網站，多少會有不同的需求以及操作介面。所以就將上述幾種網站，將其架構或操作介面做簡單的整理：

‧專業網站： 專業性網站，圖片是少不了的，因此，要著重於版面的安排以及圖片的設計，讓網友能對您的專業知能有清楚的認識。
‧教學網站： 內容第一，解說清楚，若能圖文並茂更佳，要注意網站操作要簡單清楚，此外要注意瀏覽的速度，別做太多無謂的美化。
‧下載網站： 要注意連結的有效性，以及軟體版本的更新消息。此外，清楚的分門別類是必要的，若有清楚詳實的使用說明則更佳。
‧書籤網站： 重視蒐集連結的完整度，蒐集越完整越好。此外，畫面簡單清楚即可，不必太複雜，瀏覽速度必須要快，而且需時時去注意連結有無失效。
‧個性網站： 美工及創意是免不了！尤其是創意佔極重要地位，此外，有必要好好的宣傳一下，如三天兩頭就到 BBS 上去宣揚。
‧地下網站： 基本上，這種站絕少重視什麼美工創意，速度也不是挺要緊（為了瞄她一眼，再久都等！）不過，小心被抓或被罵。


【 成功網站的要素 】


除了以上拉拉雜雜說的一堆外，簡單的講，一個成功的網頁不外乎以下幾點：

1. 有豐富內容
2. 瀏覽速度快
3. 網頁版面靚
4. 經常去更新
5. 多些好連結
6. 常去做宣傳

【 編輯器的種類 】

種 類 特 色 優 點 缺 點 例 子

[html輔助類] 設計者需知道 html 標籤的用法，此類軟體旨在使設計者能夠快速且方便的做出首頁，不用死記標籤，部份軟體甚至會有提示、偵錯、建議的功能。 設計師如虎添翼，免死記標籤，且具備諸多網頁其他輔助功能，設計師較能掌握整個網頁的架構，且在不同瀏覽器下較不易出問題。 初學者難以快速進入狀況。 Home site 3.01

[所見即所得類] 給初學者入門用，用法簡單，如同在使用 word 般，不須知道 html 標籤的用法，螢幕上的樣子，就是上網後的樣子。 很簡單，只要十來分鐘，活生生的網頁就出爐了。 部份軟體在不同瀏覽器下，所見的樣子。 FrontPage2002、Dreamweaver 4.0

【 必備影像軟體 】

Ulead PhotoImpact：大家都常用的軟體，其對Web常用到的功能，更是極盡強悍、簡易之能。

Macromedia Fireworks ： 在最近開始多人使用的軟體，本人都是用它的。

ACDSee 32 Browser：超級快的圖片瀏覽軟體，使用方便、快速，並可設定自動圖片播放。

Ulead GIF Animator：製作動畫的最佳工具，並附有多種過場特效，甚至可以做相當精美的跑馬燈喔！

Paint Shop Pro：很棒的影像編輯軟體，可以做出許多的效果，若您手邊沒有其他的影像軟體，就試試這個吧！

Ulead Smart Saver ：可以隨心所欲的控制圖片的大小，並可以即時預覽圖片瘦身後的樣子。

【 必備網頁製作相關軟體 】

Cute FTP：上傳網頁用！當然下載檔案才是它的專長，很好用喔！有支援續傳！工友的最愛！

WS FTP Pro：受歡迎的FTP傳輸工具，主程式界面如一般的FTP軟體，但它將工具鈕置於視窗兩邊可輕易的使用，如上傳、下載、建立資料夾、變更資料夾....等等。

Leap FTP： 非常好用，尤其是它那類似 Netscape 書籤的「Site Manager」非常好用。除了最基本的下載檔案支援續傳外，連上傳檔案都支援續傳。

FTP Voyager：操作介面類似檔案總管。功能面，可利用滑鼠拖曳，亦可括直接執行或閱讀遠端的檔案、背景傳輸、背景檔案搜尋以及邊下載軟體邊瀏灠其他站台等。

Internet Neighborhood：(網路芳鄰）可以讓您輕鬆地直接以檔案總管來瀏灠 FTP 站台，然後將您想要下載或上傳之檔案，利用滑鼠拖曳即可。

Getright ：很棒的檔案下載軟體，有續傳的功能，從此不怕網路突然斷線了！

Teleport Pro ：可以將他人的網站全部抓下來到硬碟中，慢慢的觀摩學習。

【 上傳之前 】

1. 首先來解釋一下，什麼叫做"上傳"，要講到這個就不能講一下FTP這東東。簡單來說，FTP是一種網路上的檔案傳輸服務，我們常常在下載軟體，用到的就是FTP的檔案傳輸服務。

2. 所謂上傳呢！其實就是FTP的其中一個功能，我們既然能夠將檔案從網路上抓下來，那麼當然也可以把檔案從自己的電腦，送到網路上去啊！因此，簡而言之，上傳就是把你電腦中的資料，藉由軟體傳輸到網路的伺服器上。

3. FTP軟體一大堆，其中本人最常用的是CuteFTP。請自行到各網站下載。謝謝。

4. 在上傳之前，您至少必須知道兩件事：「主機位置」、「帳號密碼」。

【 上傳網頁 】

1. 請先進行安裝...。然後，按兩下開啟Cute FTP。進入以後，您會看到這個對話框：

圖:http://www.i-webhk.com/basic/images/ftp01.gif

2. 按下「ADD」將我們要放置網頁的主機輸入進去。

圖:http://www.i-webhk.com/basic/images/ftp02.gif

3. 按下「Connect」連線到我們要放置網頁的主機輸去。

圖:http://www.i-webhk.com/basic/images/ftp03.gif

4. 連通後出現的主機訊息。

圖:http://www.i-webhk.com/basic/images/ftp04.gif

5. 左邊視窗是自己的硬碟視窗，請自行切換到擺網頁的目錄。右邊視窗是伺服器（也就是網頁空間）的視窗，是我們要上傳的目的地。選定上傳檔案後，按上傳圖示，就可以上傳了。（按住Shift鍵再選取檔案可以連續選取多個檔案，按住Ctrl鍵再選取檔案可以選取多個不連續檔案）

圖:http://www.i-webhk.com/basic/images/ftp05.gif

6. 若是伺服器上已經有相同的檔名存在，您可以自行判斷是否要覆蓋（Overwrite）過去，還是要改名（Rename）上傳或取消（Skip）上傳。

圖:http://www.i-webhk.com/basic/images/ftp06.gif

7. 若是訊息框已經不再動作，並且看到類似下列的訊息，表示已經傳檔完畢，您可以離線囉！

圖:http://www.i-webhk.com/basic/images/ftp07.gif

【 電郵通知 】

當你做好一個網頁後，當然要宣傳宣傳吧！你可以發出電郵l給你的好友、ICQ或到新聞組宣傳打打廣告，必定有所幫助。

【 登記搜尋器 】

這是最有效的方法，因為許多人在網上是通過搜尋器找資料的。若你在搜尋器網頁中佔到 "有利位置"，你的網站就很容易給人找到。而網上的搜尋器有很多，也很容易登記的。

以下是一些著名的搜尋器

搜 尋 器 位 置
Yahoo http://www.yahoo.com
Lycos http://www.lycos.com
Excite http://www.excite.com
Yahoo ( 中 文 ) http://chinese.yahoo.com
奇摩站 http://www.kimo.com.tw

更多資料可到 http://www.i-webhk.com/