[回到首頁]

如果您對網頁設計有興趣....如果您的生活太乏味.....加入我們吧.......不要怕啦!!!

 

開始來設計網頁吧!!!      

 

[回到首頁]

[#0]開宗明義:網頁為虛擬之空間,請注意自身及通訊之安全.....

請千萬注意,網頁內容及圖片不要有侵權之行為及爭議性或攻擊性之言論......

 

[例如文字]:某家子內有五姊妹,號稱[五仙女].....每一個都說自己是最漂亮&身材最好的....

But.......千萬不要指明這一家子為"""[ㄌㄨˊ]家"""......只要說''''''某家''''''即可......

 

[例如圖片]:請使用自己拍攝的照片......若使用別人的照片,說明該處風景多優美,也請註明出處為何,此乃基於一種尊重,若作者有意見,自然會來信告知......如果使用網路上廣為流傳之GIF動畫......建議您發揮創意自己稍作修改......豈不是更有創意嘛!!!

 

[個人網頁製作瓶頸研討]......請輸入您的帳號密碼......

 

[回到首頁]

[#1]對網主提出申請:

首先,您需要將您的個人資料及密碼,提交給網主service@dr-cabling.idv.tw

中文名字:阿貓阿狗[您真正的名字]

個人網頁名稱:阿貓阿狗俱樂部[阿貓阿狗音樂新樂園]--目前網頁容量未限制大小  

英文名字:cat-and-dog[您的個人網頁就會是在http://www.dr-cabling.idv.tw/~cat-and-dog]

您的密碼:c1a2t3a4n5d6d7o8g9[英文及數字混合或交叉共10位數以上]或是catanddog123456789

[這個密碼可以使用在front-page及ftp或cute-ftp]--密碼外流會毀了您的網頁,請小心!!!

您的電子郵件信箱就會是:[cat-and-dog@dr-cabling.idv.tw]--目前郵箱容量未限制大小

 

[如何設定電子郵件信箱]

 

[您也可以利用任何一台電腦,接收您的電子郵件--此種方法稱為Web-Mail]

 

[如何使用Web-Mail-請看!!!]

 

當然,如果您要使用:[tiger@dr-cabling.idv.tw]--嘛是可以!!!--只是網主比較難管理而已!!!!!!

因為您是老虎......網主怕了您..........

 

[回到首頁]

[#2]您必須擁有對外連結的線路:[也就是寬頻線路啦!!!]

 

電話線路加掛寬頻稱為--ADSL-modem

費用如下:(浮動IP--非固接式IP )

室內電話基本型月租費

70

室內電話屋內配線維護費

ADSL月租費優惠---(滿一年之後就無此優惠ㄎㄢˋ)

-85

ADSL月租費

595

市話月租費扣抵市內通信費

-25

網際網路通信費[兩人同時上網另外加收費用]

名為雪特499

聽說使用時間超過8小時還得另外加價?!

人稱法客!!!

哇勒名目真多------[總計]

  都是布雪特 $1059

 

有線電視加掛寬頻稱為--CABLE-modem--聽說是$900/月?!--[年繳$8000-嘛就是$666/月] 

 

一分錢一分貨啦!!無奈只有兩種選擇啦!!!

基本上不太建議使用電話線路撥接方式...一來頻寬不夠...二來無法使用線上更新方式傳輸.....

 

[回到首頁]

[#3]您必須擁有作業系統:[也就是有一台電腦啦!!!]

不管是window-98se,window-xp-home,win-xp-professional亦或是win-2000-professional

甚至是linux-w/s,哪管他是白貓或是黑貓,只要是能捉老鼠的就是好貓.....

最重要的是:您必須確定您的電腦有[伺服器擴充延伸程式FrontPage Server Extensions]

否則您沒有辦法把FrontPage的功能發揮到極至......

window95/98+建議搭配PWS4.0[Personal Web Server]

 

[如何安裝PWS]

 

Win-2000或NT SERVER 4.0+建議搭配IIS4.0[Internet Information Server]

 

[如何安裝IIS]

 

P.S.網主開始學習網頁的第一本書是:[FrontPage的書在書局很容易購得]

旗標出版股份有限公司的F396叢書FrontPage 2000魔法書--施威銘研究室 著

書中對[伺服器擴充延伸程式FrontPage Server Extensions]有詳盡解說......

 

[回到首頁]

[#4]您需要為您的作業系統灌製網頁製作程式:

您必須先灌製伺服器擴充程式,而後再灌製Frontpage-2000...

Office2000的FrontPage可以是您的第一個選擇.......搭配伺服器擴充延伸程式...... 

FrontPage擴充程式更新...[開始][程式集][office工具][server extensions管理員][電腦名稱][右鍵][工作][升級擴充程式][升級完成][確定]...

如果您的段數夠高,建議您使用Macromedia的Dreamweaver....[Flash您總聽過吧]......

最後很自然的您就會使用FLASH MX 了啦!!!

 

[回到首頁]

[#5]您必須要會使用網頁上傳程式:

第一種方法:使用CuteFTP...... 

 

[我要先跳過去看此方法]

 

第二種方法:使用IE瀏覽器的FTP功能......  

 

[我要先跳過去看此方法]

 

第三種方法:使用FrontPage上傳網頁......[MyWEBs]......  

 

[我要先跳過去看此方法]

 

網主建議使用此方式上傳網頁......

因為在您的電腦之內就自然的存在有備份了......那不是棒嘛!!!

 

 

第四種方法:使用FrontPage之線上即時更新.[http://開啟web].

 

[我要先跳過去看此方法]

 

網主不建議您使用此方式......因為您的電腦需夠快.....您的線路需夠快.....您的作業時間需夠快.....

否則會佔掉網主線路之頻寬......

但是您一定得學會此網頁上傳方式......

[網主之伺服器為五人版,意指只有五個人可以同時在線上作業]......

如果您無法使用線上更新方式......很可能您就是第六位在線上作業......

請改用CuteFTP或是IE-FTP的方式上傳網頁......

 

我要看示範......  

 

[我要先跳過去看範例]

 

[回到首頁]

[#6]您必須要會處理FrontPage報告內之錯誤元件及中斷的連結:

請將各位個人網頁之首頁修改為index.html

FrontPage[檢視][報告][網站總灠]......

 

*[所有檔案]......

 

*[圖片]......

 

*[未連結的檔案]......

在您個人網頁裡的檔案或圖片沒有連結出來使用......雙擊點開就可以知道是在哪個資料夾或是哪個網頁裡面......

 

*[連結的檔案]......

 

*[慢速網頁]......

簡單講就是讀取這個網頁所需的時間太久......可以切割成兩個部分......分成上集及下集......或是切割成三個部分......分成上集......中集......下集......

 

*[較舊的檔案]......

 

*[最近增加的檔案]......

 

*[超連結]......

 

*[未檢查的超連結]......

雙擊點開就可以知道是哪些檔案超連結未檢查......[編輯][全選]右鍵[檢查]......電腦就會自動一個一個檢查......連結失敗的話.....就趕快檢查您的網頁......

 

*[中斷的超連結]......

雙擊點開就可以知道是哪些檔案超連結中斷......趕快修改......

 

*[外部超連結]......

 

*[內部超連結]......

 

*[錯誤元件]......

 

*[未完成的工作]......

 

*[未使用的佈景主題]...... 

 

[回到首頁]

[#7]如果您還是搞不懂,趕快找人求救吧,或請聯絡網主: service@dr-cabling.idv.tw

 

網主之參考書籍:[依網主之知識程度給予評比------僅供參考!!!]

出版社

書名

編著者

價格

程度

 

[伺服器主機使用]

 

 

 

 

文魁資訊股份有限公司

Q0191-Win-2000-server企業架站手冊

李勁 編著

$680

初級

文魁資訊股份有限公司

Q0141-Win-2000-server區域網路架設使用手冊

江鈞研究室 編著

$580

中級

旗標出版股份有限公司

F8439-駭客任務實戰 (伺服器攻防篇)

程秉輝John Hawke合著

$420

高級

 

[網頁設計使用]

 

 

 

 

旗標出版股份有限公司

F396-FrontPage 2000魔法書

施威銘研究室 著

$500

初級

學貫行銷股份有限公司

I436-CSS/HTML網頁設計

位元文化 著

$490

中級

博碩文化股份有限公司

NE20145-Java Script,CGI-與-Perl-300實例

李于青,阿彬工作室 

編譯

$580 

高級

 

[平面動畫設計使用]

 

 

 

 

上奇科技股份有限公司

EB118-PHP for Flash 動態網站全實作

陳武麟 譯

$620 

高級

上奇科技股份有限公司

EA122-Flash MX 動態網頁 EAsy Go! (英文程式說明)

陳冠竹.李麥克著

$540

中級

旗標出版股份有限公司

F8021-Flash MX 動畫強力教 (英文程式說明)

葉翊霳

$540

高級

 

[立體動畫設計使用]

 

 

 

 

美工科技有限公司

32083-3ds max4 角色製作快速入門(英文程式說明)

方業成 編著

$390

高級

碁峰資訊股份有限公司

CU0223-3D Studio MAX R4火速上手(動畫篇)(英文程式說明)

盧師德

$420

高級

文魁資訊股份有限公司

M1089-3ds max4 全紀錄-建模貼圖篇(英文程式說明)

立方體科技 

黃永達,陳玉如,杜勝壹,陳玉玟,陳建民 編著

$860

高級

文魁資訊股份有限公司

M1349-3ds max4.x 完全剖析 (英文程式說明)

許子凡 編著

$860

高級

 

[伺服器主機使用]

 

 

 

 

旗標出版股份有限公司

F8831-2002深入LINUX 建構與管理 第3版

楊文誌 著

$720

高級

麥格羅.希爾國際出版社

OS001-LINUX網管最佳利器

李蔚澤 著

$599

中級

旗標出版股份有限公司

F491-REDHAT Linux 8 實務應用

施威銘研究室 著

$650

中級

 

[初級適用]-係指書中之說明均詳細交代每一個操作步驟及原理...需有點基本功的程度..... 

 

[中級適用]-係指已具備有基本功的程度,操作的步驟須靠基本功來完成及加快學習程度......... 

 

[高級適用]-係指應有的基本功之外,還需開始進入程式碼及電腦硬體設備之瞭解程度.......... 

 

開始來設計網頁吧!!!      

 

加油!加油!!加油!!! 

 

完成..........

[回到首頁]

完成..........

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

完成..........

[回到首頁]

E-MAIL

如何設定您的電子郵件信箱:cat-and-dog@dr-cabling.idv.tw

[或是:cat-and-dog@mail.dr-cabling.idv.tw]

您的個人網頁是在[http://www.dr-cabling.idv.tw/~cat-and-dog]

 

[E-mail-1.]......啟動 Outlook-express...

 

[E-mail-2.]......[工具][帳戶][新增][郵件]......

 

[E-mail-3.]......您的名稱......[輸入您自己看的懂得任何字]......

例如[cat-and-dog-dr-cabling]因為要分辨帳號之不同

[下一步]......

 

[E-mail-4.]......電子郵件地址......[輸入您的郵件位址][cat-and-dog@dr-cabling.idv.tw]

或[cat-and-dog@mail.dr-cabling.idv.tw][下一步]......

 

[E-mail-5.]......電子郵件伺服器名稱......[POP3]內收郵件.....[mail.dr-cabling.idv.tw]

外寄郵件......[mail.dr-cabling.idv.tw]......[下一步]......

 

[E-mail-6.]......郵件登入......[填入帳號名稱及密碼]......不要告訴我您不知道.......?![下一步]......

 

[E-mail-7.]......完成了......[完成].....您就會看到新增的電子郵件帳號.....

 

[E-mail-8.]......按一下[傳送與接收].....您將會收到郵件伺服器主機傳送給您的歡迎信.....

 

...........[我瞭解了,我要跳回去]

如何使用Web-mail--請務必注意安全性問題......您得密碼千萬不能留在那台電腦......

[Web-mail-1.]......隨便抓一台電腦,啟動 IE瀏覽器.....

 

[Web-mail-2.]......輸入[http://www.dr-cabling.idv.tw:81].....

 

[Web-mail-3.]......輸入[使用者名稱]及[密碼].....千萬不要[儲存密碼]......No......No......No......

 

[Web-mail-4.]......若要附加檔案寄出.....請先[檔案上傳]至伺服器後......再夾帶檔案將郵件寄出喔...

 

[Web-mail-5.]......請務必記得[登出]喔.....Thank you & I love you!!!!!!

 

...........[我瞭解了,我要跳回去] 

 

[回到首頁]

 

 

PWS

如何安裝PWS[win-95/98se]

 

[PWS1.]將win-98的光碟放入光碟機中..... 

 

[PWS2.]...[檔案總管][光碟機][add-ons][點開][pws][點開][setup.exe][雙擊執行安裝]...

 

[PWS3.]...[Personal Web Server][下一步][一般安裝][www服務-c:\intepub\wwwroot][下一步]...

 

[PWS4.]...檔案複製...

 

[PWS5.]...[完成]...重新開機後即可..... 

 

...........[我瞭解了,我要跳回去]

 

[回到首頁]

 

IIS

如何安裝IIS[win-2000]

 

[IIS1.]...先查看[檔案總管]C:/inetpub/wwwroot/.....應該看不到此資料夾.....

 

[IIS2.]...將win-2000的光碟放入光碟機中..... 

 

[IIS3.]...[開始][設定][控制台][新增/移除程式][新增/移除window元件].....[讀取中....]

 

[IIS4.]...[v]Internet Information Service(IIS)[雙擊]......

 

[IIS5.]...[v]FrontPage 2000 Server Extensions [打勾]......

 

[IIS6.]...[v]Internet Information Service(崁入式管理單元)[打勾]......

 

[IIS7.]...[確定]...[下一步].....[完成]......安裝完成重新開機即可.....

 

[IIS8.]...[檔案總管]C:/inetpub/wwwroot/.....看到此資料夾即可.....

 

...........[我瞭解了,我要跳回去]

 

[回到首頁]

 

CuteFTP

如何使用CuteFTP上傳網頁.....

 

[CF1.]首先您可以至雅虎-奇摩取得cuteftp...不要說您不知道......[yahoo][我的][個人網頁]個人網頁首頁...[上傳網頁][輸入使用者名稱及密碼]不要告訴我您沒有yahoo的帳號...太遜了...

然後您就會看到...[cute-ftp軟體][台灣下載專區][立即下載][儲存檔案]存到桌面...完成後....

 

[CF2.]...[桌面]就會出現cuteftp.exe[點兩下進行安裝...][next][yes][next][finish]...完成啦...

 

[CF3.]他會告訴您只有30天的試用期...[start trial]...輸入標籤(您自己看的懂就可以)例如[cat.dog][下一步]...enter your host address輸入主機位址..也就是網主的家[www.dr-cabling.idv.tw]...[下一步]...

輸入使用者名稱及密碼.....user name[    ]...password[     ]...[下一步]...告訴程式您的網頁在這一台電腦的哪個地方...[browse瀏覽...]...[下一步]..[完成]...

 

[CF4.]連上線了......請別注意...左手邊是您得電腦端....右手邊是網主的伺服器主機端...

您只有權限進入自己的個人網頁區間......

 

[CF5.]左邊做好的網頁往右邊甩......OK!!! [我瞭解了,我要跳回去]

 

[CF6.]..若要新增一個新連結位址..[桌面][cuteftp的笑臉圖示][雙擊啟動][continue trial][cancel....]

 

[CF7.]...[file][site manager][new]新增一個連結...由上而下輸入[標籤名稱][www.dr-cabling.idv.tw]

[使用者帳號][密碼][21]最後按...[connect]....即可連結上伺服器主機....

......OK!!!  

 

[我瞭解了,我要跳回去]

 

[回到首頁]

 

front-page

如何使用front-page上傳網頁......

 

例如------eugene之個人網頁.......

[FP1.]...[啟動front-page].....[檔案]..[開新檔案]..[web]...[點選]...  http://電腦名稱/~eugene

按[確定]協定之後........http://電腦名稱/~eugene

_PRIVATE.......IMAGES....default.htm ......[檢視]..[檢視列]及[資料夾清單]均啟動....

[_PRIVATE].......這個資料夾可以讓您放私密性的東西......

[IMAGES]....這個資料夾可以讓您放置照片......然後再來索引至呈現面......

[default.htm]......這一頁是網頁內定頁......但是[遊津俱樂部]之首頁,網主將他定為[eugene.html]......

所以不會偵測[index.html]或是[default.htm]......而直接跳過去啟動 [eugene.html]......

 

[FP2.]...將照片甩入此資料夾[images].................

編排[eugene.html]這個首頁.......

或是.......[檔案]..[開新檔案]..[網頁]...[點選]...名稱更名為[eugene.html]亦可......

[eugene.html]右邊之標題更名.....不用儲存即自動變更.........

 

[FP3.]...用[檔案總管]或[我的文件夾]---甩入照片於images之內...

然後.............編輯[eugene.html]首頁---呼叫[images]內之照片 來應用.....[插入][圖片][從檔案].....

設定連結及呈現方式.......

[檔案]..[發送web]...指定您要發送的伺服器web位置........

http://www.dr-cabling.idv.tw/~eugene/

[如果沒有擴充程式]修改成 ftp://

ftp://www.dr-cabling.idv.tw/~eugene/     

[發送]....輸入使用者名稱及密碼.........[確定]......

伺服器會問您要不要處理覆蓋或移除..................

請''''''明辨是非'''''''''........

若選擇[以上皆是].....則全部覆蓋修改過的檔案.........並且將不存在於front-page的檔案.....

而伺服器存在的檔案將全數刪除.......請特別小心...............

 

[FP4.]...出現完成.....請點選[成功]........

 

[FP5.]...修改網頁之後使用同樣的方法上傳....或使用ftp及cute-ftp亦可........

 

[FP6.]...至瀏覽面觀看上傳之後的結果是否正確............. http://www.dr-cabling.idv.tw/~eugene/

 

 

[我看不懂,我要跳回去]

 

FTP

[FP7.]如何使用FTP上傳檔案.....

 

也就是到Internet-Explorer瀏覽器 ......於網址列輸入.......

ftp://www.dr-cabling.idv.tw/~cat-and-dog ====>輸入使用者名稱及密碼......      

按[enter]即可看到個人網頁的首頁index.htm...........   ok ---不 ok--------

將此頁面中型化.....寬度變成螢幕寬度的一半.....移至畫面的右方..[此為伺服器端請牢記]

[檔案總管][c:指向您電腦放置網頁的區間][指向相對應的資料夾].....

將此頁面中型化.....寬度變成螢幕寬度的一半.....移至畫面的左方[此為工作電腦端請牢記不要搞混]

左邊做好的網頁往右邊甩......OK!!!  

 

[我瞭解了,我要跳回去]

 

sample

[FP8.]伺服器主機為Windows時......[目前網主伺服器主機為Windows]......

範例如下.....for example-----例如------eugene之個人網頁.......

[啟動front-page].....[檔案]..[開新檔案]..[web]...[點選]......  http://電腦名稱/~eugene/

按[確定]協定之後........http://電腦名稱/~eugene/

_PRIVATE.......IMAGES....default.htm ......[檢視]..[檢視列]及[資料夾清單]均啟動....

[_PRIVATE].......這個資料夾可以讓您放私密性的東西......

[IMAGES]....這個資料夾可以讓您放置照片......然後再來索引至呈現面......

[default.htm]......這一頁是網頁內定頁......但是[遊津俱樂部]之首頁,網主將他定為[eugene.html]......

所以不會偵測[index.html]或是[default.htm]......而直接跳過去啟動 [eugene.html]......

 

將照片甩入此資料夾[images].................

編排[eugene.html]這個首頁.......

或是.......[檔案]..[開新檔案]..[網頁]...[點選]...名稱更名為[eugene.html]亦可......

[eugene.html]右邊之標題更名.....不用儲存即自動變更.........

 

用[檔案總管]或[我的文件夾]---甩入照片於images之內...

然後.............編輯[eugene.html]首頁---呼叫[images]內之照片來應用.....[插入][圖片][從檔案].....

設定連結及呈現方式.......

[檔案]..[發送web]...指定您要發送的伺服器web位置........[http://www.dr-cabling.idv.tw/~eugene/]

[如果沒有擴充程式]修改成 ftp://

ftp://www.dr-cabling.idv.tw/~eugene/  

[發送]....輸入使用者名稱及密碼.........[確定]......

伺服器會問您要不要處理覆蓋或移除..................

請''''''明辨是非'''''''''........

若選擇[以上皆是].....則全部覆蓋修改過的檔案.........並且將不存在於front-page的檔案.....

而伺服器存在的檔案將全數刪除.......請特別小心...............

出現完成.....請點選[成功]........

修改網頁之後使用同樣的方法上傳....或使用ftp及cute-ftp亦可........

至瀏覽面觀看上傳之後的結果是否正確............. 

 

http://www.dr-cabling.idv.tw/~eugene/

 

也就是到[Internet-Explorer]............. 

 

[我瞭解了,我要跳回去]

 

[FP9.]伺服器主機為LINUX時......範例如下.....for example-----例如------monica之個人網頁.......

front-page.....[檔案]..[開新檔案]..[web]...[點選]......  http://電腦名稱/monica/ 

按[確定]協定之後........http://電腦名稱/monica

_PRIVATE.......IMAGES....default.htm 完全不要理會......[檢視]..[檢視列]及[資料夾清單]均啟動....

[檔案]..[開新檔案]..[資料夾]...[點選]...定名為public_html......

index.htm----這個網頁傳入 public_html這個資料夾........

public_html這個資料夾內........[檔案]..[開新檔案]..[資料夾]...[點選]...

將此資料夾定名為images......並將照片甩入此資料夾............編排index.htm這個首頁

或是.......[檔案]..[開新檔案]..[網頁]...[點選]...名稱更名為index.htm

右邊之標題更名.....monica之個人網頁準備中............最後儲存.........

用[檔案總管]或[我的文件夾]---甩入照片於images之內...

然後.............編輯index.htm首頁---呼叫images內之sample.jpg及TEST.AVI 來應用.....

設定連結及呈現方式.......

[檔案]..[發送web]...指定您要發送的伺服器web位置........修改成 ftp://[如果沒有擴充程式]

ftp://www.dr-cabling.idv.tw/~monica/

     [發送]....輸入使用者名稱及密碼.........[確定]......

伺服器會問您要不要處理覆蓋或移除..................

請''''''明辨是非'''''''''........

若選擇[以上皆是].....則全部覆蓋修改過的檔案.........並且將不存在於front-page的檔案.....

而伺服器存在的檔案將全數刪除.......請特別小心...............

出現完成.....請點選[成功]........

修改網頁之後使用同樣的方法上傳....或使用ftp及cute-ftp亦可........

至瀏覽面觀看上傳之後的結果是否正確............. http://www.dr-cabling.idv.tw/~monica/

也就是到internet-explorer ......於網址列輸入....... 

 

不管網主的伺服器主機為Windows或是LINUX只要您搞懂了....那麼就通樂......

 

[我瞭解了,我要跳回去]

 

http://

FrontPage之線上即時更新[http://開啟web]

 

[FP-http1.]首先必須確定您的電腦有伺服器擴充程式......[沒有,我要跳回去]

 

[FP-http2.]啟動frontpage...

[檔案][開啟web]於資料夾名稱輸入[http://www.dr-cabling.idv.tw/~cat-and-dog]...~您的個人網域

然後按[開啟]...[輸入使用者名稱及密碼]您的個人網頁就會呼叫到您的面前來了......

請記住....這是直接呼叫伺服器的檔案到您的面前..並不是在您的電腦製作網頁喔!!切記!!!

 

[FP-http3.]...[檔案][最近使用的web][點選您要進入的web....][輸入使用者名稱及密碼]....ok.....

....... 

 

[我瞭解了,我要跳回去]

 

 

 

 

 

 

 

開始來設計網頁吧!!!      

 

 

 

 

 

 

完成..........

   
 

[回到首頁]

 

thumbs.db