怎樣自行設計網頁

圖片參考：http://hk.yimg.com/i/icon/16/4.gif
一般整網頁的軟件有以下那幾種：
(1) Microsoft FrontPage
圖片參考：http://hk.yimg.com/i/icon/16/40.gif

　　如果你曾對Word很熟悉，那麼相信你用FrontPage進行網頁設計一定會非常順手。
　　使用Frontpage制作網頁，你能真正體會到“功能強大，簡單易用”的含義。頁面制作由Frontpage中的Editor完成，其工作窗口由3個標簽頁組成，分別是“所見即所得”的編輯頁，HTML代碼編輯頁，預覽頁。Frontpage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向導和模板都能使初學者在編輯網頁時感到更加方便。
　　FrontPage最強大之處是其站點管理功能。在更新服務器上的站點時，不需要創建更改文件的目錄。FrontPage會為你跟蹤文件並拷貝那些新版本文件。FrontPage是現有網頁制作軟件中唯一既能在本地計算機上工作，又能通過Internet直接對遠程服務器上的文件進行工作的軟件。

下載網址：
http://www.microsoft .com/frontpage
(2) DreamWeaver
圖片參考：http://hk.yimg.com/i/icon/16/40.gif

　　DreamWeaver是一個很酷的網頁設計軟件，它包括可視化編輯、HTML代碼編輯的軟件包，並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動態的HTML動畫，支持動態HTML(Dynamic HTML)的設計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。
　　DreamWeaver還采用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換，HTML句法及結構不變。這樣，專業設計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能。

下載網址：
www.macromedia.com

(3) Netscape編輯器
　　Netscape Communicator和Netscape Navigator Gold 3.0版本都帶有網頁編輯器。
　　如果你喜歡用Netscape瀏覽器上網，那麼使用Netscape編輯器真是簡單方便！當你用Netscape瀏覽器顯示網頁時，單擊編輯按鈕，Netscape就會把網頁存儲在硬盤中，然後就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創建表格等，是不是與Frontpage 98還有些像。但是，Netscape編輯器對復雜的網頁設計就顯得功能有限了，它連表單創建、多框架創建都不支持。
　　Netscape編輯器是網頁制作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的，Netscape 編輯器將是一個輕松的選擇。如果你對HTML語言有所了解 埃芄皇褂肗otepad或UltraEdit等文本編輯器來編寫少量的HTML語句，那麼也可以彌補Netscape編輯器的一些不足。
(4) Adobe Pagemill 3.0
　　Pagemill功能不算強大，但使用起來很方便，適合初學者制作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那麼Adobe Pagemill 3.0的確是你的首選。
　　Pagemill創建多框架頁十分方便，你可以同時編輯各個框架中的內容。Pagemill在服務器端或客戶端都可創建與處理Image Map圖像，它也支持表單創建。Pagemill允許在HTML代碼上編寫和修改，支持大部分常見的HTML擴展，還提供拼寫檢錯、搜索替換等文檔處理工具。在Pagemill 3.0中還增加了站點管理能力，但仍不支持CSS、TrueDoc和動態HTML等高級特性。
　　Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到裡面，需要時再打開，很方便。
下載網址：http://www.adobe.com
(5) Claris Home Page 3.0
　　如果使用Claris Home Page軟件，你可以在幾分鍾之內創建一個動態網頁。這是因為它有一個很好的創建和編輯Frame(框架)的工具，你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了Maker數據庫，增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設計過於粗糙，對Image Map圖像的處理也不完全。
下載網址：
http://www.claris.co m/software/highlight s/clarispagetrial.ht ml

(6) HotDog Professional 5
　　HotDog是較早基於代碼的網頁設計工具，其最具特色的是提供了許多向導工具，能幫助設計者制作頁面中的復雜部分。
　　HotDog的高級HTML支持插入marquee，並能在預覽模式中以正常速度觀看。這點非常難得，因為即使首創這種標簽的Microsoft在FrontPage 98中也未提供這樣的功能。HotDog對plug-in的支持也遠遠超過其他產品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。
　　HotDog是個功能強大的軟件，對於那些希望在網頁中加入CSS、Java、RealVideo等復雜技術的高級設計者，是個很好的選擇。
下載網址：
http://www.sausage.c om

(7) HomeSite 3.0
　　Allaire的HomeSite 3.0是一個小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，並且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據習慣，可以將其設置成像Notepad那樣簡單的編輯窗口，也可以在復雜的界面下工作。
　　HomeSite具有良好的站點管理功能，鏈接確認向導可以檢查一個或多個文檔的鏈接狀況。
　　HomeSite更適合那些比較復雜和精彩頁面的設計。如果你希望能完全控制你制作的頁面的進程，HomeSite 3.0是你最佳選擇。不過對於生手過於復雜。
下載網址：
http://www.allaire.c om或者http://www.homesite- now.com
(8) HotMetal Pro 4.0
　　HotMetal既提供“所見即所得”圖形制作方式，又提供代碼編輯方式，是個令各層次設計者都不至於失望的軟件。但是初學者需要熟知HTML，才能得心應手地使用這個軟件。
　　HotMetal具有強大的數據嵌入能力，利用它的數據插入向導，可以把外部的Access、Word、Excel以及其它ODBC數據提出來，放入頁面中。而且HotMetal能夠把它們自動轉換為HTML格式，是不是很棒，此外它還能轉換很多老格式的文檔(如WordStar等)，並能在轉換過程中把這些文檔裡的圖片自動轉換為GIF格式。
　　HotMetal為用戶提供了“太多”的工具，而且它還可以用網狀圖或樹狀圖表現整個站點文檔的鏈接狀況。
下載網址：
http://www.softquad. com

參考資料:
http://www.alan888.c om/Discuz/redirect.p hp?tid=84183&got o=lastpost
http://hk.knowledge. yahoo.com/question/? qid=7006122502762

筆者曾經不下十次被朋友問一個相同的問題,就是"如何自行建立網頁".

朋友都知道筆者在網頁公司工作多年,但一開口便強調"自行",看來真是沒想花錢的意願.

好吧!朋友就是不計較金錢的. 以下是我對他們的一點建議.

首先要清楚了解自己需要那一類型的網頁.

1. 如果只是想建立簡單個人網頁:
可申請免費的Blog, 優點是可在短時間內完成, 又可隨時更新. 缺點是沒有自己的專屬網址, 但你可自行申請一個.com再轉址到你的blog網址. .com網域年費約HK$70相當便宜. 而另一缺點便是免費的Blog可能有一天會終止服務, 就像較早前的Yahoo便終止了其免費Blog服務.

2. 如果想建立簡單公司網頁, 介紹一下公司產品/服務及基本聯絡資料:
可申請免費的Facebook Fan Page, 優點和Blog接近, 更重要的優點是當你在FanPage更新產品資料(如推出特價產品,促銷活動等),連結了FanPage的客戶也可透過facebook第一時間知道相關資訊.

另外,也可申請免費的DIY網頁建立平台如Wix,Google等也提供類似的服務. 但操作不是想像中容易,它會比使用網頁建立軟件容易使用一些, 但限制也大. 要知道時間即金錢, 你要考慮"自行"是否化算. 另外, 要考慮免費網頁會否影響公司形象, 因小失大.

3. 但如果想建立有database的網頁平台, 就一定要找專人設計.
參考資料：
http://webkinghk.com/
http://bestwebdesignhk.com/
http://webking.com.hk/

你可以參考這2個網頁

我也跟著做了一個



i-web網頁教學

http://www.i-webhk.com/

網頁制作教學

http://kh.k12.edu.tw/1000510633/webpg1203/index2.htm

【奇摩個人網頁網站製作方式】
1.到Yahoo!奇摩 - 個人網頁去完成免費個人網站登錄申請手續↓
★Yahoo!奇摩-個人網頁
2.開始使用奇摩所提供的網頁製作精靈依指示步驟開始製作網頁，奇摩提供有多種不同搭配組合的網頁製作範例可以直接套用，
首頁必須命名為index
3.到個人網頁你的檔案總管以HTML的方式加入你所需要的免費小程式，
例如奇摩免費的留言版與討論版並記下程式連結網址↓
★Yahoo!奇摩-個人網頁
4.點選右上角檔案總管登錄免費會員帳號與密碼，進入你的個人網頁檔案總管裡，
再點選管理小程式，開始做奇摩免費的留言版與討論版的版面設定。
5.遇到疑問時可以到Yahoo!奇摩大魔域 - 個人網頁製作討論區去請教網友↓
★Yahoo!奇摩大魔域 - 個人網頁製作討論區
6.凡申請奇摩的免費會員，即可免費使用奇摩免費信箱，奇摩免費照片簿，奇摩免費個人網頁空間，奇摩免費留言版，奇摩免費討論區，奇摩免費個人家族，奇摩大魔域，奇摩免費上網人數計數器，奇摩免費音樂檔，奇摩免費圖片檔，奇摩免費E-mail郵件賀卡....等等奇摩程式，一切都是免費的。
7.你的網址就是↓
http://home.kimo.com.tw/你的奇摩會員帳號/
8.特別注意事項所有上傳的檔案《包括圖片檔音樂檔網頁》盡量以英文或加上阿拉伯數字來命名，可以使用繁體中文來為檔案命名。
9.盡量使用奇摩個人網頁區的上傳網頁或檔案總管裡的線上瀏覽器來上傳網頁與各種《包括圖片檔音樂檔網頁》檔案資料
10.使用FTP上傳更新網頁時，必須先刪除舊網頁之後，才可以開始上傳更新網頁。

FTP程式設定
第三欄
Yahoo!奇摩FTP上傳設定↓
中文版
伺服器：homeftp.kimo.com.tw
帳 號：您的Yahoo!奇摩會員帳號
密 碼：您的Yahoo!奇摩會員密碼

英文版
Yahoo!奇摩FTP上傳設定
Host：homeftp.kimo.com.tw
User：您的Yahoo!奇摩會員帳號
Password：您的Yahoo!奇摩會員密碼

其他FTP程式與FTP軟體教學參考網站↓
★【FTP程式】軟體王-網路商店
★網站建置百寶箱〈http--dob.tnc.edu.tw-〉歡迎您
★史萊姆的第一個家

使用FTP程式上傳網頁注意事項：
1.先刪除右側奇摩檔案總管裡的舊網頁後，才可以開始上傳左側你電腦中的新網頁
2.首頁必須命名為index
3.所有檔案資料包括網頁包括圖片照片包括音樂包括資料夾都必須以英文或加上阿拉伯數字編號來命名，可以使用繁體中文來命名
4.所有檔案包括網頁包括圖片照片包括音樂都可以直接上傳到奇摩檔案總管裡同層位置
5.所有自動產生的網頁連結路徑files:///C://Documents and Settings/Administrator/桌面/..都必須刪除，
改為src="檔案名稱.副檔名"即可

第二：使用front page自己做成的網頁
1.可以直接使用奇摩個人網頁的上傳網頁線上瀏覽器來直接上傳所有資料
請使用奇摩個人網頁右上方【上傳網頁】鍵，直接以線上瀏覽器來上傳更新網頁或圖片檔
2.一次可以傳10個檔案，可以連續多傳幾次
3.其他注意事項同上述的2到5點說明
4.可以先將自動產生的資料夾裡的圖片檔複製到桌面再上傳
5.所有的檔案在上傳時，盡量不要傳入任何的資料夾，只要上傳到與網頁同址同層位置即可
6.所有的圖片貼圖語法即為src="圖片檔案名稱.副檔名"

【微軟提供的FrontPage試用版】
你必須先安裝Microsoft Office FrontPage
你可以先到開始功能表中察看是否有Microsoft Office FrontPage
如果你的電腦中沒有Microsoft Office FrontPage可以到下列網站下載試用版↓
★【FrontPage台灣】★
http://www.microsoft.com/taiwan/products/office/frontpage/

修改網頁語法方式《一》↓
1.進入Yahoo!奇摩首頁
2.點選中間【個人網頁】鍵
★【Yahoo!奇摩-個人網頁】★
http://tw.home.yahoo.com/
3.點選右上方【檔案總管】鍵
4.登入Yahoo!奇摩會員帳號與密碼
5.等待網頁下載完成
6.拖曳右方捲軸到達你想修改的網頁
7.點選你想修改的網頁右方【鉛筆圖案】鍵
8.開始進行網頁修改
9.網頁修改完畢按【儲存】鍵

【其他參考建議】
使用Yahoo!奇摩個人網頁檔案總管裡的【上傳檔案】鍵來上傳網頁：
1.進入Yahoo!奇摩
http://tw.yahoo.com/
2.點選【個人網頁】鍵
http://tw.home.yahoo.com/
3.點選右上方【檔案總管】鍵
檔案總管
4.登錄Yahoo!奇摩會員帳號與密碼→按【登入】鍵→進入你的檔案總管裡
5.使用你的檔案總管裡，最下方的【上傳檔案】鍵來上傳檔案
6.一次可以傳5個檔案，可以連續多傳幾次

修改網頁語法方式《二》↓
1.先開啟FrontPage主程式
2.點選左上角【檔案】鍵→再點選【開啟舊檔】鍵→以捲軸尋找儲存在你電腦中的網頁→開啟你電腦中的網頁
3.點選FrontPage主程式左下方【HTML】鍵，就可以進入網頁語法編輯程式

你必須先安裝Microsoft Office FrontPage
你可以先到開始功能表中察看是否有Microsoft Office FrontPage
如果你的電腦中沒有Microsoft Office FrontPage可以到下列網站下載試用版↓
★【FrontPage台灣】★
http://www.microsoft.com/taiwan/products/office/frontpage/

修改網頁語法方式《三》↓
使用文字文件檔或記事本或WordPad
來備份或修改網頁語法
再以全選複製貼上的方式
來更新網頁

網頁與圖片以及音樂檔上傳以後必須先看清楚，在奇摩你的個人網頁【檔案總管】中，
出現的是甚麼樣的檔案類型副檔名《區分英文大小寫》，
再修正網頁連結語法

特別注意事項：
【網頁制作常見的各種檔案類型】
1.網頁與圖片以及音樂檔類型分為以下各種檔案類型↓
.jpg類型.JPG類型.gif類型.GIF類型.MSWMV類型.pdf類型
.bmp類型.BMP類型.wmf類型.WMF類型.ico類型.ICO類型
.png類型.PNG類型.jpe類型.JPE類型.txt類型.TXT類型
.swf類型.htm類型.html類型.php類型.wma類型.mid類型
.Xml類型.xls類型.ppt類型.pps類型.exe類型.wmv類型
.mp3類型.js類型.WMV類型.au類型.class類型.MSWMM類型
.FLA類型.doc類型.dwg類型.asp類型.cgi類型.wmz類型
.mpeg類型.com類型.ASF類型.dll類型.asx類型.bin類型
.shtml類型
...等等網頁與圖片以及音樂檔各種類型《類型副檔名區分英文大小寫》
2.網頁與圖片以及音樂檔上傳以後必須先看清楚，在奇摩你的個人網頁【檔案總管】中，
出現的是甚麼樣的檔案類型副檔名《區分英文大小寫》，
再修正網頁連結語法


網頁圖片與音樂無法開啟顯示的原因↓
網頁圖片與音樂檔案無法開啟顯示問題：
第一：網頁圖片與音樂檔案是可以直接上傳的，不必傳在資料夾中。
第二：網頁後面的路徑包含../../image/也必需全部刪除，只留圖片與音樂檔名及圖檔類別名即可。
第三：圖片與影片與音樂的檔名分為很多種，有BMP,WMF,GIF,gif,jpg,JPG,jpe,bmp,MAV,swf,mmv,wmv.mp3.mid.mimd等等名稱，圖片與影片與音樂的檔名也不可含有中文或符號，請先確認正確的圖片與音樂類型須分大小寫，如有不符規定的符號名稱，也必需連同網頁後面的程式碼一起更名後再上傳
第四：你可以先到你的奇摩免費個人網中檔案總管裡登錄帳號密碼後，查看你已經上傳完的照片與音樂檔案，在奇摩的檔案總管中出現的是甚麼樣的檔名及圖檔與音樂類別，再依照上述方法加以更正檔名及圖檔與音樂類別名。
6.如果你是使用FTP程式來上傳更新網頁的話，
就必須先刪除你的奇摩免費個人網中檔案總管裡的舊網頁，
舊網頁刪除後，才可以開始使用FTP程式來上傳更新網頁