Archive for the ‘ Website ’ Category

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

在編輯網頁時,如果要讓某個超連結 (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

    [轉載]網路開店到底可不可行?

    轉載自: Neo's Blog


    昨天去夢想家維護系統的時候,裡面一位員工說要自己出來開網站,我建議他到奇摩拍賣先去試試,而他的想法卻是「希望有一間自己的網路商店」。

    他問了 Hinet 最便宜的開店方案,一個月也要一萬多。

    以他目前的狀況,既不懂行銷,又不懂網站,只單純的會美工及找產品,就算Hinet的只有一百元,成功的機率都不高。

    想要有自己的店面是很多創業者的夢想,但是在網路開不開店完全不是重點,開店是在實體世界才需要做的事,網路創業風潮一再被媒體及開店平台商扭曲,變成沒有自己的店面好像就沒辦法在網路上做生意。

    Read more

    老闆,為什麼要做網站?

    這是我在瀏覽設計魔力的「老闆,為什麼要做網站?」這一篇討論主題所截取下來的兩個重點...

    製作網站的目的

    製作網站的目的,或者說網站的用途:

    • 如果,你正在外面用餐、或是在開車,你的客戶打電話,現在馬上要一份你產品的規格表,請問你怎麼給他?
    • 你的客戶對你們公司的產品很感興趣,他想去你們公司拜訪一下,想問你你們公司怎麼去,你要用手畫好傳真給他嗎?
    • 你的客戶打電話來,他說他想要一樣什麼樣的商品,你告訴他你們有賣,但是他說他想看照片,你要怎麼拿給他?
    • 你人在客戶那裡,客戶突然跟你要一份產品資料,你要怎樣取得這份資料?
    • 你人在展覽會場,手上的資料發完了,有個客戶對你的產品很有興趣,你要怎麼準備資料給他?

    簡單來說,網站可以讓你與客戶多一個「溝通管道」。

    Read more

    return top