目前分類:網頁技術 (9)

瀏覽方式: 標題列表 簡短摘要

原本以為目前的焦點都在Gphone上,沒想到卻先推出了瀏覽器,難道是Google工程師認為火狐還不夠好用,乾脆自己寫一套? 有這個可能!

有興趣的人請按此下載。  

 

jacklin0508 發表在 痞客邦 PIXNET 留言(0) 人氣()

Matt 四天內完成一個網站

創立一個網站我想是很多人夢寐以求的事情,特別是在技術門檻已經不太高的今日,做出一個網站似乎也沒什麼困難。剛剛在TechCrunch上讀到一篇文章,介紹一個團隊如何在四天,是的四天內完成一個網站,從程式設計、美術、公關等等的所有工作,這真的讓人感到興奮。

這個團隊成員算是相當完整:
兩個程式設計師
一個美術人員
兩個部落客
一個著作權人員
一個公關人員

在文章中該作者也提到,找到對的人作對的事情是很重要的,作者舉例找到一個功力深厚的美術人員,然後全權相信他所設計出來的風格,找一個程式設計高手,相信他所選擇的系統與平臺,這些都是縮短開發時間的前提。然後在工作中,他們會有休息時間一起打打Wii(打Wii應該很累吧...),中午一起吃飯聊天,而工作地點有塊大的黑板讓所有人都可以在上面寫下他們想到的創意或思緒。而作者還認為每天上班前與下班前的十分鐘會議更能帶給團隊一致且清楚的方向,讓彼此都可以更清楚目前的進度。

四天完成一個網站,看似不可能的任務,但卻是有人完成了,在那篇文章的回應中,甚至有人說在一天內就完成一個網站,這應該取決於網站的功能。這篇文章的作者給其他人的建議是,剛完成的網站只需要三個連接,就是"首頁"、"求助"還有"關於我們",如果就這樣的功能而言,四天內上線的機率就大大提升了。

下面這段影片是它們在某天開發的過程,濃縮在四分鐘之內。

Matt Week - Day Two Time Lapse from Elliott Kember on Vimeo.

有興趣的人請點這參考原文連接

該作者完成的網站:Matt

jacklin0508 發表在 痞客邦 PIXNET 留言(0) 人氣()

Microsoft Tafiti Halo 3

筆者約在一個月前報導了微軟推出以Silverlight為展現技術的Tafiti 搜尋介面,而今天微軟為它換上了Halo3的佈景主題。

看似相當精采的畫面,不過筆者認為,這畢竟是個搜尋引擎,使用者關心的還是找到更正確的結果,而且目前中文支援還是沒有看到,搜尋出來的中文文字全都看不到,微軟可以在多加加油了。

網址:http://www.tafiti.com/

jacklin0508 發表在 痞客邦 PIXNET 留言(0) 人氣()

Google AdSense最近筆者被許多朋友問到該如何在自己的部落格中加上廣告,其實並不難,以Pixnet為例簡單的幾個步驟就可以讓你的部落格賺錢。跳轉後有一步步畫面指引。


  1. 連接到Google AdSense首頁,並登入您的Google帳號(Gmail帳號)。
    網址:https://www.google.com/adsense。
    (請放心按下上面的超連結,該連結為Google AdSense首頁,並不會為本站帶來收入。)

    Google AdSense homepage

  2. 選擇"ADSense"設定。
    Google AdSense 設定

  3. 選擇"AdSense for Content",這種廣告的內容會依據您部落格的內容產生相關的廣告,進而讓你的部落格賺錢
    Google AdSense for Content

  4. 選擇單一頁面比較清楚,然後選擇廣告組。
    Google AdSense for Content 設定

  5. 請依照您的版面選擇合適的廣告格式,請參考Google AdSense的廣告範例
    Google Adsense 設定格式

  6. 請依照您的部落格風格設定Google AdSense的顏色。
    Google AdSense 設定色彩

  7. 請將頁面最下方的程式碼複製,至此,Google方面的設定大多都完成了。接下來就可將廣告發佈在您的部落格。
    Google Adsense 程式碼設定

  8. 下面的範例將以Pinxet為例(其他的平台請先見諒,日後有空補上。),進入後台管哩,按下"版面管理"。
    Pixnet廣告設定

  9. 再按下"版面設定"、"新增自訂欄位"。
    Pixnet廣告設定 版面設定

  10. 在跳出來的對話框中,欄位名稱您可以自行設定,在欄位內容中,請貼上剛剛複製好的Google AdSense程式碼,最後再按下"確定"。
    Pixnet 自訂欄位設定

  11. 將您新增的欄位用滑鼠拖拉到您想要呈現的位置,最後按下畫面中最下面的"儲存版面內容及排序位置"。好了,大功告成,快去看看是否已經可以正確出現。讓你的部落格賺錢就是這幾個步驟而已了。
    Pixnet自訂欄位完成設定
希望以上的步驟對大家都有幫助,也能實際幫您的部落格賺錢。除個Google AdSense之外,其實還有許多讓部落格賺錢的方法,下次在介紹其他不同的工具囉。

不過,畢竟是廣告,可別用過頭了...



jacklin0508 發表在 痞客邦 PIXNET 留言(0) 人氣()

Adobe Flash MovieStarAdobe日前推出了代號為"MovieStar"的新版Flash Player,會取名為"MovieStar"一定是跟多媒體影音有關吧?沒錯,以往的版本所播放的影片畫質只能堪稱能看而已,現在新功能在於支援H.264的高畫質影片,並且在聲音方面也支援了AAC (HE-AAC),更提昇影音效果。

不久前微軟才信心滿滿的說目前只有Silverlight有支援H.264的HD影像,現在Adobe急起直追,看來兩大RIA技術龍頭競爭的結果,受惠的,永遠都是使用者囉!樂見其成啦。

Flash Player 9 Beta:http://labs.adobe.com/downloads/flashplayer9.html

jacklin0508 發表在 痞客邦 PIXNET 留言(0) 人氣()

Tafiti 微軟 silverlight 搜尋引擎
微軟從去年開始在網頁互動技術上不斷有新的技術推出,其中一項很重要的就是SilverLight,一種類似FLASH的網頁物件,可以讓網頁的互動跳脫HTML的框架,具有相當高的互動機制。不過Silverlight才剛剛正式推出不久,許多人也都持觀望態度,雖然微軟一直不願正面與FLASH相對抗,但程式開發人員總是會拿來比較一番。

先不論到底鹿死誰手,我想還有一段時間才會知道,先看看微軟如何使用SilverLight技術將搜尋的結果做更進一步的呈現。

Tafiti網頁:http://www.tafiti.com

jacklin0508 發表在 痞客邦 PIXNET 留言(0) 人氣()

在進入技術探討之前,當然要先看看這樣的技術能替我們解決什麼樣的問題,下面這段影片的內容都是在瀏覽器內呈現的結果,互動程度實在相當的高!



微軟技術人員談Silverlight(英文)



延伸閱讀
- Silverlight Tutorials (from Michael's blog)
- Silverlight Videos (from Microsoft)


jacklin0508 發表在 痞客邦 PIXNET 留言(0) 人氣()

Microsoft Silverlight網路技術演化至今,以HTML為主體,搭配著Javascript處理使用者與網站間的互動行為,這樣的架構已運行的十多年,今日的網站也都將這類技術發揮至極致。但仍受限於HTML的框架,使得網站的互動表現總無法與桌面應用程式相提並論,雖然可以見到不少的桌面應用程式被移植到網站平台,如Google documents就將office的應用轉到網站上提供類似word、excel等,只是功能有限另外也有安全上的顧慮...

多年來數家廠商都在積極爭取網路開發的龍頭地位,網路是下一代的作業系統將無庸置疑。使用者互動行為將是成為開發工具的關鍵,如Adobe Labs中的AIR(Adobe Integrated Runtime)、Java的JavaFX Script以及甫推出不久Microsoft Silverlight都是以RIA(Rich Internet application)為目標,搶奪開發市場。

由於筆者對於微軟的開發工具比較熟悉,加上Silverlight的推出勢必影響目前RIA的市場,所以將在之後陸續介紹關於Microsoft SilverLight的一些技術與動向。


jacklin0508 發表在 痞客邦 PIXNET 留言(0) 人氣()

處理這個Blog時
才發現CSS神奇的地方
但要用的好
還得花許多功夫慢慢調

做網頁就是這樣
Try and error.

jacklin0508 發表在 痞客邦 PIXNET 留言(0) 人氣()

找更多相關文章與討論