2010年8月9日 星期一

幫您的網站找收入─ 「Google Adsense」


現在無人不知，無人不曉的Google 大神，是怎麼建立起這麼龐大的帝國呢？
除了近年來開始靠專利跟轉投資賺錢外，99%是靠廣告收入來賺取營收。
那麼，Google 是怎麼建立起這樣廣大的廣告平台呢？  就是本篇要介紹的
Google Adsense
Google Adsense可以為各式網站、部落格、論壇...自動媒和廣告贊助商，並讓這些網站的經營者，透過訪客點擊廣告的行為，賺取相對應的收益。廢話不多說，賺錢要緊，先說明一下如何申請：
1.請到Google Adsense 申請頁面，按下立即申請按鈕
2.接著請填寫您的網站或部落格的基本資料，以及最重要的收款人資訊，姓名及地址請用英文拼音，這裡附上懶人連結，英文拼音查詢，英文地址查詢
3.他會問你是否要用現有的Gmail帳號來登入Adsense，建議使用
4.申請手續完成後，Google 會進行審核，如果通過的話，他會寄一封mail給你，通知你可以開始使用了
以上為申請流程，還滿簡單的，所以不用圖文並茂版的介紹了

接著，是怎麼使用的教學了，請待下篇分曉，有網頁編輯經驗的人，可以自行嘗試看看^^。
作者： yosia 於 晚上8:27 1 意見

2010年5月29日 星期六

美化網頁的字型-Google Font

以往網頁文字為了避免網頁瀏覽者的電腦沒有相對應的字型，所以通常在設計上都使用預設的字型，諸如Arial、Time Romance、...，非常單調，若想要用別的字型來呈現，通常必須用圖片來取代，但這又會增加網頁的下載時間...。所以設計跟瀏覽速度總是魚與熊掌難以得兼。
不過，現在有新的解決方案了！！
那就是「Google Font」─ Google大神提供字型供我們使用。
高手們可直接前往Google Font API官方說明頁，中低手們就請勉強看看小弟的介紹吧
  1. 匯入Google字型載入程式
    在網頁<head>...</head>之間加入下面的程式碼
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js">
</script>
  2. 在Google Font Directory中找到你想要的字型，如下圖所示：
    以Cantarell為例

    取得程式碼：

    複製要內嵌的程式碼

  3. 接著匯入Google Font
    在網頁<head>...</head>之間加入下面的程式碼後，把剛剛複製來的程式碼貼在後面
    <script type="text/javascript">
  WebFont.load({
    google: {
      families: [ 'Cantarell' ]
    }
  });
</script>
<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
  4. 開始使用字型
    舉例來說，我想把自行套用在標題字h1，只要在CSS檔中放入以下程式碼即可
    h1 { font-family: 'Cantarell', arial, serif; }
作者： yosia 於 晚上11:26 0 意見
標籤：

2010年2月22日 星期一

視覺介面設計的利器 -「Balsamiq Mockups」

    最近開始了SOHO族的生活，接了幾個網站設計的case，真的覺得當老闆本身也不是什麼輕鬆的事情...啊！離題了！總之在跟客戶溝通的過程中，發現談及視覺設計的部分時，沒有在實際的畫面下，很難讓彼此有共識，來來回回總需要耗費許多時間。
    很偶然的機會裡，在搜尋一些網頁設計的技術文章的時候，突然發現了一個好玩的軟體─「Balsamiq Mockups」。以前玩過線上版，不過因為當時作的行業跟現在幾乎八竿子打不著，所以也沒有很用心去玩。當時就覺得這套軟體很有創意，只是線上版好像每5分鐘會有跳出詢問視窗，關來關去有點麻煩，Desktop版又要$$...
    先來看看介面吧!

既然是視覺介面設計的工具，Balsamiq Mockups 當然是以圖形開發為主，所以介面中包含很完整的圖形化介面，大致上也涵蓋了網頁設計以及一般程式設計，可以方便的利用拖拉的方式進行視覺化設計。
以下是小弟隨手製作的一個簡單網站簡圖範例，（大概花不到五分鐘就完成了）：


想要嗎？請Google搜尋「Balsamiq Monckups」^^
作者： yosia 於 晚上10:08 0 意見
標籤：
訂閱： 文章 (Atom)