30. 08.
Dear colleague,
Before release web projects to client, please make sure every single page of it bind to our HTML standard.
1. The outlook is corresponding to design by IE6~8, FF and safari.
2. No JavaScript error.
3. Use “view source” to inspect the page. Make sure that no javascript and CSS “inside” HTML.
4. Use “view source” to inspect the page. Make sure no unnecessary DIV in the page.
5. No horizontal scroll bar.
6. It should be readable after using nocss.embraiz.com or remove .CSS file.
7. Header should be defined clearly in no CSS mode.
8. HTML must pass validation “http://validator.w3.org” with zero error.
9. CSS must pass validation “http://jigsaw.w3.org/css-validator/” with zero error.
10. HTML page has reasonable <title>.
11. HTML page has meaningful “<meta name=description”.
12. HTML page has meaningful “<meta name=keyword”.
Cheers
Shu
25. 04.
在網站優手段中,減少多餘HTML是很重要的.一來搜尋引擎不愛看大堆大堆的HTML,二來可以提升網站的響應速度,不要小看這點優化的效果.以下是我們”東莞農村信用合作社項目”的一個優化案例.
在优化前,网页的首页的总大小是
1.21MB,HTML是102K! 網址
? 经过我们优化后同等的内容总大小变成
? 302KB,HTML剧变成8KB缩小了十倍!. 網址
?
首頁省下了100k如果這家銀行首頁平均一天有一萬個點擊的話,那優化後就光是首頁就省下每天100MB的數據量.
24. 04.
現今的網站大約可以分為兩大類,應用類如網店跟展示類如企業網站.可以比喻作店舖及戶外或電視廣告.但有一個明顯分別,無論是廣告或是店舖,人流量或收視率都是很重要的.都他們都不能主動控制人流量,一間店舖有多少人經過只能取決於地理位置.網站就不一樣,SEO搜尋引擎優化做得好就可以帶來人流.需知道無論網站做得多眩,如果沒有人流也是沒用.所以說搜尋引擎是網站最大的讀者.但問題是搜尋引擎還沒有聰明到會讀圖片,它們只認文字.所以理論上SEO最理想化的效果就是純文字網站.可是不加點FLASH誰看呀?所以SEO是一種平衡,要做到電腦能讀,人腦又愛看是一們高深的藝術.
14. 04.
How to place a SWF in absolute middle.
.flash {
height:600px;
left:50%;
margin-left:-400px;
margin-top:-300px;
position:absolute;
top:50%;
width:800px;
border: 1px solid #CCCCCC;
}
31. 03.
Css+div is our web implementation standard.?In order to make our work faster and more accurate we all need to follow the rule below.
All html page to include the Embraiz reset file.
1. Browser has default margin and padding on some elements like ul, h1, h2 etc.. We would like to reset them in order to totally control the layout of the html.
body, div, dl, dt, dd, ul, ol, li, h1{..margin:0pt;padding:0pt;}
2. Most of our li and ol list are for floating menu and therefore we will set them to “list-style: none;”
3. The .space-line class is apply to a div acting like a table boarder to floating layout.