【Word文件檔轉製作成網頁步驟】

2008093013:11

【Word文件檔轉製作成網頁步驟】

【Word文件檔轉製作成網頁步驟】
時　間：2005/10/07 09:27

※ 引述《[email protected] (erictgdg)》之銘言：
> 我將word 檔另存轉成 web檔有一個主頁與一個資料夾上傳
> 後網頁以流覽器看不見網頁

【回答】《[email protected] (erictgdg)》
【Word文件檔轉製作成網頁步驟】
1.複製Microsoft Office Word中內容
編輯→全選→複製
2.貼於Microsoft Office FrontPage網頁上
編輯→全選→貼上
3.使用FTP程式將網頁與網頁相同檔名資料夾一起上傳到奇摩檔案總管裡

【Word文件檔轉製作成網頁檔示範網頁】
★【Word文件檔轉製作成網頁檔示範網頁】★
http://home.educities.edu.tw/nkhs9323005/index12AA.htm

【Word文件檔的.doc類型下載範例】
語法：
<a href="word格式doc檔名.doc" target="_blank">★【課程時間配當表下載】★</a>
例如：
<a href="Aa1.doc" target="_blank">★【課程時間配當表下載】★</a>

★【Word文件檔的.doc類型下載範例】★
★【課程時間配當表下載】★

【南e網Word與文字藝術師教學】
★【文字藝術師】★
★【南e網】★

【首頁與網頁文字連結方式】
<a href="網頁檔名.htm" target="_blank">你的網頁說明</a>
或
<a href="網頁檔名.html" target="_blank">你的網頁說明</a>
或
<a href="網頁檔名.htm">你的網頁說明</a>
或
<a href="網頁檔名.html">你的網頁說明</a>

【首頁與網頁連結語法參考範例】
<a href="index.htm">【回首頁】</a>
<a href="Aa1.htm" target="_blank">課程時間配當表</a>
<a href="Aa1.doc" target="_blank">課程時間配當表下載</a>
<a href="Aa2.htm" target="_blank"></a>

【首頁與網頁照片圖片連結方式】
<a href="網頁檔名.htm" target="_blank"><img border="0" src="圖檔檔名.副檔名" alt=""""你的網頁介紹"""" width="照片圖片顯示時寬度尺寸" height="照片圖片顯示時高度尺寸"></a>
或
<a href="網頁檔名.html" target="_blank"><img border="0" src="圖檔檔名.副檔名" alt=""""你的網頁介紹"""" width="照片圖片顯示時寬度尺寸" height="照片圖片顯示時高度尺寸"></a>
或
<a href="網頁檔名.htm"><img border="0" src="圖檔檔名.副檔名" alt=""""你的網頁介紹"""" width="照片圖片顯示時寬度尺寸" height="照片圖片顯示時高度尺寸"></a>
或
<a href="網頁檔名.html"><img border="0" src="圖檔檔名.副檔名" alt=""""你的網頁介紹"""" width="照片圖片顯示時寬度尺寸" height="照片圖片顯示時高度尺寸"></a>

免費申請Yahoo!奇摩-個人網頁網站製作方式

奇摩網頁開放上傳網頁

請先點選此【Yahoo!奇摩個人網頁】進入Yahoo!奇摩個人網頁
再點選【檔案總管】鍵

再使用最下方線上瀏覽器上傳網頁的方式

上傳更新您的個人網頁

Yahoo!奇摩 - 個人網頁
 http://tw.home.yahoo.com/

【免費申請Yahoo!奇摩-個人網頁網站製作方式】

第一次做網頁可以直接套用Yahoo!奇摩-個人網頁所提供的【網頁開始作】精靈或【網頁輕鬆作】精靈

【網頁檔案命名規則】
1.僅能以 a到z、A到Z、0到9等字元或繁體中文。禁用特殊字元或其他符號。
2.檔名間不能有空白。
3.檔名的第一個字元及最後一個字元僅能為 a到z、A到Z、0到9 等字元。
4.首頁命名為index不能用其他名稱。

【Yahoo!奇摩-個人網頁網站製作方式】
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!奇摩-個人網頁
Yahoo!奇摩-個人網頁
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類型.ani類型
...等等網頁與圖片以及音樂檔各種類型《類型副檔名區分英文大小寫》
2.網頁與圖片以及音樂檔上傳以後必須先看清楚，在奇摩你的個人網頁【檔案總管】中，
出現的是甚麼樣的檔案類型副檔名《區分英文大小寫》，
再修正網頁連結語法

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

7.特別注意事項↓
特別注意事項↓特別注意事項↓
1.網頁圖片與音樂檔案是可以直接上傳的，不必傳在資料夾中。
2.存放在奇摩個人網頁檔案總管裡的網頁圖片與音樂檔案，
是不可以貼在非奇摩所屬的其他網路網站公司的網頁之中

瀏覽器看不見網站網頁部份圖案解決方式↓
1.先將IE瀏覽器中我的最愛中的網站網址連結移除
2：到開始功能表中，打開控制台再打開網際網路選項或Internet選項，按首頁使用空白頁，再按刪除Cookie按鍵，刪除Temporary Internet Files資料夾裏面的所有Cookies按確定按鍵，再按刪除檔案，刪除Temporary Internet Files資料夾裏面的所有檔案，點選刪除所有離線內容按確定鍵，再按清除記錄並把畫面保留天數設為0天，再按套用與確定。
3.清除資源回收筒中垃圾資料
4.重新開機
5.重新連線打入網址
6.按IE瀏覽器上方整理鍵
7.重新加入我的最愛中
後語：
1：基本觀念IE瀏覽器是可以不需要有首頁網址的設定，最正確的上網方式是由我的最愛中直接連線到你想去的網址，而不必繞道經由充滿廣告病毒的網路網站公司來連線上網，所以請記得把你所愛的網站網址，加入你的最愛之中，最好順便重新命名為五個字以內的IE超連結名稱，以方便管理。
2：很多人以為裝了寬頻以後，在不用白不用的心態下，把連線排入開機程序裡，在開機時自動連線上網，使電腦一整天的連線，其實這是個相當嚴重的錯誤觀念，以最簡單的方式來說，當你的電腦處於連線狀態之時，也就是代表著你的電腦門戶大開歡迎光臨，那麼網際網路上居心不良的駭客、電腦病毒以及廣告Cookies等等伺機而動的隱藏程式，便可以藉由你電腦的網路連線，隨時的傳入你電腦的Temporary Internet Files資料夾裡，等待時機來發作；所以除了已安裝有高安全性防火牆，且需要不得不長期連線的公司、機關、學校或商品廣告的網站電腦主機之外，尤其是個人電腦，即使是裝了寬頻，在上網時最好都採取手動連線方式來上網，上網完畢立即中斷連線，以減少電腦中毒機率。
3：最好關閉Windows Update、防毒軟體Live Update以及RealPlayer Update等等應用程式的自動更新程式，改採以手動方式定期的連線上網更新，因為這些應用程式的自動更新，在你連線上網瀏覽網站或安裝其他程式或執行其他程式之時，因程式相容性問題會對你的電腦產生或多或少的影響。
4：請記得在安裝任何程式以及執行任何非關連線網路的程式之時，先行中斷網路連線並關閉所有非使用中的程式再執行你想執行的工作，這樣最能減少對系統的影響。
5：使用即時通與即時視訊的網友，請利用http://tw.yahoo.com來下載擷取即時通元件，盡量不要從http://www.yahoo.com來下載擷取元件，因為http://tw.yahoo.com是奇摩在台灣的網站，而http://www.yahoo.com是奇摩在國外的英文網站，會增加中毒機率；下載擷取即時通元件完成後，請立即關閉奇摩的IE視窗，不使用或使用完畢即時通與即時視訊之時，也應立即關閉即時通與即時視訊，因為有許多的電腦病毒都是藉由即時通與即時視訊連線來攻擊即時通用戶。
6：特別叮嚀：當你上網連線瀏覽任何的網站與網頁時，只要有做過會員帳號密碼的登錄動作，在離開該網站與網頁前，必需先按登出的按鍵，以完成會員的登出手續。
7：養成隨時把非使用中或使用完畢的程式與作業視窗以及網路連線關閉，以保電腦的最佳狀態。

網頁背景音樂語法↓
語法：
<bgsound src="http://音樂檔存放網路空間網址/音樂檔檔名.副檔名" loop="撥放次數">
或語法：
<bgsound src="音樂檔檔名.副檔名" loop="撥放次數">
範例：
<bgsound src="http://home.educities.edu.tw/nkhs9323005/mid001.mid" loop="infinite">
或範例：
<bgsound src="mid001.mid" loop="infinite">

說明
loop="infinite"→代表持續撥放
loop="-1"→代表持續撥放
loop="0"→代表撥放一次
loop="1"→代表撥放一次後再加一次《就是兩次》
loop="2"→代表撥放三次以此類推

如果音樂檔存放網路空間網址位置與網頁同址同層，
那麼網頁背景音樂語法也可以使用下列語法↓
語法：
<bgsound src="音樂檔檔名.副檔名" loop="撥放次數">
範例：
<bgsound src="inwater.mid" loop="infinite">
網頁背景音樂語法張貼位置並沒有特殊限制，
網頁的大部份位置皆可張貼，
最好統一張貼於</head>之下，以方便管理。

儲存背景圖檔與上傳背景檔的方式與步驟↓
1.將滑鼠游標放置在喜歡的背景圖片上方
2.按滑鼠右鍵再點選另存圖片
3.點選上方捲軸點選桌面
4.以英文或加上阿拉伯數字重新編號命名下方圖片檔名
5.按確定鍵完成存檔
6.將完成存檔在桌面的背景圖片上傳到你的網站網路空間裡，與網頁放在同層放在一起，不須要傳入任何的資料夾中
7.將下列背景圖片語法貼在網頁</head>之下，取代原本的<body>↓
<body background="背景圖片檔名.副檔名" bgproperties="fixed">
或
<body background="http://home.kimo.com.tw/你的奇摩會員帳號/背景圖片檔名.副檔名" bgproperties="fixed">
將上列背景圖片語法貼在網頁</head>之下，取代原本的<body>↑
8.上傳已修改好的網頁到你的網站網路空間
9.留言版換背景圖片的方式，只要進入留言版上方或下方的版面管理或版面配置或版面設計中，登錄密碼後直接將完成存檔在桌面的背景圖片上傳即可
10.背景圖片語法範例↓
<body background="gif0304.gif" bgproperties="fixed">
或
<body background="http://home.kimo.com.tw/nkhs9323005/gif0304.gif" bgproperties="fixed">
★【語法測試區】★
http://home.educities.edu.tw/nkhs9323005/B1.htm
★【顏色數碼表】★
http://home.educities.edu.tw/nkhs9323005/B2.htm
11.請使用Yahoo!奇摩-個人網頁區線上瀏覽器直接上傳更新網頁

【奇摩提供的計數器申請與安裝方式】
只要計數器語法正確Yahoo!奇摩個人網頁都會支援
【Yahoo!奇摩提供的十多種計數器申請與安裝方式】
奇摩提供的計數器申請與安裝方式：
奇摩提供十多種計數器供會員使用↓
例如：

你是第位來賓

例如：
<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0060.gif" width="20" height="20">你是第<img border=0 src="http://counter.kimo.com.tw/cgi-bin/count.cgi?dd=c_j&frgb=CB002A&st=1&md=5&tid=@1019129440">位來賓<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0060.gif" width="20" height="20">
例如：

你是第位來賓

例如：
<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0004.gif" width="20" height="20">你是第<img border=0 src="http://counter.kimo.com.tw/cgi-bin/count7.cgi?dd=c_a&frgb=CB002A&md=7&df=nkhs9323005@1100921097">位來賓<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0004.gif" width="20" height="20">
例如：

你是第

位來賓

例如：
<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0008.gif" width="20" height="20">你是第<img border=0 src="http://counter.kimo.com.tw/cgi-bin/count8.cgi?dd=c_d&frgb=CB002A&md=7&df=nkhs9323005@1100921217">位來賓<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0008.gif" width="20" height="20">
例如：

你是第位來賓

例如：
<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0020.gif" width="20" height="20">你是第<img border=0 src="http://counter.kimo.com.tw/cgi-bin/count3.cgi?dd=c_o&frgb=CB002A&md=7&df=nkhs9323005@1100921310">位來賓<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0020.gif" width="20" height="20">
例如：

你是第位來賓

例如：
<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0037.gif" width="20" height="20">你是第<img border=0 src="http://counter.kimo.com.tw/cgi-bin/count6.cgi?dd=c_k&frgb=CB002A&md=7&df=nkhs9323005@1100921441">位來賓<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0037.gif" width="20" height="20">
例如：

你是第

位來賓

例如：
<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0082.gif" width="20" height="20">你是第<img border=0 src="http://counter.kimo.com.tw/cgi-bin/count6.cgi?dd=c_g&frgb=CB002A&md=7&df=nkhs9323005@1100921518">位來賓<img border="0" src="http://home.educities.edu.tw/nkhs9323005/gif0082.gif" width="20" height="20">
例如：