Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

第三階段【網頁製作系列報導】電子報【網站製作經驗】

網站製作經驗

第三篇
如何使用記事本(NotePad)編輯網頁
適合程度: 初學者 一般程度 進階者 以上均宜
壹、真的用記事本(NotePad)就能寫好網頁嗎?
沒錯!我一直都是用記事本(NotePad)來寫網頁的(甚至寫程式),從來不用任何網頁或程式編輯器。
為何要推荐大家使用記事本(NotePad)來寫網頁,以下我有幾個不同的看法(理由):
只要您是使用 Windows PC 電腦,裡面就有這個免費軟體,不用去購買、安裝或設定它。
整個記事本(notepad.exe)軟體,只有 65 kB,不佔用系統資源、編儲方便、操控簡單、取得容易。
記事本(NotePad)寫出來的網頁,簡單明瞭、檔案超小,編輯它就好像在寫文章一樣。
所有網頁甚至程式(*.htm OR *.html OR *.asp OR *.php etc),都可以(是)用記事本(NotePad)打開及編輯。
您完全不要(用)熟記HTML標籤,只要懂的如何準備資料庫及複製(Copy)、貼上(Post)就可以了。
就算您使用世界上最好的網頁編輯器(如:DreamWeaver、NVU、DIDA...),都可能再叫出原始碼來修改它。
當您使用記事本(NotePad)一段時間,您一定會發現它在建立網頁方面,是非常地簡單及好用的。
在還沒有任何網頁編輯器以前,瀏覽器(IE Browser)內建的網頁編輯器,本來就只有記事本(NotePad)而已。
貳、在開始之前您有這些疑問嗎?
我是初學者,一開始就可以使用記事本(NotePad)寫網頁嗎?
我已習慣使用網頁編輯器,有必要改用記事本(NotePad)嗎?
使用記事本(NotePad)寫網頁,一定要先學HTML語法嗎?
為何老是學不好HTML語法的主要原因何在?
我要如何才能真正學好HTML語法?
學習HTML語法到底會不會很難呢?
我真的有必要學習HTML語法嗎?
學習過程中如遇到問題怎麼辦?
我有很多疑問..,怎麼辦?
以上這些種種問題,請找時間去回顧我寫過的電子報,裡面我都有很詳細的解說,有需要去找找看吧!
電子報一電子報二電子報三網頁研習室
參、我要怎麼才能跟您一樣,很順手的使用記事本(NotePad)來寫網頁?
千萬不要被密密麻麻的HTML標籤嚇倒,真正常用的不過 20 幾個,而且都是簡單的英文。
您懷疑、害怕、裹足不前嗎?到不如說是:您不知道如何開始、準備、運用及勇敢的去嘗試吧。
後面我會一步一腳印的告訴您,如何使用記事本(NotePad)及建立資料庫...等等技巧。
相信我,肯定您(自己),您一定可以跟我一樣;除非您不想自己學習製作網站,那就不用再看下去了。
我有一句心裡的話要告訴大家,如果用記事本(NotePad)來寫網頁,是一件很難的事,我也不會這麼做的。
肆、我會何一直鼓勵大家使用記事本(NotePad)來寫網頁?
因為我正在使用它,我完全體會到它的便利性與很多優點。
世界上最好用的網頁編輯器,到最後都不能讓您操控自如、隨心所欲的滿足您的需求。
我的網頁研習室網站已改為自由贊助方式,不再提供線上網頁製作教學了,所以絕對不是為了謀利。
不論您是美工或程式高手,最後您也一定要去學些基本的HTML標籤(我就有好幾位這種學生)。
我不想再苦口婆心,廢話一大堆了;想學的網友們,讓我們現在就開始吧!
伍、電腦內記事本(NotePad)完整攻略:
01.呼叫電腦內記事本(NotePad):
您可以在桌面或檔案總管任一目錄右邊的空白處,按滑鼠右鍵新增文字文件新增文字文件.txt。
電腦本機磁碟(C:)Windows雙擊notepad.exe(您也可以在桌面建立此捷徑來用)。
開始程式集附屬運用程式記事本。
開始執行開啟欄內輸入notepad.exe。
桌面上的資料夾,也可以使用此功能喔(操做與1.相同)。

02.澈底學會使用記事本(NotePad):
1.建立好的新增文字文件.txt記得先做更名,在上面點一下按右鍵重新命名(與按F2一樣)。
2.取好了名稱,如:shell.txt,雙擊它就會以記事本(NotePad)型態打開;如:index.htm,雙擊它就會以網頁型態打開。
3.功能表列(在記事本上的左上角)的簡單設定及運用:
檔案(F)選項,在您變更檔名或副檔名時,記得使用另存新檔(Alt + F + A)。
編輯(E)選項,您可以妥善使用[尋找](Ctrl + F)功能,會很快找到想找的地方。
編輯(E)選項,您要習慣使用[取代](Ctrl + H)功能,來代替逐一修改想修改的地方。
編輯(E)選項,不要忘記[全選]功能(Ctrl + A),幫整篇文稿全選起來的好處。
編輯(E)選項內,有複製(Ctrl + C)、貼上(Ctrl + V)功能,超好用的喔。
格式(O)選項,自動換行不要打勾(您可以使用預設值就好,除非已被更改過)。
檢視(V)選項內,有個狀態列(Alt + F + S)功能,當您用到程式除錯時,不要忘記使用它喔。
說明(H)選項內,有個說明主題「記事本」概觀,這篇文章正式我要推薦您的理由。
按下右邊的鍵盤鍵,會有一些您沒想到的特殊功能喔。

03.將記事本(NotePad)新增、複製、更名、刪除、變更屬性:
新增、按一下記事本按滑鼠右鍵建立捷徑重新命名填入新名稱
簡單作法:按一下記事本不放同時按住Ctrl鍵往空白處拉重新命名填入新名稱。
更名、按一下記事本按滑鼠右鍵重新命名填入新名稱
簡單作法:選定記事本按F2鍵(=重新命名)填入新名稱。
複製、按一下記事本選複製移到您想複製的位置或其他目錄按滑鼠右鍵貼上
簡單作法:按住記事本不放同時按住Ctrl鍵往您想複製的位置拖拉放開滑鼠。
刪除、按一下記事本按滑鼠右鍵刪除確認選是
簡單作法:按一下記事本按Delete鍵完成。
更改屬性、點一下記事本按滑鼠右鍵內容(最下面有三個選項)將唯讀取消改保存
簡單作法:開始執行開啟欄內輸入attrib C:\yourname\*.* /s -r +a確定執行Dos指令完成。

04.記事本(NotePad)幾個常(好)用步驟:
直接以*.txt(基本模組)編輯,完成後存成.htm。
使用檢視原始碼會以記事本(*.txt)打開,編輯後再存成*.htm。
以記事本(*.txt)打開網頁,編輯後另存新的*.htm,以共另一個頁使用(如果相同性很高)。
建立一個選單(menu.txt)記事本,將本站主、次選單,逐一列表以供編輯參考及轉貼使用(例)。
建立一個空白(use.txt)記事本,將本站用到的各式語法逐一貼上(每組都要空一格),以提供他頁套用編輯(例)。
以記事本(*.txt)搜集及建立常用網頁、程式語法,建立自己的資料庫(後述)。

05.記事本(NotePad)其他必學技巧:
1.檢視網頁原始碼方法:
瀏覽器檢視原始碼(快速鍵:Alt + V + C)。
瀏覽器工具列(在列印的右邊)下拉選項選擇使用 NotePad 編輯(需先設訂喔)。
瀏覽器網頁任何空白處右鍵檢視原始碼。
按下右邊的鍵盤鍵檢視原始碼。
檔案總管網頁(圖示) =>右鍵開啟檔案NotePad(設定過後,可以選編輯直接開啟)。
檔案總管網頁(圖示) 按下右邊的鍵盤鍵開啟檔案NotePad。
2.請務必使用記事本(NotePad)所提供的快速鍵(Hotkey),養成操做習慣。
3.養成使用記事本做筆記、記錄、暫存資料等習慣,對您的網站管理與維護幫助會非常大喔。

陸、如何為網頁架構蓋一個基本模組?
網頁基本架構模組:shell.htm GO
網頁進階套用模組:shell2.htm GO
網頁程式套用模組:shell3.htm GO
柒、如何搜集及建立常用網頁、程式語法資料庫?
平常就要養成搜集及建立習慣,只要看到喜歡、好用、實用的程式或語法,就用記事本記錄下來。
整理時建議分成HTML、CSS、JS...etc類別,到時候比較好找。
有些程式或語法比較長或複雜些,就將他單純化、簡單化、模組化,以專用資料夾用不同檔名將它存下來。
程式語法資料庫是慢慢建立的,只要您有恆心,不用一年時間,您就會一牛車裝的滿滿了。
每過一段時間再做一次清理及歸類,下次做網頁時就更得心應手了。
將很棒的網頁製作工具或網站,以[加入最愛]方式,加到瀏覽器[我的最愛]內,以備隨時叫出來應用。
將常用網頁製作配合軟體,如ACDSee、PhotoImpact、CUTFTP...etc的捷徑,集中放於桌面專用資料夾內,以利使用。
這些年來我已建立許多實用資料、完整的檔案及配合軟體,有興趣的網友可以自由[贊助]方式免費取得。
捌、給您們幾個我常用的網頁、程式語法資料庫:
HTML Code GO
CSS Code GO
JS Code GO
更多學習資料,請到網頁研習室網站免費取得。
玖、給您們幾個我常用的網頁製作工具或網站:
.Google: GO 找資料
網路家庭: GO 買網址
隨身字典: GO 翻譯用
實用HTML語法蒐整: GO 查HTML語法
CSS 樣式表: GO 查CSS語法
Java Script 程式庫: GO 找JS程式
色碼表: GO 配色用
更多學習資料,請到網頁研習室網站免費取得。
拾、結論與建議:
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
本電子報 第三階段 報導資料,將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
強烈建議您 學會HTML語法 ,她真的簡單易學,懂了她您就能駕馭她,將[所見即所得]軟體當做輔助工具吧。
本站自即日起不再以推廣線上教材(學)會員,自 94 年 10 月 1 日全面改為 贊助本站 方式 ,永續耕耘教學網站推展
本報導內容或資料,因限人力、時間,非 贊助本站 網友,不接受任何疑惑解答,敬請見諒。
即日起網頁研習室網站,開始提供所有電子報、網頁製作教材等資料, 免費各別下載 服務,歡迎蒞臨指教。
凡與網路有關之內容,您想要本報在未來報導那些專題?歡迎提出 出評價與建議

第三階段95.01.05.發行第018期
前期:網頁資料防止被竊問題研究報告

© 網頁研習室【電子報】李文能 主編 ©