會員登入
新使用者？立即註冊
服務首頁|服務說明|Yahoo!奇摩知識+ 首頁
知識分類
電腦網路
科學醫療
煩惱心事
生活資訊
手機通訊
休閒嗜好
視聽娛樂
運動體育
社會人文
商業金融
教育學習 快問快答
如何做
煩惱
知識團
主題知識
我要發問 發表 我要發問 熱門： 半熟蛋傷身 情人禁忌 菜市場名 痣病變 失眠 主題 六大食物禁忌 用手機上知識+ 知識搜尋 知識+ 首頁> 電腦網路> 網頁製作> 網站架設 收藏至知識團 加入追蹤 轉寄朋友 友善列印 知識問題|
如何架網站 發問者：索亞卡雷西 ( 初學者 5 級)
發問時間：2005-07-12 12:02:20
解決時間：2005-07-14 12:06:57
解答贈點：15 ( 共有 0 人贊助 )
回答：3 評論： 0 意見： 16
[ 檢舉 ]
網友正面評價
72%
共有 78 人評價請問要如何架網站,要用什麼工具
架好了要怎樣放到網路上 最佳解答發問者自選
回答者：旋律～～ ( 初學者 2 級 )
回答時間：2005-07-12 12:05:06
[ 檢舉 ] 如何做網站
在著手進行一個網站的設計之前，首先要明確以下幾項設計原則：
1.內容與形式相統一
內容是指你要通過網頁向瀏覽者傳達的有效資訊及文字；形式指的是網頁的排版佈局、色彩、圖形的運用等外在的視覺效果。無論採取何種表現形式都不能單純追求網頁美觀而忽視內容的建設，沒有充實內容的網站，即使設計再精美，也不會對用戶有長久的吸引力。
2.主題鮮明
一個網站必須要主題鮮明，突出重點，特別是個人網站，不可能像綜合網站一樣內容大而全，包羅萬象，因此必須要確定一個明確的主題，突出自己的個性和特色，一個主題鮮明、內容豐富極具特色的網站往往比一個“大雜燴”式的網站更能吸引人。
3.風格統一
整個網站的設計要採取統一的風格，這樣使網站看起來更專業，不要一個頁面採用一種風格，另外一個頁面又換一種風格，給人一種很散亂的印象。風格要突出自己的個性，無論是文字、色彩的運用，還是版式的設計都要給人一種鮮明的印象，使人看到這個頁面，就會想到這是你的網站。
4.兼顧下載速度與美觀
由於目前的網路狀況較差，不能?了片面追求頁面的美觀而忽視頁面的下載速度，這樣會失去一大批瀏覽者，大家不會?了看一幅美麗的圖片而等上半天。網頁中的圖片應當是起到畫龍點睛的作用，除非特殊需要，一般不要在網頁中大量使用圖片，在網頁中的圖片要經過適當的壓縮處理，使它在保證質量的前提下儘量小。一些用Java程式設計的頁面也非常美觀，但下載速度慢，一般要慎重使用。
5.導航清晰
網站要給瀏覽者提供一個清晰的導航系統，以便於瀏覽者能夠清楚目前所處的位置，同時能夠方便地轉到其他頁面。導航系統要出現在每一個頁面上，標誌要明顯，便於用戶使用，對於不同欄目結構可以設計不同的導航系統。
6.欄目設置合理
對於一個網站，尤其是內容較多的網站，其欄目設置是否清晰、合理、科學，往往在很大程度上影響網站的訪問量。一個欄目設置合理的網站，用戶會很容易地找到需要的東西，這樣的網站才能讓用戶喜歡。對於初學者來說，常犯的錯誤就是網站結構設計不合理，內容編排雜而亂。因此，在設計網站之前，一定要規劃好欄目的設置。
7.良好的相容性
對於網頁來說，它不同於其他印刷品，製作完成後就一成不變了，它隨著用戶瀏覽器的不同而出現變化，因此設計者一定要考慮到網頁的相容性，使它適用於大多數主流的瀏覽器或目標用戶所用的瀏覽器，不致於出現差別很大的瀏覽效果。
8.經常更新
經常維護更新，給用戶提供最新的資訊，才是一個網站具有吸引力的重要手段。因此，要想保持網站的訪問量，吸引更多的“回頭客”，你必須要定期更新網站內容。
9重要的，做網頁前，要先想清楚，自己要做的「主題」到底是什麼、找齊資料、
現在的製作網頁...哪個軟體比較好？
Frontpage最容易學
Dreamweaver功能強(常用)
Notepad最好用
NAMO初學者使用(常用)
PhotoImpact(要練才會做)
小嘗試
首先，你要去申請網頁空間，例如像：
yahoo的個人網頁 http://tw.home.yahoo.com/
pchome的個人網頁 http://home.pchome.com.tw/
各大入口網站 雅虎、PCHOME、新浪、蕃薯藤、gigigaga，都有類似的空間，
班網來說，cityfamily是比較常見的班網入口網站囉
如果是申請家族的話，就是留言板、相簿、投票、聊天室就都有包括了，
這對入門初學者來說比較容易方便，如果想有自己的style的話，
就要自己設計網站了，這比較難啦，但一些"免費資源"也可以在網站上找到的，
像是，你也可以去申請"奇摩相簿"擺照片、圖片、桌布，
然後去網站上找免費申請的"留言板"and"計數器"來裝璜自己的網站，
動態程式與圖片，就用關鍵字去找，找圖的話用"素材"這個關鍵字，
找程式的話就用"網頁程式"去找，提供你幾個不錯的站：
東西都有了，就是用FrontPage、或筆記本、或Dreamweaver來設計網頁，
如果你FrontPage不會用的話，用WORD也可以設計網頁呀，
只要存檔時記得用【另存html檔】就行了，
再不然，雅虎個人網頁上也有現成的網頁呀，也不錯看耶…
參考資料
經驗談
現在人很少用YAHOO奇摩網頁空間了！
建議用PCHOME速度最快又免費
只是會有廣告...(我都用消廣告語法)
這個網站不錯
"網頁建置百寶箱"
你可以從新手入門開始看...
大概看個1個月就會基本技術了吧!!
網頁其實不難學啦
至於要用什麼工具
WINDOWS裡的OFFICE裡的FRONTPAGE就很不錯了
所以看你吧!
我要先說做網站美工一定要好
以下是做網頁的小技巧
如果是初學者，是建議使用FrontPage的預設頁面
一般來說，只要填入一些資料和放圖片，至少不會太糟
至於要有特色，那就需要其他的技能輔助
例如PhotoImpact等影像處理軟體，去設計屬於自己的影像表現
進階一點，想要做較有動態的網頁
普遍而言，多數人使用的就是Dreamweaver和Flash
各個軟體其實都是一項學問，只要專精一種
就能玩出很多花樣了(建議 還是多看書吧 必要投資是一定的)
(參考資料有我的網站 稱不上好 但互相觀摩是很重要的)
想要架設一個淑於自己的個人網友一個最重要的要點就是排版要整其像yahoo他排版很整其所以有很多人上他的網站還有還有你晚戰的功能要夠多才會有很多人上網排版最好用的東西叫做框架框架用完後東西先放上去把邊框的(把邊框的填充.間距.大小這時候邊框會變虛線後在預覽邊框就會隱形了)
推薦程式namo4.04/6
我要先說做網站美工一定要好
以下是做網頁的小技巧
如果是初學者，是建議使用FrontPage的預設頁面
一般來說，只要填入一些資料和放圖片，至少不會太糟
至於要有特色，那就需要其他的技能輔助
例如PhotoImpact等影像處理軟體，去設計屬於自己的影像表現
進階一點，想要做較有動態的網頁
普遍而言，多數人使用的就是Dreamweaver和Flash
各個軟體其實都是一項學問，只要專精一種
就能玩出很多花樣了(建議 還是多看書吧 必要投資是一定的)
(參考資料有我的網站 稱不上好 但互相觀摩是很重要的)
想要架設一個淑於自己的個人網友一個最重要的要點就是排版要整其像yahoo
初學者建議先用免費空間，待軟體熟悉後再考慮付費的。
至少先熟悉網頁製作軟體(如dreamweaver)、美工軟體(如photoshop)等等，確定有興趣了再花錢會比較妥當。
一般免費空間都不能自己架程式，而坊間有很多網頁空間出租(即虛擬主機)才可以架自己的留言版、日記本等等程式，付費空間亦可申請個人網域及個人電子郵件帳號......
這個問題範圍太大，故暫且提供大方向，希望對您有所幫助
網管人員需要什麼能力？
我想，架幾個站跟作一個稱職的網管人員，相差是甚遠的！架站，說真的，是一件很簡單的事情，看著書本一步一步的作上去，一定可以成功的！但是，很多人都只曉得『如何架站』卻不知到『如何維護一個網站的安全』！基本上，維護一個已經架設好的網站的正常運作，真的要比架設一個網站難的多了！你得要隨時知道你的系統狀況，隨時注意是否有新的套件漏洞而去修補他，隨時要注意各種服務的登錄檔案(logfile)以瞭解系統的運作情況！得知道發生問題的時候，到底問題點是在哪一個！比如說當機了，那麼你知道當機的原因嗎？！即使不知道，也可得需要約略猜得出來才行。而，如果安全出了問題，被入侵了，管人員需要學習的，而且，通常都是需要經驗的累積才會知道問題的所在！此外，保持身心的活力以隨時注意線上公布的安全防備資訊等等！都需要具備的！
最後，最嚴重的問題是，網管人員其實最需要的是『道德感與責任感』！你可要曉得你的機器上所有人的隱私都在你的監控之下，如果您本身就已經有偷窺慾了，可知道這有多可怕嗎？！另外，如果沒有責任感的人作為一個網管，可能會瘋掉，因為不論何時何地，只要是你監控的主機出了問題，所以，你給隨時隨地做好可能隨時會被入侵的心理準備！總之，網管人員並不是只要會架站就可以了，『責任感』還有『耐心』呵呵！套一句現在人喜歡說的口頭禪『這是一定要的啦！』
網管人員是什麼？
今天剛剛看到了報紙的一篇報導，內容大概是說：
臺灣的網路管理人員對於『網路安全性防護』的認知不夠，或許是防火牆機制建立不完整，或者是認為駭客不會入侵小型網站，所以在不甚瞭解的情況下，被所謂的『中東駭客組織』所入侵，然後以臺灣被入侵的電腦為跳板，去攻擊賓拉登的仇敵美國，然後引起美國高度的不滿。這只是一個事件問題，不過這個事件問題也點出了一個重點，就是我們的網路資訊可能真的是蠻發達的，不過，管理網路的人員可能在認知的程度上就有點參差不齊了！網路安全是蠻重要的，不過，大家常常會忘記他！個人認為，網管是蠻重要的角色，應該不能等閒視之才對。
分想
HTML製作網頁必要的軟體為"FRONT PAGE"
還有您必須先申請到一個免費的網頁空間~
不知道您有沒有用過WORD裡面的"插入圖片"~
事實上網頁插入照片跟WORD插入圖片是一樣的~
首先先創一個資料夾~然後把你想要放入網頁的照片丟進去~
照片的檔案名稱最好是01、02、03...這樣下去~比較好管理~
然後進入FRONT PAGE後~開新檔案~
再來就跟WORD一樣~選擇插入圖片~然後選擇剛剛創立的資料夾~
裡面的圖檔~全部插入完成後~
選擇存檔~網頁的檔名請存" index "
FRONT PAGE會自動把檔名變為" index.html " 或 " index.htm "
然後去那個資料夾~點選"index"的檔案~照理說應該會開一個網頁檔~
內容就是你剛剛插入的照片嚕...
如果沒問題~再來就是把那個資料夾的所有檔案(index + 所有圖檔)
上傳到你申請的免費網頁空間~就大功告成了!
不過我用打的很簡單~實際操作會遇到很多問題...
最好是找會用的朋友在旁邊教會比較快喔^^
個人網的好處
1.可以學習相關的技術! 例如 html語法 . 修圖 等等 還有組織能力會上升
2.可以發表自己的相關的創作~ 例如 文字創作~ 詩詞 小說~ 音樂創作 或者畫圖 照片
3.自己爽!好處自己可以體會 滿足網路上的虛榮心!
因為看記數器上升 表示自己人氣旺! 自己也很有成就感!
就跟我現在一直回答人家的道理有點雷同!!
另外你的網站經營到一個程度之後
可以為自己宣傳!如果你有什麼熱舞的表演等等的 發在網路上面 就會有很多人知道啦 並且會捧你場喔!!
另外 人氣在旺一點 可以啦贊助廠商~~ 賺點小錢!
在旺一點 就會有很多公司 來找你 合作 她們會要求你幫忙幫她們宣傳
不過通常做到這麼大 除了需要耐心經營 也需要點創意 跟宣傳喔
Flash優點和缺點
Flash 動畫的優點：
畫質佳檔案體積小 - 由於 Flash 使用向量繪圖方式，因此可以製作出畫質佳，但體積小的動畫，相當適合透過網路媒體傳播，不過 Flash 仍然允許設計者匯入點陣圖格式。
強大的影音效果 - Flash 可以在播放動畫時加入音效與背景音樂，這是以往使用 GIF 動畫無法做到的，Flash4之後的版本在聲音的壓縮上支援MP3格式，可以進一步縮小動畫檔的體積，FlashMX更可匯入視訊檔（例如QuickTime），而且 Flash 動畫採串流傳輸模式，不用等到 Flash 完全下載，可以邊下載邊播放，避免訪客漫長等待。
互動效果佳 - Flash 有專屬的程式語言 ActionScript ，可以讓動畫產生互動效果，網路上時常可以看到 Flash 設計的遊戲或應用程式（例如留言板、繪圖板、線上訂票訂房系統）。
普及率高 - 現在我們可以在 Windows 、 Macintosh 、 Lenux 、 PocketPC 或手機上播放 Flash 動畫，DreamCaster、PS2、XBOX有些遊戲甚至有部份也使用 Flash 來製作。
Flash 的缺點：
效率較差 - 製作線條或場景較複雜的動畫時，系統資源消耗很重，有些網站上的 Flash 動畫播放時，工作管理員的效能呈現 CPU 使用率超過 80%，Director在這方面就有較好的表現，雜誌曾有專文介紹「神影無蹤廖添丁」線上遊戲的製作，即探討過 Flash 效能問題的對策。
沒有 3D繪圖工具 - 其實這也不算缺點，因為 Flash 本身就不是定位在 3D 動畫軟體，不過 Illustrator、CorelDRAW現在都有 3D 繪圖工具了，也有 Swift3D 、 Plasma 等可以讓 3D 物件∕場景轉換成 SWF 格式的軟體，另外要產生煙霧、火焰等效果也不容易（網路上有人用 Flash 來做，似乎是以ActionScript數學運算式的方式製作，效果很棒，但程式碼不是大多數人看的懂的）。
缺少攝影機的觀念 - AfterEffect 、 ToonboomStudio 都已經有攝影機的工具了，在動畫運鏡提供更靈活的選擇，可惜 Flash 還沒有提供。
HTML
壹. HTML 簡介
貳. HTML 架構
參. HTML 語法
１. 註解
２. 標題
３. 分段
４. 分行
５. 分隔線
６. 字形變化
７. 其他字體變化
８. 段落對齊
９. 列舉排列
１０. 圖形
１１. 超連結
１２. 表格
１３. 視窗背景
１４. 窗框
１ 5. 教你打大html
I. HTML 簡介
HTML (HyperText Markup Language) 翻譯成中文是 "超文件標示語言" 或 "超文字標示語言"。我們在瀏覽全球資訊網 (World-Wide-Web, or WWW) 時所看到的一頁一頁的網頁，基本上就是以 HTML 為格式編寫出的檔案為主。HTML 的檔案是純文字檔，在檔案中用標籤 (tag) 標示出不同區段的格式，以及要參照到的其他格式的檔案名稱 (位址)，再透過 WWW 瀏覽器 (如 IE ， Netscape 等) 來解譯標籤，將文件格式化，並呈現出來。換言之，HTML 的標籤其實就可以看成是對瀏覽器下令更改文件顯示格式的命令。在 HTML 中的標籤均是以 <指令> 開始，以指令>結束。一般規定，依 HTML 規定所編寫出的文件檔案，其副檔名為 HTM 或 HTML。
HTML 的語法特性尚有：
1. 指令不分大小寫，但在內文時則需劃分 (檔名，URL等的大小寫尤應注意)。
2. 指令須用 ＜ 以及 ＞ 包住，並且大多成雙成對。需成對出現的指令呈巢狀結構，亦即先開始的指令後結束。
3. HTML中多餘的空白都會被忽略
註：因為 HTML 的檔案是純文字檔，所以可以用任何的文書編輯軟體，如記事本等來撰寫。
II. HTML 架構
一個基本的HTML文件應具備如下的架構：
網頁標題 (顯示在視窗的標題列) 網頁內容
以下為一個基本的HTML檔的內容
北極 我的網頁內容
如果將上面的八行存成附檔名為 .htm 或 .html 的純文字檔，就是一個簡單的網頁了
III. HTML 語法
1. 註解:
以下為一註解使用的範例，其中 "出自陶淵明 . 歸去來辭" 這幾個字是註解，不會在瀏覽器中顯示出來。
北極朋友 這兩個字的意義 在我們的心目中 會是什麼樣子的感受是種寄託 是種依附 還是一句動詞如果 朋友是妳生命中的寄託 想必 這樣的感覺 是很難去解釋的也許缺了愛情 就會是一種寄託 如果擁有愛情呢 這點 就不一定了如果 朋友是週遭一種依附 這樣的感覺更難去解釋 也因為是一種依附所以很難割捨 一但割捨 這一個生活圈 也許就起了 變化如果 朋友只是動詞 忠於朋友 朋友可以是種寄託 朋友也可以成為一種依附更可以在生活中 寫下另一段更美麗的感官生活 而我呢 只是一個平凡的人寫些平凡的事物 畢竟這就是我 想表達的一種事物 可以因為這樣討厭我 也可因為這樣 在生命中 遇見沒有遇見過的感受 或許 可以 放肆著讓自己的感官 有種依附 有種寄託 謝謝 是我唯一可以說的感受這些日子 整理自己的心思 整理自己面對這一個地方的感受我發現 很多的感覺 是需要努力 需要用心 也許 我並不懂得如何發展這一個地方 但我只希望 這一份心 可以擁有更多的體貼這是一個朋友寄給我看的~~~ 不知道你們是否也和我一樣有所感觸呢~~~人的一生會遇到的人太多了~~~ 但記得的又會有幾個~~~老天安排了讓我們能在這求學的過程中相識相知~~~讓我們可以共同擁有那令人會心一笑的回憶~~~想想~~~ 那感覺是不是很棒呢~~~ 我想朋友就是~~~朋友...... 朋友是一輩子的事~~~ 縱然是在天涯海角......
Note: 請改變瀏覽器視窗的大小，觀察當瀏覽器視窗大小改變時內容文字排列上的變化。
2. 標題: 標題內容
n = 1, 2, 3, 4, 5, 6 (網頁內容的標題, n 愈小字體愈大)
以下為一標題的範例：
歸去來辭 北極熊
朋友 這兩個字的意義 在我們的心目中 會是什麼樣子的感受是種寄託 是種依附 還是一句動詞如果 朋友是妳生命中的寄託 想必 這樣的感覺 是很難去解釋的也許缺了愛情 就會是一種寄託 如果擁有愛情呢 這點 就不一定了如果 朋友是週遭一種依附 這樣的感覺更難去解釋 也因為是一種依附所以很難割捨 一但割捨 這一個生活圈 也許就起了 變化如果 朋友只是動詞 忠於朋友 朋友可以是種寄託 朋友也可以成為一種依附更可以在生活中 寫下另一段更美麗的感官生活 而我呢 只是一個平凡的人寫些平凡的事物 畢竟這就是我 想表達的一種事物 可以因為這樣討厭我 也可因為這樣 在生命中 遇見沒有遇見過的感受 或許 可以 放肆著讓自己的感官 有種依附 有種寄託 謝謝 是我唯一可以說的感受這些日子 整理自己的心思 整理自己面對這一個地方的感受我發現 很多的感覺 是需要努力 需要用心 也許 我並不懂得如何發展這一個地方 但我只希望 這一份心 可以擁有更多的體貼這是一個朋友寄給我看的~~~ 不知道你們是否也和我一樣有所感觸呢~~~人的一生會遇到的人太多了~~~ 但記得的又會有幾個~~~老天安排了讓我們能在這求學的過程中相識相知~~~讓我們可以共同擁有那令人會心一笑的回憶~~~想想~~~ 那感覺是不是很棒呢~~~ 我想朋友就是~~~朋友...... 朋友是一輩子的事~~~ 縱然是在天涯海角......
3. 分段:
產生一空白行用來分段，以下為分段範例：
歸去來辭 北極
文章
Note: 分段亦可用 ...
來明顯介定一個段落的起始與結束
4. 分行:
接下來的文字在下一行顯示, 不會產生空白行，如：
北極北極熊
朋友 這兩個字的意義 在我們的心目中 會是什麼樣子的感受是種寄託 是種依附 還是一句動詞如果 朋友是妳生命中的寄託 想必 這樣的感覺 是很難去解釋的也許缺了愛情 就會是一種寄託 如果擁有愛情呢 這點 就不一定了如果 朋友是週遭一種依附 這樣的感覺更難去解釋 也因為是一種依附所以很難割捨 一但割捨 這一個生活圈 也許就起了 變化如果 朋友只是動詞 忠於朋友 朋友可以是種寄託 朋友也可以成為一種依附更可以在生活中 寫下另一段更美麗的感官生活 而我呢 只是一個平凡的人寫些平凡的事物 畢竟這就是我 想表達的一種事物 可以因為這樣討厭我 也可因為這樣 在生命中 遇見沒有遇見過的感受 或許 可以 放肆著讓自己的感官 有種依附 有種寄託 謝謝 是我唯一可以說的感受這些日子 整理自己的心思 整理自己面對這一個地方的感受我發現 很多的感覺 是需要努力 需要用心 也許 我並不懂得如何發展這一個地方 但我只希望 這一份心 可以擁有更多的體貼這是一個朋友寄給我看的~~~ 不知道你們是否也和我一樣有所感觸呢~~~人的一生會遇到的人太多了~~~ 但記得的又會有幾個~~~老天安排了讓我們能在這求學的過程中相識相知~~~讓我們可以共同擁有那令人會心一笑的回憶~~~想想~~~ 那感覺是不是很棒呢~~~ 我想朋友就是~~~朋友...... 朋友是一輩子的事~~~ 縱然是在天涯海角......
NOTE: 強迫不分行: ...
5. 分隔線:
屬性：
·SIZE = 1, 2, 3,...
·WIDTH = 像素或百分比
·ALIGN = CENTER, RIGHT, LEFT
北極 北極熊
朋友 這兩個字的意義 在我們的心目中 會是什麼樣子的感受是種寄託 是種依附 還是一句動詞如果 朋友是妳生命中的寄託 想必 這樣的感覺 是很難去解釋的也許缺了愛情 就會是一種寄託 如果擁有愛情呢 這點 就不一定了如果 朋友是週遭一種依附 這樣的感覺更難去解釋 也因為是一種依附所以很難割捨 一但割捨 這一個生活圈 也許就起了 變化如果 朋友只是動詞 忠於朋友 朋友可以是種寄託 朋友也可以成為一種依附更可以在生活中 寫下另一段更美麗的感官生活 而我呢 只是一個平凡的人寫些平凡的事物 畢竟這就是我 想表達的一種事物 可以因為這樣討厭我 也可因為這樣 在生命中 遇見沒有遇見過的感受 或許 可以 放肆著讓自己的感官 有種依附 有種寄託 謝謝 是我唯一可以說的感受這些日子 整理自己的心思 整理自己面對這一個地方的感受我發現 很多的感覺 是需要努力 需要用心 也許 我並不懂得如何發展這一個地方 但我只希望 這一份心 可以擁有更多的體貼這是一個朋友寄給我看的~~~ 不知道你們是否也和我一樣有所感觸呢~~~人的一生會遇到的人太多了~~~ 但記得的又會有幾個~~~老天安排了讓我們能在這求學的過程中相識相知~~~讓我們可以共同擁有那令人會心一笑的回憶~~~想想~~~ 那感覺是不是很棒呢~~~ 我想朋友就是~~~朋友...... 朋友是一輩子的事~~~ 縱然是在天涯海角......
6. 字形變化 內容
屬性：
·FACE = "字形名稱"
·SIZE = 1, 2, 3, 4,... 或 SIZE = -1, -2, ..., +1, +2,...
·COLOR = RED, GREEN, BLACK, ... 或 COLOR = "#ff00ff",...
北極 歸去來辭 －－陶淵明
朋友 這兩個字的意義 在我們的心目中 會是什麼樣子的感受是種寄託 是種依附 還是一句動詞如果 朋友是妳生命中的寄託 想必 這樣的感覺 是很難去解釋的也許缺了愛情 就會是一種寄託 如果擁有愛情呢 這點 就不一定了如果 朋友是週遭一種依附 這樣的感覺更難去解釋 也因為是一種依附所以很難割捨 一但割捨 這一個生活圈 也許就起了 變化如果 朋友只是動詞 忠於朋友 朋友可以是種寄託 朋友也可以成為一種依附更可以在生活中 寫下另一段更美麗的感官生活 而我呢 只是一個平凡的人寫些平凡的事物 畢竟這就是我 想表達的一種事物 可以因為這樣討厭我 也可因為這樣 在生命中 遇見沒有遇見過的感受 或許 可以 放肆著讓自己的感官 有種依附 有種寄託 謝謝 是我唯一可以說的感受這些日子 整理自己的心思 整理自己面對這一個地方的感受我發現 很多的感覺 是需要努力 需要用心 也許 我並不懂得如何發展這一個地方 但我只希望 這一份心 可以擁有更多的體貼這是一個朋友寄給我看的~~~ 不知道你們是否也和我一樣有所感觸呢~~~人的一生會遇到的人太多了~~~ 但記得的又會有幾個~~~老天安排了讓我們能在這求學的過程中相識相知~~~讓我們可以共同擁有那令人會心一笑的回憶~~~想想~~~ 那感覺是不是很棒呢~~~ 我想朋友就是~~~朋友...... 朋友是一輩子的事~~~ 縱然是在天涯海角......
朋友 這兩個字的意義 在我們的心目中 會是什麼樣子的感受是種寄託 是種依附 還是一句動詞如果 朋友是妳生命中的寄託 想必 這樣的感覺 是很難去解釋的也許缺了愛情 就會是一種寄託 如果擁有愛情呢 這點 就不一定了如果 朋友是週遭一種依附 這樣的感覺更難去解釋 也因為是一種依附所以很難割捨 一但割捨 這一個生活圈 也許就起了 變化如果 朋友只是動詞 忠於朋友 朋友可以是種寄託 朋友也可以成為一種依附更可以在生活中 寫下另一段更美麗的感官生活 而我呢 只是一個平凡的人寫些平凡的事物 畢竟這就是我 想表達的一種事物 可以因為這樣討厭我 也可因為這樣 在生命中 遇見沒有遇見過的感受 或許 可以 放肆著讓自己的感官 有種依附 有種寄託 謝謝 是我唯一可以說的感受這些日子 整理自己的心思 整理自己面對這一個地方的感受我發現 很多的感覺 是需要努力 需要用心 也許 我並不懂得如何發展這一個地方 但我只希望 這一份心 可以擁有更多的體貼這是一個朋友寄給我看的~~~ 不知道你們是否也和我一樣有所感觸呢~~~人的一生會遇到的人太多了~~~ 但記得的又會有幾個~~~老天安排了讓我們能在這求學的過程中相識相知~~~讓我們可以共同擁有那令人會心一笑的回憶~~~想想~~~ 那感覺是不是很棒呢~~~ 我想朋友就是~~~朋友...... 朋友是一輩子的事~~~ 縱然是在天涯海角......
NOTE: 特殊字形因不能保證client端有該字型檔，所以必須用圖形檔處理，故不宜過多。
7. 其他字體變化:
·黑／粗體字: ... 或 ...
·斜體字: ...
·加底線: ...
·打字機字體（英文字母等寬）: ...
·上標字: ...
·下標字: ...
8. 段落對齊
·該標題靠左對齊: ... (預設值)
·該標題置中對齊: ...
·該標題靠右對齊: ...
·該段內文靠左對齊: ...
(預設值)
·該段內文置中對齊: ...
·該段內文靠右對齊: ...
北極歸去來辭 －－陶淵明
朋友 這兩個字的意義 在我們的心目中 會是什麼樣子的感受是種寄託 是種依附 還是一句動詞如果 朋友是妳生命中的寄託 想必 這樣的感覺 是很難去解釋的也許缺了愛情 就會是一種寄託 如果擁有愛情呢 這點 就不一定了如果 朋友是週遭一種依附 這樣的感覺更難去解釋 也因為是一種依附所以很難割捨 一但割捨 這一個生活圈 也許就起了 變化如果 朋友只是動詞 忠於朋友 朋友可以是種寄託 朋友也可以成為一種依附更可以在生活中 寫下另一段更美麗的感官生活 而我呢 只是一個平凡的人寫些平凡的事物 畢竟這就是我 想表達的一種事物 可以因為這樣討厭我 也可因為這樣 在生命中 遇見沒有遇見過的感受 或許 可以 放肆著讓自己的感官 有種依附 有種寄託 謝謝 是我唯一可以說的感受這些日子 整理自己的心思 整理自己面對這一個地方的感受我發現 很多的感覺 是需要努力 需要用心 也許 我並不懂得如何發展這一個地方 但我只希望 這一份心 可以擁有更多的體貼這是一個朋友寄給我看的~~~ 不知道你們是否也和我一樣有所感觸呢~~~人的一生會遇到的人太多了~~~ 但記得的又會有幾個~~~老天安排了讓我們能在這求學的過程中相識相知~~~讓我們可以共同擁有那令人會心一笑的回憶~~~想想~~~ 那感覺是不是很棒呢~~~ 我想朋友就是~~~朋友...... 朋友是一輩子的事~~~ 縱然是在天涯海角......
朋友 這兩個字的意義 在我們的心目中 會是什麼樣子的感受是種寄託 是種依附 還是一句動詞如果 朋友是妳生命中的寄託 想必 這樣的感覺 是很難去解釋的也許缺了愛情 就會是一種寄託 如果擁有愛情呢 這點 就不一定了如果 朋友是週遭一種依附 這樣的感覺更難去解釋 也因為是一種依附所以很難割捨 一但割捨 這一個生活圈 也許就起了 變化如果 朋友只是動詞 忠於朋友 朋友可以是種寄託 朋友也可以成為一種依附更可以在生活中 寫下另一段更美麗的感官生活 而我呢 只是一個平凡的人寫些平凡的事物 畢竟這就是我 想表達的一種事物 可以因為這樣討厭我 也可因為這樣 在生命中 遇見沒有遇見過的感受 或許 可以 放肆著讓自己的感官 有種依附 有種寄託 謝謝 是我唯一可以說的感受這些日子 整理自己的心思 整理自己面對這一個地方的感受我發現 很多的感覺 是需要努力 需要用心 也許 我並不懂得如何發展這一個地方 但我只希望 這一份心 可以擁有更多的體貼這是一個朋友寄給我看的~~~ 不知道你們是否也和我一樣有所感觸呢~~~人的一生會遇到的人太多了~~~ 但記得的又會有幾個~~~老天安排了讓我們能在這求學的過程中相識相知~~~讓我們可以共同擁有那令人會心一笑的回憶~~~想想~~~ 那感覺是不是很棒呢~~~ 我想朋友就是~~~朋友...... 朋友是一輩子的事~~~ 縱然是在天涯海角......
...
9. 列舉排列
·無號碼:
·有號碼:
- 項目1
- 項目2
- 項目3
...
以下為一個有編碼的列舉排列的例子:
古文介紹
上例網頁展示
10. 圖形 ![]()
屬性:
·SRC = "圖形檔檔名"
·WIDTH = 像素或百分比
·HEIGHT= 像素或百分比
·BORDER= 數字 (預設值為2)
古文介紹
註1: 注意檔名的大小寫以及路徑問題。
註2: 圖片對齊設定的方法可引用內文對齊設定的方法。
註3：圖形格式：
·*.BMP：黑白 (2色) 至全彩 (16百萬色)，無壓縮
·*.JPG：黑白 (2色) 至全彩 (16百萬色)，破壞性壓縮，壓縮率大
·*.GIF ：黑白 (2色) 至 256 色，非破壞性壓縮，壓縮率較小，可製作透明背景及動畫圖片
11. 超連結
連接伺服器的方法：
·http:// (取得 WWW 伺服器上的資源 -- 檔案)
·ftp:// (取得 FTP 伺服器上的檔案)
·mailto:// (啟動 client 端預設的電子郵件軟體)
古文介紹 - 北極熊
- 長恨歌
- 禮記
註1: 注意檔名的大小寫以及路徑問題。
12. 表格
表格標題
| 第一欄的內容 | 第二欄的內容 | 第三欄的內容 | ...
| 第一欄的內容 | 第二欄的內容 | 第三欄的內容 | ...
| 第一欄的內容 | 第二欄的內容 | 第三欄的內容 | ...
...
說明: 表格以 結束，其中每一行以 開始，以
結束，每一行中的每一欄則均是以 開始，以 | 結束，如下範例：
古文介紹 - 北極熊
來封信吧13. 視窗背景
·背景顏色:
·背景圖片:
古文介紹 - 歸去來辭
著名古文篇名及作者| 篇名 | 作者 |
| 歸去來辭 | 北極 |
| 超然 | 北極 |
來封信吧
14. 窗框
窗框 (Frame) 的主要功能在允許一個瀏覽器視窗可以分割成多個小視窗，每個小視窗用來容納各別的 HTML 檔案。格式如下：
...Note:
·屬性：ROWS=數字或百分比 (橫切) 或 CLOUMN=數字或百分比 (縱切)
·指定窗框的 HTML 檔案內不應有 ...，亦即不應有自己的視窗內容。
·
標籤不需要結束標籤
下例的 HTML 檔案將視窗一分為二，一個讀入 pig.html 另一則讀入 lamb.html：
窗框範例 pig.html 的內容為：
pig 我是頭北極lamb.html 的內容為：
lamb 我是隻北極１ 5. 教你打大html
圖片部分:
在網頁中，最讓人印象深刻的，莫過於漂漂亮亮的精美圖片了，至於在網頁中，我們該如何呈現出這些各式各樣的圖片呢？首先，你要知道所要插入的圖片是JPG格式或是GIF格式的圖片、圖片名稱及圖片的大小，因為在插入圖片時，這些都是必要的資訊。不過在舉例之前，還是先告訴各位本標籤的基本用法：
當然，這是尚未加上任何屬性的標籤，那現在我們就以妙聽聞中的標題圖檔來做範例。
例如：
檔名：news.gif（檔名的大小寫要注意）
圖片大小：width=150 height=107（單位為pixel）
因此我們加上下面的原始碼便可插入此圖。
圖片效果：
順便一提，我們也可以依自己的喜好來設定圖片在瀏覽器中的呈現大小，只是設定值若是不符合圖片的縮放比例，則圖片便會變形。
但是除了這些屬性外，還有許多的屬性是我們用得到的。若是我們有替圖片加上超連結，則瀏覽器自己會替圖片加上一個外框，因此若我們想去除此外框或是加粗此框，則我們可用border=number的屬性來控制，數字越大，框越粗，數字為零則無外框。當然了，在沒有加上超連結時，我們也能自己替圖片加上外框。此外我們若是想替圖片加上註解，那我們也可加上alt="說明文字"的屬性即可，而且在加上註解之後，使用者只要將滑鼠移到圖片上便會出現說明文字ㄛ，現在我們就來舉兩個例子。
例一：
例二：
實際效果：
接下來，我們來介紹在圖文並列時，我們該如何對圖片的插入做更改，首先我們來介紹這兩種屬性：VSPACE（圖片與文字的上下間隔）與HSPACE（圖片與文字的左右間隔）。在一般的情況下，若是圖文並列時，圖片與文字之間往往都會稍微間隔一些些，但是都不是很大，因此會感覺有些擠，所以此時我們就可設定VSPACE=4或HSPACE=4來控制間隔，當然數字隨你設，數字越大，間隔越大。至於實際效果如何，各位請自己試看看，小弟在這就不做範例了。不過為了初學者，小弟還是寫一段原始碼給初學者做參考。
例如：
現在我們就來介紹最後一個屬性 Align（調整圖片影像的位置），這種屬性控制可應用在兩種情形下：【１】文繞圖的編排。【２】圖片夾雜在文字之中。
在應用文繞圖的技巧時，我們若是希望圖片能出現在文章的左邊，則可加上Align=left的屬性，若是希望圖片出現在文章的右邊，則可加上Align=right的屬性。若是在圖片與文字夾雜的情況時，則可用以下的各種屬性來控制：
（１）Align=baseline or Align=bottom：對齊文字底線排列。
（２）Align=absbottom：對齊整行最低點排列。
（３）Align=top：對齊整行最頂點排列。
（４）Align=texttop：對齊文字部份最頂點排列。
（５）Align=middle：這種屬性在兩種瀏覽器上的顯示會不同。在IE上，圖片的中間線會對齊本列中最高圖形的中間線；在Netscape中，圖片的中間線會對齊本列文字的底線。
（６）Align=absmiddle：圖片中間線對齊整列中間線。
至於這Align的屬性效果在圖片與文字的應用上會有怎樣的實際效果，各位不妨自己試試，小弟就不多做說明了；不過在介紹了這些控制屬性後，小弟要提醒各位，只要情況適合，這些屬性之間，都是可以互相配合，一同使用的。
音樂檔:
一個吸引人的網頁，除了文字圖片外，若能適當的應用一些影像、音效等的多媒體檔案插入您的網頁中，那這效果簡直是『酷死啦！』。但是我們該如何做才能實現這些特效呢？其實方法有兩種：其一為利用超連結方式來連接網頁與多媒體檔；其二為將多媒體檔直接插入於網頁內。不過並非所有類型的多媒體檔皆能被瀏覽器所接受。我們現在就來介紹這兩種方法。
【1】、超連結法
以超連結的方式來連結音效檔或是視訊檔，其效果都是讓瀏覽者能能利用超連結的特性來下載該多媒體檔，或是用可播放這些多媒體檔的輔助程式來開啟它。現在就來示範該如何連結這些多媒體檔。
（１）、連結 .wav 及 .mid類型的音效檔：
假設現在要連結一個名為"01.wav" 或"01.mid" 的音效檔，則方法為：
下載01.wav ＝＝＝下載01.wav
下載01.mid ＝＝＝下載01.mid
（２）、連結 .avi 及 .mov類型的影像檔：
其方法與上述方法一模一樣，只是在""的裡面要填入正確的主檔名及副檔名。
例如：
下載01.avi 下載01.mov 至於實際的效果如何，各位請自行試試看。相信現在各位對超連結的方式應該都能輕鬆應對了吧！那現在我們來試試另外一種更好的方法。
【2】、嵌入網頁法
小弟比較鼓勵這種方法，因為效果較好，不信的話，試試便知。
（１）、嵌入 .wav 及 .mid類型的音效檔（可做背景音樂ㄛ）：
假設現在要嵌入一個名為"01.mid" 的音效檔到網頁中，則方法為：