不使用功能強大的 (FrontPage & Dreamweaver ...) 編輯器有七個主要理由?
 因為 HTML 只是純文字檔,用最簡單的 Win9x 以上作業系統內的( NotePad)文字編輯器就可撰寫,不受環境或軟體限制。
 常用的 HTML 標籤並不多、也不難,經常使用的也只有數十個;用久了自然就熟悉,看多了自然就懂了。
HTML 已發展到極限 4.01 版,不會再有更新的標籤出現,所以您不必擔心要天天追著它跑。
 再好的編輯器,絕對不能滿足您心中所想要的模式;因為他是針對方便模式來設計,永遠會有新的版本推出來。
 學會 HTML 語法,所有的網頁及編輯器都難不倒您;不懂 HTML 語法,您休想將其他程式或語言運用在網頁上。
 如果只會使用像 ForntPage 或 Dreamweaver 等編輯器,您永遠也不知道 HTML 是甚麼東東。
 更多的不用編輯器理由,請按上面各期電子報選單,參考我歷次的電子報相關報導資料。
|
|
如何使用我的教材資料?
 如果您覺得某一篇內容資料值得參考或仔細研習,建議將它列印起來使用。
 在您想列印的那一個頁面,按瀏覽器的檔案  選擇列印,或者使用快速鍵 Ctrl + P 也可以。
 課程內的語法練習,請盡可能使用用記事本 (NotePad) 來撰寫 HTML 標籤,除方便修改檢查錯誤外還可以保留學習作業。
 在學習過程中產生困難,請先參考第一篇 [資料研習] 要領檢查, 教學會員可使用( 線上協助)選單,將詳細問題告訴我。
|
|
很抱歉!
如欲取得完整研習資料,需加入教材或教學會員
需要者,請按上方索取教材,感謝您的支持!
如何使用記事本 (NotePad) 編輯網頁。 
 使用快速方式呼叫電腦內檔案總管  在檔案總管 C 或 D:\目錄下開一個新資料夾  重新命名為 study  。
 然後在 study 目錄下  建立一個 webpage 子目錄,做為以後要製作網頁的地方。
 接著在 study 目錄下  再建立一個 practice 子目錄,做為練習網頁語法的地方。
 接下來將我的光碟片教材,光碟機:\ 目錄內所有檔案  整個搬到 C 或 D:\ study\ 目錄內。
 最後調整檔案總管大小位置  設定檔案類型及設定顯示檔案副檔名。
以上檔案總管設定詳細教學請參考:網頁研習室【網頁製作】指導教材第一篇:各項準備,第二、三節報導資料 。
 在檔案總管 \ practice\ 目錄內  新增一個文字文件 NotePad 重新命名為 shell.txt  。
 雙擊 shell.txt 打開記事本  輸入 HTML 基本架構語法  存檔後當做套用檔  。
 然後在 <TITLE> 與 </TITLE> 間輸入套用檔  另存新檔  重新命名為 shell.htm  檔案類型選《所有檔案》  。
 打開 shell.htm,哇!剛剛的記事本 shell.txt  已變成網頁 webpage 了  。
完工: 以後練習各種語法時,就循環步驟七到步驟九的動作,就這麼簡單!
以上詳細教學請參考:第三階段電子報【網站製作經驗】,肆、網站製作經驗,第三篇如何使用記事本 。
教學或教材會員請注意: 如果您已將整個光碟資料搬到電腦內 步驟 1 ~ 4 我已幫您完成 如果您未將整個資料搬到電腦內 請自己另外建立 webpage 及 practice 子目錄 所有檔名記得都要全部使用英文小寫喔。
注意: 現在看到空的內容? 是因為我們還沒輸入文件資料喔。
請按上面選單[電子報三] 肆、網站製作經驗 第三篇如何使用記事本。
|
|
如果你使用的是 IE8 或 Mozilla Firefox 瀏覽器,請查看這篇如何變更瀏覽器檢視原始碼編輯器
|
|
有關撰寫 HTML 文件注意事項:(這些基本觀念很重要,請仔細看喔!)
標籤中的英文指令,可以不分大小或合併使用,例如 <html> 可以寫成 <HTML> 或 <hTmL> 等等
。
完成一份 HTML 文件後,記得把資料格式,儲存為 *.htm 或 *.html 副檔名 。
同一文件可同時使用不同標籤包覆,需具有【相互對稱】的層次,避免重複或倒置 。
目錄或檔案名稱,養成使用英文小寫字母或阿拉伯數字習慣,避免使用中文或全形字體 。
虛擬主機工作站上的路徑符號和 PC 不同,網路上看到的是 "/";PC 用的則是 "\" 。
同一份 HTML 文件,在不同 、 、 ... 瀏覽器,所顯示的網頁畫面可能會有些差異,這點您必須瞭解。
有些標籤在不同瀏覽器上會失效,例如閃爍文字可在 及 中顯現效果,但 則不行,您應該避免使用。
還有瀏覽器只認識標籤,所以鍵盤上的 (Enter) 鍵、(Space) 鍵、(Tab) 鍵所做的空格動作,瀏覽器是不會幫您處理的。
這些撰寫 HTML 文件需注意事項,在後面各節會有更多的說明來提醒您,在此先讓您有個初步認識。
|
注意:
雖然語法允許可以像這樣大小寫亂湊
但為了整體好認及編輯習慣
建議架構使用大寫標籤,其他使用小寫標籤。
注意:
副檔名使用 *.htm 或 *.html 兩者的差別是
一、因早期電腦只有 16 位元,故只能使用 3 位數字的副檔名
二、為了方便起見一般檔名,建議少寫一個字會省事吧!。
注意:
雖然您可能不小心,沒有按照層次來寫
測試時可能也會顯示正常的網頁
但是,如果涉及到比較複雜的包覆
很抱歉!您可能要花更多時間來找錯誤的地方了。
注意:
在 PC 上雖然使用中文或英文大寫,都可以正常瀏覽
但是,如果您的主機剛好採用的是 Liunx 系統
很抱歉!您的網頁可能就無法顯示正常喔。
注意:
所以我們在編輯路徑時
記得要使用
由右往左斜的 / 路徑符號喔。
|
|
|
|
|
|