css固定footer

18 November 2010

介紹一個stick footer

什麼是stick footer,

可以打開T客邦的網站

然後看到最下面那條,那條就是footer,

通常都會在那塊放至版權的宣告、合作方式...等等之類的。

通常我們html的設計方式大概如下
<html>
<head></head>
<body>
<div id="header">通常放置在網頁上的最上方區塊,通常是顯示LOGO或者登入、註冊連結之類的</div>
<div id="wrapper">就是放置內文了</div>
<div id="footer">就是版權宣告的區塊</div>
</body>
</html>

如果你沒有對footer作特殊的設計,那麼出來的版面可能會有點醜。

如下圖,你會發現在版權宣告區的最下方會有一大塊白白的東西,還蠻醜的:




如果你想要把下面那塊固定在最下方,如下圖,





就可以透過sticky footer來實作,

至於css的code就去看http://ryanfait.com/sticky-footer/這個站看

因為太簡單了,就不PO教學了啦。















read more »


ApacheBench 進行stress testing

08 November 2010


Apache提供了一個免費的工具(ApacheBench )來讓我們測試網站的承受壓力程度,

不過ApacheBench 僅能提供對單一URL進行測試,但是真正的情況下,

可能是同時很多個user連結不同的url,ApacheBench 並不能做到這樣的test

但可以利用它來test會耗費較多效能的程式,來看看該網頁程式的承受程度。

所以其實ApacheBench 是無法去模擬真實的狀況,沒辦法,It's free!



OK,來開始說明吧。

只要您有安裝Apache,那麼也一定會有ApacheBench ,

就在apache安裝目錄/binab.exe


我們可以到官網來看使用說明

也可以直接下個command來看所有的使用參數說明

  ab.exe -h                         

這裡就不作詳細的參數說明,大家可以到官網觀看。



這裡舉個例子

   ab -n 100  http://www.google.com/    

注意:  如果不是指定某page,一定要以/為結尾,如果是指定到page就不用了。

參數-n意思是 對該網站發出幾次request

下了該command以後

會response一長串的資訊

我們只要看到幾個重要性的指標就好

首先先看到兩個指標Complete requests、Failed requests

Complete requests  :完成的request次數

Failed requests  :失敗的次數

如果失敗的次數太高,代表著該網站同一時間能承受的request數量不能太高。

然後再看到Connection Times:進行stress testing時的處理時間


Connection Times (ms)
                   min  mean[+/-sd] median   max
Connect:        17      33  62.9      22        421
Processing:   20      40  86.1      25        688
Waiting:         19      35  71.8      25        688
Total:             39      73 104.9     47        709


connect:是我們發出request,一直到server收到request的時間

processing:是request後,一直到server response這期間的時間

waiting:發出request以後,一直到收到response第一個byte的時間

total:就是connect+processing


我們大概可以從Complete requestsFailed requestsConnection Times 這幾個指標來衡量一隻程式能承受的壓力程度。






read more »


Apache 限制目錄瀏覽

06 November 2010

前天去看了社群網站

片頭有講到哈佛裡面的有些宿舍網站的apache 沒有拿掉index,

因此有目錄瀏覽的功能,這樣該目錄底下所有的檔案都會被使用者看見,

那該怎麼關掉呢?

打開httpd.conf

找到這行


Options Indexes FollowSymLinks

然後把Indexes 拿掉

然後重開apache,該目錄底下的檔案就不會被顯示出來!

且會response 403 Forbidden。

如果你要有些特定目錄是允許使用者看見的,

那麼就在該目錄底下,把index放上去即可。

假設

test1底下的/images是允許被看見的

test2底下是不允許的

那麼設置就如下




<Directory "D:/test1/images"> 
.....
# 可以被看見的
Options Indexes FollowSymLinks
.....
</Directory>
<Directory "D:/test2/images">
.....
# 不可以被看見的
Options FollowSymLinks
.....
</Directory>














read more »