1995 年製訂的 HTML 的標準僅只定義了網頁結構的標記，並不包含外觀呈現的標記。 1998 年 W3C 組織訂定 html 4.0 標準時，將樣式的概念引入了 HTML，簡化網頁設計的複雜度，讓內容和格式交給 HTML，而外觀呈現交給 CSS(Cascading Style Sheets，串接樣式表)，如此使得網頁易於維護，而且讓不同的系統平台存取網頁會更為簡易。 因為，涉及視覺性表現的可透過樣式表控制，到了 HTML 4.01 將許多與視覺有關的標籤和屬性規定不再使用了，如 font、strike、center 等標籤，而用 CSS 來取代它們原有的功能。 更進一步的是希望對於 HTML 中表格版面與框架等配置的方法能用 CSS 來取代。 後來更因 XML 的引進，創造了 XHTML 這個與HTML4.01相當接近的標記語言，成為邁向XML重要的第一步。

就 W3C 的標準而言，網頁直接應用的標準語言包括四大類

• 結構語言(Structural Languages) 以 XHTML 為主
• 物件模型(Object Models) 以 DOM 為主
• 腳本語言(Scripting Languages) 以 JavaScript 為主
• 表現語言(Presentation Languages) 以 CSS 為主

一般來說，只要學會使用 XHTML 與 CSS ，大致上所有靜態的網頁都能應付了。

至於，如何開始學 CSS。還是老辦法，建議各位可在 Google 找 : “CSS 教學” 這幾個字眼，就能找到許多提供教學資源的網站了。其中，特別值得一提的幾個網站，在此特別再予列出如下 :

• CSS(Cascading Style Sheet) Note
• C S S 教學(網站建置百寶箱製作)
• CSS樣式表教學 (9Walker Studio)
• 凱哥無名小站 CSS 語法教學
• Cascading Style Sheets (串接樣式表)的基本介紹
• CSS實務排版技巧、秘訣與技術

建議由其中選一站仔細的參考研究。

◀ 許多人習慣於只使用微軟所提供的瀏覽程式上網, 殊不知還有更好的瀏覽程式 Firefox.

mosaic 是瀏覽程式的老祖宗, 後來改名為 Netscape, 1998年更開放了源碼. 才有後續的許多其他瀏覽程式的發展. 而微軟挾著視窗軟體搶下大量微電腦的系統軟體市場, 併同綁架的賣給使用者 IE 瀏覽程式. 雖然, 後來微軟被控獨占成立. 確也早已造成許多人誤以為, 上網只能用 IE.

Firefox 是 mosaic 後續的 Mozilla Mosaic 計畫所發展的. 正是想要奪回 IE 獨占的局面. 也許, 你也該下載, 安裝試用看看 …… 安裝很容易, 而且是可完全免費使用的. 請點左邊的圖標下載

◀ 除了 Firefox 之外, Google 還推薦許多優秀的免費軟體, 下載安裝使用吧!!

Google 一向嚴禁參加廣告連播的站主, 在網站上鼓勵用戶點擊廣告, 甚至只是暗示也是不許. 不過, 最近, 對於對於站主以自身的使用經驗, 推薦下載它們所提的供的免費軟體, 這一點倒是開放了 ….. 因此, 向你推薦 … :-)

這網誌的設立是因為 Hi3B 網站運行的過程, 常會接觸到使用者, 對網路, 網頁, 網站相關的事務, 提出深淺不一的各式各類問題. 於是, 整理了這些問題, 在網誌中完整的回應.
網路開始至今, 正好是五十年了. 最早的網路是 1957年美國軍方 ARPANET 的前身. 到了 1966 年才開始有 Inetrnet 發展的起步. 最早連進台灣的國際網路是 1981 年的 Bitnet （Because It’s Time Network）的大學網路。同時, 微電腦也正開始被發展出來。民間最早的撥接式網路 Fidonet 也早在 1987 年由本人所引進。1990年 WWW 發展出來之後, 緊接著 1994年最早的瀏覽程式 Mosaic 開啟了一般人可使用微電腦瀏覽網路上的 www 網頁的契機, 網路的應用就似發病一般的突然的蔓延開了。最近的十年中, 網路相關的應用與相關程式, 幾乎是每日一新的不斷更新與進步。我們相信網路應用總會進步到一般人都很容易就能學會, 寫網頁也會成為只要打開電腦簡單的操作就能做好就可上網流通的地步。其實, 當前的許多免費提供使用的網誌, 也越發將近這一地步了. 只是, 多少還是要學些電腦的基本使用. 在還沒達到近乎完全不用學習的地步, 不免還是要經過許多的學習才能順利的使用。要討論與學習的東西太多, 任誰要從頭一步的開始都會覺得不知從何下手。

這個網誌的主要目的, 只希望提供一些普遍與淺泛的概念。即便是淺泛, 但因為普遍也就項目繁多。因此, 我們可能會由許多不同的項目同時交互的進行討論。也很難預設會討論到多少項目, 又能如何的分類。討論的主題與類別都會不斷的增列出來。看倌不妨就網誌右列的主題分類表中, 找到自己有興趣的主題。更歡迎瀏覽相關討論的朋友, 或許也能提供其他主題的建議。

網頁最基礎的是 HTML, 這只是一種網頁結構的標籤規則, 並不是程式. 其中最主要的功能就是鏈結的標示方法. 一個鏈結的觀念啟動了當今網頁不斷擴張的第一步. 然而, HTML 畢竟有它的限制性, 對於網頁的表現型式, 只有幾樣簡單的顏色, 字體大小與型式, 以及排列與表格的幾種型態. 隨之發展出來的是對於網頁外型最強而有力的表現標示方法 CSS. CSS 能精準的控制網頁上每一個元件的位置, 大小, 展示方式. 使整個畫面的表演, 能達到精美的地步. 至於, 進一步的則是動畫, 音響的表現型式 FLASH 等. 還有能控制網頁與使用者之間互動的相關程式語言. 最廣泛應用的有開放式的 PHP 語言, 還有 Microsoft 的 ASP 語言. 當然, 網頁相關的標籤或程式語言, 不只是這些. 為大家介紹一個, 當前網路上公認, 一個最完整的免費教學網站: http://www.w3schools.com/ . 這一網站幾乎把所有網頁直接相關的基礎軟體, 全都做出了十分完整詳盡的表列清單與說明, 並逐一的提示簡單易懂的的教案與範例. 實在, 難以想像這麼完整的資料耗盡了多少人力物力才能夠達成的. 日常, 我自己在寫網頁時, 遇到任何困難, 找答案的最終點, 幾乎就是這了. 有興趣的朋友不妨可預先參觀. 日後, 我們再深入討論相關程式時, 也會不時的由這的資料來舉例說明.

談過了網站空間, 接下來我們來談, 每一個網站空間要如何的給一個標示, 別人才能夠分辨以及互相連絡. 這與每家的電話都有一個各別的號碼, 有門牌. 每個人有個名字一樣. 其實, 每一片電腦主機板最初製造出來時, 就有一個獨立的編號. 可也不能就直接拿這編號來做為通聯的依據. 若這樣處理的話, 那一個網站換部電腦來跑, 不就要向全世界整個網路再通報一次, 換一次號碼. 當初, 電腦互聯網開始之後, 設想了一個編號的方式, 是採用 4組 16 位元的號碼來做為區分. 換成十進位表示的話就是 255.255.255.255. 每一組都是 0 到 255. 以這樣的編號, 可區分出 40 億以上的組合. 這樣的編號是最早的連通網的協定 ( Internet Protocol). 也就是我們經常會聽到的 IP. 編號的使用由一個中心組織來負責配發. 至於, 配發的方式細節, 在此我們就不細談. 有興趣的朋友可拿出老辦法, 上 Google 引擎中去找答案. 接著我們要談另一個標示網站的重點, 就是所謂的網域, 或稱為網名, 域名 (Domain Name).

原本使用 IP 編號, 聯通點不多時, 還能像電話號碼一樣, 勉強可應付. 可是隨著聯上網路的電腦越來越多之後, 只憑一個號碼, 實在難以記憶與分辨誰又是誰. 才會又設計出一套取名的方式. 最早的連通網是由美國的軍方開始的. 取名的方式就先訂出第一層的類別區分. 以三個英文字母區分為 mil, edu, gov, net, com, org 以及 int 七種類別. 每一種類別有各別的管理單位負責管理下一層名稱的登錄與使用. 後來, 美國之外的國家也參加了聯網了. 才又依據國際標準組織所訂的國別編碼, 又訂出了每一個國家有一個兩個字母的領域編碼. 像日本是 jp, 台灣是 tw, 中國是 cn, 美國是 us …… , 對於頂層類別域名, 後來也擴充了 name, biz, pro, info, aero, coop, meseum, mobi 等域名. 在第一層域名之下, 才由每一個使用單位去申請登錄一個第二層的名稱. 譬如, 雅虎申請的是在 com 之下的 yahoo, 寫為 yahoo.com, 其實, 雅虎公司還把 yahoo.net 也登記了. 只是, 它在於商業考量, 只希望大家只要知道 yahoo.com 就好. 別去用他的 yahoo.net. 好了, 我們同樣不在這裡討論太多域名的細節. 同樣的, 有興趣的朋友一樣也可經由 Google 的蒐尋系統, 查資料深入瞭解. 我們只來談, 域名的應用與域名與網站與 IP 之間的關係. 以及域名的重要性. … 請待下回分解.