網際論壇 - Powered by Discuz! Board

標題: 〔教學〕網頁與圖片上傳的過程 [打印本頁]

作者: sax0936 時間: 2005-9-20 06:48 AM 標題: 〔教學〕網頁與圖片上傳的過程

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

上傳網頁與圖片檔的方式
第一：使用front page的網頁製作範例精靈所製作而成的網頁，會自動產生網頁資料夾，必須使用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://ec.softking.com.tw/channe ... up1=2&group2=28
★網站建置百寶箱〈http--dob.tnc.edu.tw-〉歡迎您
http://dob.tnc.edu.tw/
★史萊姆的第一個家
http://www.slime.com.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="圖片檔案名稱.副檔名"

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

修改網頁語法方式↓
修改網頁語法方式《一》↓
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
來備份或修改網頁語法
再以全選複製貼上的方式
來更新網頁

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

【貼圖語法】↓
絕對位置或相對位置皆可
一般gif圖片貼圖語法↓
語法：
<img src="http://home.kimo.com.tw/你的奇摩會員帳號/圖片檔名.副檔名" width="圖片顯示時寬度" height="圖片顯示時高度">
或
<img src="圖片檔名.副檔名" width="圖片顯示時寬度" height="圖片顯示時高度">
範例：
<img src="http://home.kimo.com.tw/nkhs9323005/gif0384.gif" width="500" height="360">
或
<img src="gif0384.gif" width="500" height="360">

《貼圖語法示範說明網頁》↓
★【貼圖語法示範網頁】★
http://tw.home.yahoo.com/member/ ... amp;rand=1112064790
★【gif插圖區】★
http://www.nkhsyears.com/YY6.htm
★【GIF插圖區】★
http://www.nkhsyears.com/YY10.htm
★【jpg插圖區】★
http://www.nkhsyears.com/YY12.htm
★【JPG插圖區】★
http://www.nkhsyears.com/YY22.htm
★【阿芳圖庫】★
http://fang600213.idv.to/
★【包子大圖庫】★
http://classweb.msjh.tp.edu.tw/~c207a/picture4.htm
參考資料
http://210.240.1.23/~ntabb/phpBB ... 75110c4d448e9f130ab

[ Last edited by TCG on 2005-9-20 at 09:36 AM ]

作者: kl.rong 時間: 2006-4-13 09:46 PM
說明清楚，感謝分享。

作者: Fiend 時間: 2006-5-21 08:33 PM
謝謝提供
正想試做網頁說~

作者: 888lin 時間: 2014-3-1 12:09 PM
非常感謝大大提供------------

歡迎光臨網際論壇 (http://centurys.net/)