民宿家設立了網站, 無非是期待人們能由網路上找到自家的網頁. 至少, 也要達成一項功能: 要能在人家是預聞這家民宿, 想從網路上查看相關的資料時. 至少能成為一個提供簡介的來源. 若是, 由此觀點來說, 那民宿家的網頁至少要設想, 上網來查自家網頁資料的人, 想要從網頁上得到那些訊息. 這就是屬於網頁內容與製做的課題.

至於, 民宿家想要在搜索引擎中爭取到排列在前頭的位置. 那要看, 想要針對那些關鍵詞來爭取排列的席位? 人們上網路找民宿時, 第一個最可能使用的觀鍵詞是 “民宿”. 就此關鍵詞而言, 排在搜索結果頁前幾席的, 幾乎是以一些 “民宿網” 站為主. 或是某些設站較早的民宿家. 初設網站的民宿家, 就別說期望排上前幾席, 就連前十頁都很難. 甚至於, 有時以自家民宿的名稱在搜尋引擎上查都還不一定能排上第一位呢. 據知, 從搜索引擎上找資料的使用者, 絕大部份, 很少會翻到第二頁之後的. 因此, 沒能排上第一頁, 甚至沒能進入前幾席就幾乎可說, 無從由引擎得到吸收網站訪客的立即效果. 可也千萬不能因此就放棄了在搜索引擎上的努力. 因為, 民宿一詞沒排得上. 可地名加上民宿組成的詞, 譬如: 清境民宿, 澎湖民宿, 花蓮民宿, 墾丁民宿 ……. 乃至於, 台北民宿, 台中民宿也都是很熱門的關鍵詞. 說不定在民宿一詞, 沒能排得前頭, 台中民宿一詞就能排上第一頁, 這也不一定. 因此, 還是可以去努力的.

至於, 要努力的方向, 不外就是要嘗試. 把自家的網站行銷出去. 讓網路上有別的地方出現了自家網站的連結. 取得連結的方式相當多. 讓您的網站更容易被找到 爭取反向鏈結的 109 個方法 ….. 都是可向大家推薦的幾篇文章. 值得參考. 必要時, 還是可從搜索引擎去尋找相關的討論與知識來源.

光是將網站架好，是不會有人上門的。只是將網站架設起來，別說人潮了，最多的參觀人次竟然是自己。此外，也許只有稀稀落落的偶而會有不小心闖錯地方的人，或者是經由你特地通知了才來參觀的朋友。要吸引別人造訪網站，需要一番努力。要讓客戶不斷重複造訪，則需花費更大的功夫。經由探尋幾家設有網站而成功的推廣了自家民宿朋友中得知，以目前的情況，大約一個民宿網站，一天只要有 50 人次以上的訪問者，差不多就能支持民宿穩定的客源了。而且，這些民宿初期大都全然只依賴網路推廣，就能夠打開市場了。當然，民宿本身的確也一定要有特色，才能由每天這樣的 50 人的訪次中，每天至少吸收到一組客源。然而，絕大多數的民宿網站，一天之中連 50 人次的訪問量也無法達到。因此，我們要探究網路上的人們是如何找到民宿網站的。

最多數人尋找網站的方式，是透過 Google 這類搜尋引擎，而 Google 也的確佔了全球一半以上的網際網路搜尋使用量。在台灣則是絕大多數的年輕使用者是透過前身為 Kimo 的 Yahoo。MSN 設立的 Live.com 在台灣才剛起步，但其搜尋結果似乎與 Google, Yahoo 有不小的差距。 使用率也顯然較低。不過，使用者對搜尋引擎的依賴是不爭的事實。因此，在搜尋結果中得到好的排名位置，就是增加網站用戶的關鍵。據知，九成以上的人不會翻到搜尋結果的第三頁，八成以上的人只看搜尋結果的第一頁。甚至於只看頂端的幾行資料，就已經進入他所想要找的網站了。 搜尋引擎採用複雜的演算法來排列搜尋結果，據說 Google 就採用了 200 條以上的條件來演算。想要爭取好的頁面與排名位置絕非只是巧合。搜尋引擎最佳化 (或搜尋引擎優化 Search Engine Optimization 簡為 SEO) 就是一種提高排名位置的過程。這也是設了網站之後，最重要的一個課題，如何經由優化的過程將自家的網站推廣出去 ? 有興趣自己查資料的朋友，不妨嘗試幾個關鍵詞 : 搜尋引擎最佳化, 搜尋引擎優化, 搜尋引擎排名, 網站推廣, 網路行銷 ….. 等，試著在 Google 查到一些可供參考的資料。

國外有許多有關 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實務排版技巧、秘訣與技術

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