民宿家的客戶來源對網路的依賴度超過了 30%. 幾乎所有的民宿都想到要設一個網站. 掛上自家民宿的介紹. 有些民宿家本身缺少自製網頁的能力, 所能想到的最好辦法是花個萬把元, 請網頁製做公司幫忙做網頁. 既然是請專業公司製做的, 網頁通常就會做的十分精美. 可別以為這樣做個網頁就真的能馬上發生效益了. 其實, 我們經過常年的觀察, 精美的網頁不見得真正能招得好客人. 尤其是過度包裝的網頁, 容易造成實地進住之後的感覺落差. 反而會糾紛重重. 反而是, 由民宿家本身自己以生澀的手法, 製做出來挫挫的網頁, 反而更能吸收到實在的客源. 重點不在網頁的精美, 而在於網頁的內容: 有沒表達了民宿家本身的真實內容. 表達了民宿家所能提供的樸實待客的真實感情. 這些內容與感情能夠讓網友經由網頁感受得到. 這才是最重要的.

還記得前年中文的網頁發生假民宿網事件時, 新聞媒體訪問了民宿發展協會的吳理事長, 他表示: 網友不應只依賴網頁查得民宿. 他認為網路只是提供一個輔助的管道, 民眾應該經由口碑與其他管道多重考查一家民宿. 上網來查資訊, 只是用來做為一個輔助的資源. 固然, 這樣的說法也不算不對. 不過, 他會有這樣的說法, 多少基於其本身自家的民宿就具有高度的口碑. 再加上或許他個人對網頁應用的深度有限. 硃不知, 民宿業者對網路的依賴度越來越高之後. 是會逐漸的走向, 民眾幾乎只能靠網路來找到民宿了. 因此, 民宿家對於自身如何應用網站來集客, 會越發成為不可疏忽的課題.

除了, 上頭提到過的, 寧可製做一個樸實的網頁, 也無需花了大把錢製做了過度包裝的網頁內容之外. 網頁的內容還要考慮一個很重要的因素. 就是要做成一個可對話的網頁. 千萬別要只是像一張丟到信箱, 印刷精美的廣告紙. 人們看到信箱中的廣告紙, 最經常的反應, 就是看一眼, 或看也不看就把它丟了.

網頁要如何能對話. 至少, 能有一個能隨時更新, 表達實際訂房情況的報表. 進一步, 若能提供一個留言板, 隨時讓網友留下查詢的問話, 或者來過的民宿客來回味的留言. 加上民宿家的回應內容, 這樣的互動景象, 很實在的反應民宿家與客人的互動. 也許民宿家無法想像, 這樣的互動內容不只是吸住了網友的目光. 而且經常成為網友就選定這家民宿來住的主要因素之一. 因為, 住民宿無非就是想要一個感覺. 一個與民宿家主人互動的感覺. 如果, 民宿家的網頁只能像丟在信箱中的廣告紙, 又如何能提供了互動的感覺.

國外有許多有關 CSS 的教學網站, 由於都有完整的實例解說, 語言上的差異並不會是很大的障礙, 因此不用管它是英文或德文, 不用太顧慮. 很值得參考學習.

• HTML Source’s Introduction to CSS Stylesheets
  

  (http://www.yourhtmlsource.com/stylesheets/introduction.html)

• HTMLdog’s Guide to CSS for Beginners
  

  (http://www.htmldog.com/guides/cssbeginner/)

• Web Page Design for Designers – CSS From the Ground Up
  

  (http://www.wpdfd.com/editorial/basics/index.html)

• Westciv’s CSS Hands on Tutorial
  

  (http://www.westciv.com/style_master/academy/hands_on_tutorial/)

• Digitalweb’s CSS 101
  

  (http://www.digital-web.com/articles/css_101/)

• Official Cascading Style Sheets Level 2 Specification
  

  (http://www.w3.org/TR/REC-CSS2/)

• The Web Developer’s Network
  

  (http://www.alvit.de/handbook/)

• CSS Vault
  

  (http://www.cssvault.com/)

• Mezzoblue’s CSS Cribsheet
  

  (http://www.mezzoblue.com/css/cribsheet/)

CSS 對於頁面有相當高的表現能力, 提供一些國外的技巧示範實例解說網站, 提供了許多使用 CSS 的技巧實例, 有興趣的朋友不妨參考學習:

• MaxDesign’s CSS Layout Examples and Guides
  

  (http://css.maxdesign.com.au/)

• Positioniseverything.net
  

  (http://www.positioniseverything.net/)

• A List Apart’s Designing Faux Columns
  

  (http://www.alistapart.com/articles/fauxcolumns/)

• Bluerobot’s CSS Layouts
  

  (http://www.bluerobot.com/web/layouts/)

• Eric Meyer’s Articles on CSS
  

  (http://www.meyerweb.com/eric/css/)

• Glish CSS Tips, Techniques, and Resources
  

  (http://www.glish.com/css/)

• CSS Layout Tutorial
  

  (http://www.yourhtmlsource.com/stylesheets/csslayout.html)

• Mandarian Design’s CSS Examples, Tips, and Tricks for Bloggers and More
  

  (http://www.mandarindesign.com/style.html)

• The Noodle Incident’s Tutorials on CSS Boxes
  

  (http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html)

• CSSLayouts Tips and Techniques
  

  (http://css-discuss.incutio.com/?page=CssLayouts)

• WebColor’s WebMaster Kit for CSS Colors
  

  (http://webcolor.webmaster-kit.com)

• CSS Tips and Tricks from Camera on the Road
  

  (http://www.cameraontheroad.com/index.php?cat=68)

• CSS HowTo at Intensivstation
  

  (http://www.intensivstation.ch/en/css/)

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實務排版技巧、秘訣與技術

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

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