CSS讓網頁更容易設計與維護

本報內容由 iThome online 提供　每日出刊.2007.12.02

iThome每日新聞報 免費電子報 有料電子報 個人電子報 CSS讓網頁更容易設計 ... 色戒，揭露愛情的試煉 本期目錄     •CSS讓網頁更容易設計與維護     •最新要聞－HP與IBM相繼推出刀鋒虛擬管理軟體     •部落格精選－Google 靠什麼賺錢？   • DELL Simplify IT tour 把握機會，搶攻一席   • 慾望！挑逗人性的刺激慾望   • 丟掉落落長的網址！部落格用專屬域名+轉址最酷   • 沒有專屬網址真的遜掉   電子報最新消息 • 如何擠進有錢人行列？   PCHOME電子報幫你在M型社會裡殺出一條血 • 打破享受高潮的迷思∼   想痛快淋漓地做一場愛嗎？本報教您達成！ • 治療系飲食妙方50招   體質虛弱，冬天到容易生病？從飲食就可改善體質喔！ 訂閱特惠情報 iThome電腦報周刊 專欄     CSS讓網頁更容易設計與維護 CSS語法立意讓網頁內容與視覺呈現分離，一方面使得頁面維護工作更容易，不會因內容或視覺效果改變影響到另一方，這樣的頁面設計，也對搜尋引擎更為友善，更容易搜尋到頁面內容。 CSS，Cascading Style Sheets 串接樣式表，網頁外觀的控制語法 World Wide Web最早是以文件的概念組成，希望透過網頁與超鏈結，讓文件與知識更容易連接援引。從HTML語法大量使用文件概念的標籤（例如代表標題的＜H1＞，代表段落的＜P＞），就不難看出WWW的這個特質。 然而WWW比起早期其他網路媒介更迷人的地方，在於它能直接在頁面嵌入並呈現圖片，這個改變讓WWW發展迅速，也讓頁面視覺裝飾大為盛行。但網頁先天的文件性格，讓圖像排版設計難以施展手腳，於是像利用巢狀表格與圖像拼組而成的頁面開始盛行，以求達到精準元素定位與更精美的視覺效果。這個潘朵拉盒子一開，造成了許多失控的亂象，讓頁面原始碼難以閱讀與維護。 Selector 選取器 要透過CSS為HTML的元素套用樣式效果，首先須指向特定元素，像是標題、段落或超鏈結等，而這個指定的方法，就稱為選取器。 最基本的選取器，是指定HTML標籤元素的名稱，另外還有ID選取器、類別選取器、虛擬類別、子系、旁系等，不過這些CSS的選取方法，每種瀏覽器的支援不一，像IE 6就不支援子系或旁系的選取器。 Divist 濫用DIV標籤的設計人員 事實上，善用CSS串接與繼承的特性，就能創造出精準、豐富的視覺效果。但是並非僅靠CSS，濫用語法的情況就能改善。 過去盛行巢狀表格排版，導致Web原始碼難以閱讀與維護。不過CSS設計人員如不善用串接與繼承，而以大量DIV區塊語法作頁面排版，將使頁面原始碼充斥DIV標籤，這往往和使用巢狀表格一樣，難以閱讀，這種設計人員便稱為「Divist」。CSS並非萬靈丹，須靠設計人員正確運用，才能達到效果。 全文>> ▲TOP 今日新聞     最新要聞－HP與IBM相繼推出刀鋒虛擬管理軟體 PTC將以2.5億美元收購PLM廠商 參數科技（PTC）日前宣布將以2.5億美元收購PLM與CAM建模解決方案供應商CoCreate Software，目前雙方已經邁入最後協議階段，預計12月底之前完成收購。CoCreate總部位於德國，在全球擁有280名員工以及5,000多家客戶。PTC計畫收購CoCreate之後，將會與旗下的PTC產品開發系統(Product Development System，PDS)整合。目前這宗購併案已經邁入最後協議階段，PTC預計以5,000萬元現金及金融機構貸款2.1億支付收購與相關的費用。文☉楊惠芬 HP與IBM相繼推出刀鋒虛擬管理軟體 繼HP於今年第二季推出一款刀鋒虛擬連接（Virtual Connect）模組，訴求可以簡化刀鋒環境中的網路管理，並在日前推出升級版後，IBM也於日前推出一款新的刀鋒伺服器管理工具Open Fabric Manager，兩者都強調可在單一平臺上監控100個刀鋒伺服器機櫃。以IBM的Open Fabric Manager為例，當伺服器與網路和儲存設備連結時，會自動建立網路MAC address位址，因此當刀鋒模組進行更換時，軟體也可自動連結至SAN和LAN上，所以不用重新設定位址，以減少設定更改的作業。文☉許雅婷 全文>> ▲TOP 專欄     部落格精選－Google 靠什麼賺錢？ Look Search 原來搜尋引擎可以這樣玩 Google 靠什麼賺錢？！ 在介紹Google Mini之前，先跟大家探討一下Google強悍的賺錢方式吧！ 許多人應該都會覺得奇怪，Google養了上萬的菁英人員，推出這麼多免費服務，而且還常聽到闊氣的併購許多公司！真的只靠關鍵字廣告就可以賺這麼多錢了嗎？我們先來看一下Google的營收數據（億元之後四捨五入，單位美元）： 2002年： 4 億（美元） 2003年： 15 億（美元） 2004年： 32 億（美元） 2005年： 61 億（美元） 2006年：106億（美元） 所以在這五年之中，Google從4億急遽擴張到106億，營收成長率幾乎是呈現「旱地拔蔥」的爆發性成長，這在近幾年的全球企業中，應該是一枝獨秀。 令人驚訝的是，以一家技術導向的搜尋引擎公司，還真的幾乎只是靠廣告而已… 全文>> ▲TOP 前期文章 全部歷史文章 出刊日期 出刊主題 2007-12-01 資訊月：筆電單核心2萬、雙核心3萬以內買得到 2007-11-30 Yam天空要做網路市民報　前民生報團隊助陣 2007-11-29 Windows XP效能測試大勝Vista 2007-11-28 英特爾45奈米PC趕不及參加資訊月 2007-11-27 Vista和VoIP漏洞明年將迅速成長 感謝你訂閱這份電子報，下列電子報或許你會喜歡，請勾選    PC uSER密技偷偷 ...    Mobile01科技新知 ...    數位時代    PC Office電子報    遊戲新幹線玩家快 ...    ToGet 軟體報    數位之牆    iThome每日新聞報 我要訂閱這份報紙» 我要取消這份報紙» 訂報說明 ．本電子報內容由 iThome online 提供 ．關於內容有任何疑問，或欲轉載請聯絡 PChome ePaper 電子報版權所有，關於電子報發送有任何疑問，請聯絡 客服 台北市敦化南路二段105號11樓 ，TEL：(02)2708-8038，FAX：(02)27094848。

． 刊登廣告． 個人連結． 企業合作． 隱私權聲明． 關於PChome． 徵人 網路家庭版權所有 Copyright PChome Online 版權所有，轉載必究