Archive for the ‘ Website ’ Category

JavaScript 及動態網頁設計(dhtml)的相關網頁

國外網站

中文網站

其它

正規表示式 (Regular Expression) 語法整理

正規表示式 (Regular Expression, 簡寫 regex、regexp 或 RE),又稱正則表達式、正規表示法、規則運算式、常規表示法 (Wiki)。

在字串的處理上,針對大量、重複、有固定邏輯的文字,那「正規表示式」是非常 Powerful 的工具! 即便不是程式設計師,在可以運用到「正規表示式」的場合 (例如: 文字編輯器),也可以幫你節省許多文字處理的時間。

但是在初學者的眼中,正規表示式卻又像是天書一樣的難以理解。以下文章僅針對正規表示式的相關語法做解說,初學者可以撘配本站轉載的文章「PHP 正規表示式基本語法」去理解,再進入線上測試工具,以實際的例子去做測試。

Read more

讓網頁的「外部超連結」自動開啟在新視窗

在編輯網頁時,如果要讓某個超連結 (Link) 開啟在新的瀏覽器視窗,我們可以在超連結加上「href="_blank"」屬性,但如果超連結很多,要一個一個加上去畢竟麻煩!!

以下的程式碼可以幫你把網頁內所有針對「外部」的超連結自動設為在新視窗開啟。

一般網頁

  1. 將下列程式碼加到網頁的 <head> 區段:
    <script type="text/javascript">
    function parseLink(){
      var tagA = document.getElementsByTagName( "a" );
      re = new RegExp( "^(http://" + document.domain + ")|(javascript:)", "i" );
      for( var i=0; i < tagA.length; i++ ){
        if( !tagA[i].href.match( re ) ){ tagA[i].target = "_blank"; }
      }
    }
    </script>
  2. 在 <body> 標籤內的 onload 事件加入:
    parseLink();

    Ex:

    <body onload="parseLink();">

WordPress 外掛程式

如果你的網站是用 WordPress 架設,可直接在控製台搜尋並安裝「Open external links in a new window」這個外掛程式 (版本: 1.3.1 作者: Kristian Risager Larsen),這樣就不用添加任何程式碼了。

另外需注意,如果本外掛程式與其它像 LightBox、FancyBox...之類的圖片燈箱特效的程式一起使用,有可能會造成同時顯示燈箱特效,又同時將圖片開啟於新視窗!!

一些好用的 JavaScript 的網址列指令

以下這些 JavaScript 指令,只要打在瀏覽器的網址列即可:

  • 變更視窗大小:
    javascript:window.resizeTo(800,600)
  • 檢視 Cookies:
    javascript:alert("Cookie:"+document.cookie)
  • 列印網頁:
    javascript:print()
  • 幾種網頁轉址與「301 永久搬移」的語法

    轉址的方式分為:

    • 302: 暫時搬移 (Temporarily Moved)
    • 301: 永久搬移 (Permanently Moved)

    Read more

    [轉載]利用 google 半秒破 500 網

    轉載自: 黑客基地


    其實 google 搜尋器變了駭客工具也不是新聞,老手早亦用到,新手的也可來試試。

    只要將以下字串作搜尋的話,你都得到很多密碼,當然若要得心應手便需要更多研究及借助其他軟件,但初步先懂得去找。

    inurl

    「inurl」是駭客重要的搜尋方法,可搜到網址包括的關鍵字,例如輸入「allinurl:login password」作搜尋,便會很易找到有 login 和 password 的網頁。

    filetype

    「filetype」是駭客專用語法,例如想找 mdb 的資料庫檔案,可用「password filetype:mdb」作搜尋,便會找到密碼文件,進階用法可配合 inurl: 使用,例如 girl filetype:jpg site:com 便可搜到所有 .com 網站,而檔案為 girl.jpg 或網頁內容有 girl 字串的網頁。

    Index of /admin

    Index of /admin」搜到的結果大多數是容許使用 index browsing 的網站,隨便按下一個連結便看到網站的資料夾和檔案分佈。

    Read more

    各種資料手冊下載,強力推薦

    Cheat Sheet Roundup 是一個很棒的網站,內有作業系統、程式設計、資料庫、網頁設計…等 30 餘種相關的資料手冊可供下載(包含一些單頁的 Data Sheet 可以用來貼在自己的座位牆板上),對於設計師與相關資訊人員,都是很好的參考資料,強力推薦。

    [轉載]傳統編輯對部落格新手的寫作建議:一個呼籲

    轉載自: 老貓學出版


    這半年來台灣的部落格風潮,可說是越颳越興旺,許多優秀的傳統媒體寫作者,大量轉移寫作平台,開始建立自己的部落格。但這時我卻發現「會寫作」和「會寫部落格」之間,還有著相當的落差。許多人有非常棒的學養和見解,可惜文章貼出來卻讓人難以卒讀。

    不是因為見解不深刻,也不是因為文筆欠優美,而是因為文章讓人「看」不下去──文章密密麻麻,版面沒有考慮「易讀性」,讀者眼睛疲勞,讀來自然備感痛苦。你等於加設了一道辨讀文字的關卡,擋在讀者理解文意之前,讀者還沒來得及思考你說了什麼,一上站先就被缺乏易讀性的版面打敗了。

    部落格是個「一貼上就發表」(post and publish)的出版工具,從寫作到發表,沒有任何距離,不像傳統媒體,中間還有一個叫做編輯的傢伙,幫你調整段落、設定格式,讓你的文章印成鉛字以後,你越看越滿意。

    Read more

    兩個跟 "鉛筆" 有關的 FLASH 動畫 *

    動畫一

    動畫二

    [轉載]個人品牌的建立

    轉載自: Neo's Blog


    上個月做日盛的案子做到沒日沒夜,連 Blog 都沒時間更新了。那現在就來想想,為什麼日盛的案子會做到沒日沒夜?

    專案時間緊迫、規格不確定、要求太多、純做表面的程式...所有不應該發生的事都發生在日盛這個案子上。而且原因都很平常,有沒有什麼辦法可以避免掉呢?

    一般 SOHO 族如果一條龍式的包下來比較能控管整體專案的品質,但是與專案經理跟業務搭配的時候,該擋的應該要擋掉,讓業務予取予求,就等於讓 End user 予取予求,畢竟出嘴比出力輕鬆許多,累的都是最後在做工的可憐 SOHO 族。

    那為什麼要扯到個人品牌呢?

    以美術設計來說,同樣一個插畫,為什麼一定要你來畫? 別人就不能畫嗎?

    就算給你畫,畫出來客戶還會東嫌西嫌,東改西改,難道自己的東西真的那麼不堪嗎?

    那為什麼還要做下去?

    Read more

    return top