發表文章

目前顯示的是 十月, 2011的文章

HTML5的canvas繪圖

canvas這個標籤指的是在html上畫圖,他跟一般標籤沒兩樣,就是一個<canvas></canvas>放在<body>標籤裡頭。canvas指的是帆布,總之就是布啦,意思就好像你把一塊布蓋在你的網頁上,因此,canvas這個標籤,指的是一個"區域"(就好像flash的舞台一樣,一個能讓你畫圖的區域一樣),並不是指一個canvas就是一個圖像。
當然啦,用canvas繪圖對我來講,聽起來也不是一件簡單的事,因為他也不像ai或ps一樣有鋼筆甚麼的可以用,相對於<canvas>而言,少了那隻"筆",是用一句一句的語法來取代。


canvas標籤在html上有幾個重點 :
A.一個html可以有好幾個canvas,用id來指定他的屬性。
B.還可以設定每個canvas的寬與高,跟一般的語法沒兩樣,一樣是width="???" height="???"。
C.你也可以不要指定canvas的寬跟高,但,canvas是有預設的大小的,如果你都不設定,他原本的設定值是300X150,假如你畫的圖大於這個大小,是看不到超出的部分。
D.還有必須搭配 javascript 使用
E.製圖的區域是一個座標系統,(0,0)是左上角
F.現在還是很多瀏覽器沒有支援html5,硬要使用的話,就是畫面甚麼都沒有,所以只能在javascript下if使之出現alert視窗告知觀看者"你的版本不支援"。恩..只能這樣了~


綜合以上的龜毛重點,所以,這個html檔第一句一定是<!DOCTYPE HTML>告訴瀏覽是這是html5,這是必要的,因為canvas是在html5才出現的,然後再<body>標籤裡頭 加入<canvas>標籤,開始準備製圖。
<body>
<canvas></canvas>
</body>
這個嘛!<cancas>標籤怎麼可能這麼簡陋呢?還要給他id或是寬跟高的屬性之類的,像
<canvas id="circle" width="500" height="500"></canvas&…

看看jquery的Mobile長甚麼樣子

圖片
(ps.素材是借網路的)

有些網站都建議可以把每一個連結的頁分開,就是可以從index.html連到別的html,聽起來似乎是很正規的作法結果我竟然看不懂這種做法,還好後來google到全部寫在一個html的Demo,稍微懂了點....真是太好了....。


好久沒來打一下心得,不過這陣子真是忙到翻掉,忙就算了還不知道自己得到了甚麼,真是讚阿= = ....。
好吧不管了,來說一下jquery可以應用在手機版網頁的事情,如果去灌一下dreamweaver cs5.5的人都知道為甚麼adobe竟然會有.5的這種奇怪的版本,沒有錯就是為了迎合大眾需求特地多了一個專門為行動裝置而設計的,當然啦...關於5.5的新書只是在最後一節多了這一個部分,還蠻....,恩= = ,真是買不下去,有種為了趕著印刷才放在最後一章節的感覺.... (感覺而已....),挨不過,也沒甚麼時間看這種書說實在.... 。
而且我雖然打開了jquerymobile還是看不懂那個範本才真的是好笑了...,別人只要花一小時看的東西我竟然看了好幾個小時,挨,漸漸了解資質差就是要認命這件事情。不過今天晚上總算有摸出一點脈絡了,謝天謝地阿....


怎麼開始呢?

優雅的點開notepad++或dreamweaver,這個...大部分的模板幾乎是這個樣子。剛開始跟一般網頁架構的確是沒兩樣呦。
<!DOCTYPE html>
<html>
<head>
<title>頁面標題</title>
<link rel="stylesheet" href="載入mobile的css" />
<script src="載入jquery的js"></script>
<script src="載入jqueryMobile的js"></script> 
</head>
<body> 
//body部分目前先省略
</body>
</html>
 ps:
 簡單來說要做jQueryMobile,一定要有這3個東西在你的頁面~  jQuery Mobile的CSS sytlesheet  jQuery庫  jQuery的Mob…

雲端筆記

我忘記是哪一本書了,呵呵,不過裡面寫著"雲端運算極可能改變人們未來使用電腦的方式。"這點自從我親自體驗了google之後覺的可能性非常大~。
雲端運算的"雲",指的是"網路"。至於甚麼是雲端運算呢?重點在雲端這兩的字,雲端運算就是用成本相對低廉的PC得到超級電腦的運算能力。 想想看,現在只要你的電腦連的上網路,就能打開google打報告,多人協同作業,然後做ppt,簡單的要命還有每分每秒都在存檔的功能,你還會花時間去灌整套office嗎? 現在類似photoshop的雲端都出現了,意味著你不一定要擁有需要灌在電腦裡的軟體,只要上網就能使用到類似功能的服務。

實戰小筆記

之前為了放一個實習的靜態網站,一直很擔心會不會買錯主機之類的,總之,那時候繁雜的小問題很多,畢竟花錢買空間的不是我,但是決定要怎麼買的人是我,實在太沒有安全感了就上網看了很多文章,我只能說呢...空間買下去之後才會真正知道怎麼做,看再多的文章也幾乎只是觀念上的知道而已吧...

首先網站要做到可以讓別人上網看到你的網站,有兩件事要做,第一種就是租網址,第二種是買空間。 (我印象中,網址只能算是用租的,空間是買的,印象中啦....)

如果你上網去查 怎麼讓別人看到我的網站,很多文章都會說,首先一定要買空間,空間就像你的房子,如果沒有房子,你的網站要放哪呢? 之後你要買網址,網址就是你的門牌號碼,你希望別人找到你家,總要給他你的門牌號碼吧!,所以以上這兩件事是缺一不可,除非你自己在家架主機,那麼另當別論了。(其實我覺得在台灣申請真的蠻嚴格的....)


開始有點觀念之後就是上各家租空間的公司去察看與比價空間的價位如何,說實在各家價位差很多。這時候問題又來了,看不懂哪種方案適合自己就算了,當你要買的時候,那亂七八糟複雜到不行的申請表看了我頭就暈。

申請了之後呢,電信業者把相關的ftp訊息寄到你的信箱,有人看到這個也昏了,ftp是甚麼?怎麼用啊!?

等到這個ftp上傳網站了以後呢,人的慾望是無窮的,這時候就很興奮的上網google自己網站在第幾頁第幾個,挨這個....記得在網頁的<meta>標籤裡好好做關鍵字就好,幾周後就會自己看的到了,別擔心....
(註: FTP(file transfer protocol,FTP)檔案傳輸協定,兩台電腦互相傳輸檔案)

順便補充一下,這種xxxxx.com就是網域名稱,很多公司都是花大把的錢買能代表他們的網址,簡直一場網域名稱大戰,誰先登記誰就贏。有一種人整天搶著登記知名公司的網域這種行為就是"網路蟑螂"

project2007

Project
有點嚇人,一下子就半個月過去了,不知道該聊些甚麼,來說一下最近看的書好了....
我最近在學project2007怎麼用(很努力的擠出一點時間.......ps.真的是很用力的排出來的時間...),還去借了TQC project的書,結果發生了喜新厭舊的毛病,下載了project2010試用版之後,覺得介面比較好看,甘特圖可以更美一點,但沒有比較好用,因為我也不需要分享給誰用,也沒有甚麼企業用的server,灌了之後又把他刪了...呵呵,真的很蠢,完全不知道自己在幹嘛,很蠢~。

有時候覺的用考試書來學習其實是沒甚麼不好,但是要跳的出來回顧以往所學。想想以前看書的時候,若把書本合起來要你重新講一遍書本在講甚麼,可以很清楚的審核到底有沒有進到腦袋裡,小時候的我就是屬於這種傻傻的看書,我記得國小的時候班上團訂的小王子我都沒看懂,老師還要我寫心得,挨.真的很無聊欸 xd。

回到正題,總之,練習了第一類題目之後,以office系列來說,porject還真的算是簡單的。
第一類幾乎都在考建行事曆.工作任務關係(FS......)等等,真的不難,其實我需要的實作.....,project用的好應該是可以好好管理自己的時間跟排程,或許對不會分配/利用時間的人來說有用,前提是要有心處理一個project檔 xdddd
練習檔的螢幕錄影
MY Youtube List:
http://www.youtube.com/playlist?list=PL7661A460B86C7C5C