發表文章

目前顯示的是 一月, 2013的文章

[appserv]設定自己的apache server的Not Found 頁面

圖片
我想大家對這個畫面應該很熟悉,這就是常常看到的Not Found頁面,
最近我用自己的電腦當server學做後台,輸錯網址就是這個錯誤,突然想到網路上很多人自製好看Not Found page, 所以我也來看看怎麼設定自己的not found頁面。

因為我的apache是用appserv去安裝的,所以設定上可能不能符合一般大眾。
這次要設定的是server根目錄的404 not found page,如果你是要針對各個資料夾(或說自己server底下各個網站的not found,可能要搜尋一下怎麼設定.htaccess檔案,這個我還沒做)

所以呢,首先先設定httpd.conf裡面的404 page的頁面

step 1 :
若跟我一樣是安裝在C槽,請找到這個路徑的httpd.conf這個檔案
C:\AppServ\Apache2.2\conf\httpd.conf,接著請以編輯器打開



step 2 :
找到512行(或者搜尋 ErrorDocument)
如果你移除註解了,那就會將missing.html的頁面當作404的頁面
(你也可以自製頁面,不一定檔名也是要missing.html)

所以step3就是移除這個註解(移除#號),然後到www/目錄底下建立missing.html



step 3 :
移除註解後存檔。


step 4 :
在www/目錄底下建立missing.html(是要手動建立)。


step 5 :
編輯missing.html檔案,你可以美化它...




step 6 :
然後,重點,重啟apache


step7:

 在瀏覽器輸入一個不存在的網頁畫面,來看看這個not found畫面有無誤
(裡面文字是我亂打測試用)


美化後。。。。(很沒意義的美化XD 其實使用者並不會知道甚麼是404 page><)
應該要做一些說明或是解釋/轉頁等功能的畫面比較好一點XD

接下來可以好好美化自己的not found page

網路上有很多參考:

404页面最佳实践

30多个很酷的404错误页面设计




apache設定-網站目錄不要被看到

圖片
恩,這標題還真難下耶,其實我沒有很懂apache,如果有錯敬請拍磚(<<-是這樣用嘛!?xd
簡單來講呢,就是說,如果網站的目錄裡,沒有index.html/.htm/或.php
像這樣的目錄會很麻煩的就是,當輸入那個網址,目錄裡的東西會被一覽無疑。
說方便也是有點方便,唯一不好的就是安全性,
所以要靠一些設定使目錄底下的東西不要被看見。


這是我的apache的某個目錄:
一進來就被發現我有兩張png圖檔,還可以點。..
apache裝好之後預設就是可以看到目錄底下的東西,所以要自己設定...

修改apache目錄底下httpd.conf這支檔案(我用的是XAMPP)
(\xampp\apache\conf\httpd.conf)約略223行,或關鍵字尋找indexes。
(Hint:看你裝的是哪種apache,或是放在什麼作業系統,可能要找一下httpd.conf這個檔案)

找到Options Indexes FollowSymLinks Includes ExecCGI
將這行註解 #Options Indexes FollowSymLinks Includes ExecCGI
或者不用註解,移除Indexes字樣。
重啟apache。


重啟後再回到那個目錄看一下,就會變成access forbidden了
完成 !
以前我一直覺得apache就一個server而以,沒想到有這麼多設定可以研究!
有時間的話也可以看看HTTP403的錯誤原因是什麼。

關於github的README.md怎麼寫呢?

圖片
自從上個月開始用github for window的介面之後,然後又有一次看到某個表單驗證的github的README.md檔寫的超正,圖文並茂排版有序,到底是怎麼辦到的?!
後來查了一下才知道是有一定的格式可以把README.md檔寫得很漂亮

如果想知道README.md怎麼寫:

1. 下載別人的README.md ,看別人怎麼寫,對照github上的畫面
    我自己是覺得看別人寫最快
2. 直接看規格

我自己是首先,新增README.md檔
第二,用編輯器打開他,(如用notepad++的話,如要寫中文內容,記得使用UTF-8編碼<檔首無BOM>)
第三,開始寫內容
第四,上傳到github之後,可在github的介面上編輯README.md檔,順便preview,就可以慢慢知道怎麼寫了,原來....其實也沒有很複雜

不過我後來發現,按下github的RAW,可以看到README.md完整的寫法,
連下載都不用下載,真棒...



按了RAW之後會轉到下一頁,看到完整README.md格式





PHP - 點擊率的MySQL

在該筆文章或該筆資料的詳細頁面寫入:

<?php if(isset($_GET['id']) && $_GET['id']!==""){ $news_id = $_GET['id']; //點擊次數+1 $add_rate_sql = "UPDATE `news` SET `click_rate` = click_rate+1 WHERE id='$news_id'"; $result = mysql_query($add_rate_sql); ?><h3>熱門消息 Pop News</h3> <?php $show_rate_num_sql="SELECT * FROM `news` WHERE `show_in_front`=1 ORDER BY `click_rate` DESC LIMIT 8"; //這裡的show_in_front的資料會是0或1,用來代表該文章是否要顯示於前台 $result=mysql_query($show_rate_num_sql); if(mysql_num_rows($result)>0) { $num=mysql_num_rows($result); for($i=0;$i<$num;$i++){ $row=mysql_fetch_array($result); ?> <a href="news_detail.php?id=<?php echo $row['id'];?>"><?php echo $row['title'];?>(<?php echo $row['click_rate']?>) </a>��������…

google analytics筆記(二)-Tracking Basics

圖片
參考網址來源:Event Tracking - Web Tracking (ga.js)

google analytics筆記(二)-關於事件
我第一次看這份文件,都是英文有點麻煩,三番兩次去拜訪這個網站就要再理解一次,所以暫時先用自己看得懂得文字做個筆記,說是翻譯也很奇怪,因為我翻得也不是很好....,我很抱歉...google分析不是我的專業....,如果錯誤敬請煩請糾正or直接看英文版,謝謝。另外asynchronous這個單字,曾經在網路上看到有人翻"異步",但此文我是翻"非同步"。
事件追蹤是一種有用的方法,你可以用他來紀錄使用者跟網站元素之間的互動,例如flash驅動的導航/menu/下拉選單。事件追蹤,採用了面向對象(object-oriented model)的模型,你可以用它來收集和分類不同類型的網頁互動對象。


只要你有嵌入ga.js檔,您將常用的事件追蹤有:
Any Flash-driven element, like a Flash website, or a Flash Movie player
任何Flash驅動的元素,像一個Flash網站,Flash影片播放器Embedded AJAX page elements嵌入式AJAX頁面元素Page gadgets 網頁小工具File downloads文件下載Load times for data加載時間數據
另外你可以....
# 預先確定的所有你要追蹤的元素。
# 採用一貫和明確的命名約定。


設定事件追蹤
在你要查看事件跟蹤結果之前,你必須在你的網站上執行以下的步驟:

1.在您的網站上設置追蹤代碼。請確保您已設置追蹤代碼在你的網站上。有關這方面的設定,請看Tracking Sites
2.在頁面中的要被追蹤的物件,或是widget,或是flash,呼叫_trackEvent()方法。

_trackEvent()的參數有:
_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)
*category (必填)
The name you supply for the group of objects you want to track.
你要追蹤的對象群組名稱

*action (必填)

google analytics筆記(一)-Tracking Basics

原文網址來源:Tracking Basics (Asynchronous Syntax)

 Google Analytics的追蹤基礎教學(非同步語法) 
 && 如何架設追蹤代碼在自己的網站 

我第一次看這份文件,都是英文有點麻煩,三番兩次去拜訪這個網站就要再理解一次, 所以暫時先用自己看得懂得文字做個筆記,說是翻譯也很奇怪, 因為我翻得也不是很好....,我很抱歉...google分析不是我的專業....,如果錯誤敬請煩請糾正or直接看英文版,謝謝。
另外asynchronous這個單字,曾經在網路上看到有人翻"異步",但此文我是翻"非同步"。

這份文件(上面的網址來源)包含了如何使用google分析的追蹤語法(非同步追蹤語法)在自己的網站上(主要使用在"Web" Tracking),以及包含了最新的語法。

有了這份版本的追蹤語法,您也可以將Analytics(分析)代碼放在網頁頁面中(他並不會延遲後續頁面內容的渲染),而這些代碼幾乎都是javascript語法。

另外,官方文件也寫道,你可以從 Migration Examples 這個頁面中比較每個步驟的傳統語法(traditional)以及非同步語法(asynchronous syntaxes)的不同。
[恩..雖然我不太懂traditional是指什麼...第一次看這份文件]

內容大綱:
快速開始Tracking Code - Tracking Code Quickstart 告訴你這個非同步語法是什麼運作的 ? -How the Asynchronous Syntax Works 追蹤HTML的事件 -Tracking with HTML Event Handlers 將函數(function)推到佇列-Pushing Functions onto the Queue 一次push好幾個令命 -One Push, Multiple Commands 分割的代碼片段 -Splitting the Snippet 告訴你幾個要避免的陷阱 -Avoiding Common Pitfalls 禁用/停止追蹤 -Disabling Tracking
快速開始Tracking Code 
google分析的代碼是一段一段小小的js代碼並且複製…

[練習]insert data into Table by javascript

圖片
練習由JavaScript塞資料到table


<!DOCTYPE HTML> <html> <head> <title>Example:insert data into Table by javascript</title> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <style> thead{background:#999} th,td{border:1px solid #999;padding:2px} </style> <h1>Example:Insert data into Table by Javascript</h1> <table> <thead><th>ID</th><th>Author</th><th>Cat</th><th>title</th><th>Has_image</th><th>Date</th></thead> <tbody><!--Insert data by Javascript這裡要用下面的js塞資料--></tbody> <tfoot></tfoot> </table> <footer> <script> /* *Subject:Insert data into Table by Javascript *Date : 2012-12-28 *Author : Win */ $(function(){ /* …

[note]尋找課程/演講/聚會的資源