點樣整一個網頁呀

如何製作第一個個人網站

材料
網頁寄存空間(geocities)
網頁製作軟件(建議 Frontpage 或 Dreamweaver)
網頁上載軟件(如 Cute ftp 或 ws ftp)

首先，開啟製作網頁最重要的工，小弟建議使用Dreamweaver(功能強大)，
開啟軟件後，便可以在頁面內打上你網頁的內容，
操作方法就像Word一般，很方便的。

完成後，便儲存你的網頁檔案了，
記得網頁首先的檔名要為 index.htm 或 index.html

然後便使用網頁上載軟件(FTP軟件)，
把網頁上載到你的網頁寄存空間。
當然，如果你的網頁寄存空間，如geocities支援線上上載功能，
就可以免去便用上載軟件的煩惱。

基本就是這樣的。。

要加上背景音樂
可以係dreamweaver內設定

最簡單的就是在程式碼中
裡面加上：

2006-11-04 14:49:46 補充：
顯示唔到請上 http://1010hk.com/music.txt 睇。。謝謝～

如何做網站
在著手進行一個網站的設計之前，首先要明確以下幾項設計原則：
1.內容與形式相統一
內容是指你要通過網頁向瀏覽者傳達的有效資訊及文字；形式指的是網頁的排版佈局、色彩、圖形的運用等外在的視覺效果。無論採取何種表現形式都不能單純追求網頁美觀而忽視內容的建設，沒有充實內容的網站，即使設計再精美，也不會對用戶有長久的吸引力。
2.主題鮮明
一個網站必須要主題鮮明，突出重點，特別是個人網站，不可能像綜合網站一樣內容大而全，包羅萬象，因此必須要確定一個明確的主題，突出自己的個性和特色，一個主題鮮明、內容豐富極具特色的網站往往比一個「大雜燴」式的網站更能吸引人。
3.風格統一
整個網站的設計要採取統一的風格，這樣使網站看起來更專業，不要一個頁面採用一種風格，另外一個頁面又換一種風格，給人一種很散亂的印象。風格要突出自己的個性，無論是文字、色彩的運用，還是版式的設計都要給人一種鮮明的印象，使人看到這個頁面，就會想到這是你的網站。
4.兼顧下載速度與美觀
由於目前的網路狀況較差，不能?了片面追求頁面的美觀而忽視頁面的下載速度，這樣會失去一大批瀏覽者，大家不會?了看一幅美麗的圖片而等上半天。網頁中的圖片應當是起到畫龍點睛的作用，除非特殊需要，一般不要在網頁中大量使用圖片，在網頁中的圖片要經過適當的壓縮處理，使它在保證質量的前提下儘量小。一些用Java程式設計的頁面也非常美觀，但下載速度慢，一般要慎重使用。
5.導航清晰
網站要給瀏覽者提供一個清晰的導航系統，以便於瀏覽者能夠清楚目前所處的位置，同時能夠方便地轉到其他頁面。導航系統要出現在每一個頁面上，標誌要明顯，便於用戶使用，對於不同欄目結構可以設計不同的導航系統。
6.欄目設置合理
對於一個網站，尤其是內容較多的網站，其欄目設置是否清晰、合理、科學，往往在很大程度上影響網站的訪問量。一個欄目設置合理的網站，用戶會很容易地找到需要的東西，這樣的網站才能讓用戶喜歡。對於初學者來說，常犯的錯誤就是網站結構設計不合理，內容編排雜而亂。因此，在設計網站之前，一定要規劃好欄目的設置。
7.良好的相容性
對於網頁來說，它不同於其他印刷品，製作完成後就一成不變了，它隨著用戶瀏覽器的不同而出現變化，因此設計者一定要考慮到網頁的相容性，使它適用於大多數主流的瀏覽器或目標用戶所用的瀏覽器，不致於出現差別很大的瀏覽效果。
8.經常更新
經常維護更新，給用戶提供最新的資訊，才是一個網站具有吸引力的重要手段。因此，要想保持網站的訪問量，吸引更多的「回頭客」，你必須要定期更新網站內容。
9重要的，做網頁前，要先想清楚，自己要做的「主題」到底是什麼、找齊資料、
現在的製作網頁...哪個軟體比較好？
Frontpage最容易學
Dreamweaver功能強(常用)
Notepad最好用
NAMO初學者使用(常用)
PhotoImpact(要練才會做)
小嘗試
首先，你要去申請網頁空間，例如像：
yahoo的個人網頁 http://tw.home.yahoo.com/
pchome的個人網頁 http://home.pchome.com.tw/
各大入口網站 雅虎、PCHOME、新浪、蕃薯藤、gigigaga，都有類似的空間，
班網來說，cityfamily是比較常見的班網入口網站囉
如果是申請家族的話，就是留言板、相簿、投票、聊天室就都有包括了，
這對入門初學者來說比較容易方便，如果想有自己的style的話，
就要自己設計網站了，這比較難啦，但一些"免費資源"也可以在網站上找到的，
像是，你也可以去申請"奇摩相簿"擺照片、圖片、桌布，
然後去網站上找免費申請的"留言板"and"計數器"來裝璜自己的網站，
動態程式與圖片，就用關鍵字去找，找圖的話用"素材"這個關鍵字，
找程式的話就用"網頁程式"去找，提供你幾個不錯的站：
東西都有了，就是用FrontPage、或筆記本、或Dreamweaver來設計網頁，
如果你FrontPage不會用的話，用WORD也可以設計網頁呀，
只要存檔時記得用【另存html檔】就行了，
再不然，雅虎個人網頁上也有現成的網頁呀

初學者建議先用免費空間，待軟體熟悉後再考慮付費的。
至少先熟悉網頁製作軟體(如dreamweaver)、美工軟體(如photoshop)等等，確定有興趣了再花錢會比較妥當。
一般免費空間都不能自己架程式，而坊間有很多網頁空間出租(即虛擬主機)才可以架自己的留言版、日記本等等程式，付費空間亦可申請個人網域及個人電子郵件帳號......

1.網站空間 -
一般來說，不建議「個人」架設網站。因為目前網路駭客與攻擊事件太多，如果您沒有充分的知識與設備（要花錢買），隨便架站都會出問題。甚至被人當成跳板，去攻擊別人。等到被抓到，證據顯示您的電腦是跳板，會惹上大麻煩。

1.目前 Windows XP專業版、Win2000/2003 Server都可以架站，IIS都是內建的。預設值就可以變成個人網站。

2.而知名的Linux作業系統，更搭配 Apache網站伺服器，預設值也就能使用。關於Apache與Linux，您可以參考我個人的網站，有些說明。 http://www.taconet.com.tw/mis2000lab/

所以建議申請有很多大型網站都有提供免費的空間像是sina 奇摩 PChome等,初學者
可以使用這些服務,如果想進一步學習更好的架設網站,可以另外
使用付費的空間,空間較大,也沒有廣告^^

網站空間URL :
http://members.sina.com.hk/apply/index.html
http://hk.geocities.yahoo.com/
http://www.taconet.com.tw/

2.製作軟體 - 可使用front page,front page可以直接在介面中作編輯,或是能力較
強的人記事本就夠了,也就是直接用html來編輯你的網頁,另外市面上
也出了很多製作網站的軟體,但我本身都是使用front page來製作!

3.傳輸軟體 - 如果你使用的是奇摩或pchome,這些網站的空間都有提空線上傳輸
的功能,所以不必擔心傳輸的問題! 若是使用其他的網站空間,就必須
準備向cuteFTP等軟體來傳輸唷!

這個問題範圍太大，故暫且提供大方向，希望對您有所幫助
如果你對製作網頁有問題，歡迎再提出發問!

【奇摩個人網頁網站製作方式】
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程式來上傳更新網頁