2011年8月22日 星期一

Dropbox - 方便的儲存空間,更方便分享檔案給朋友


Dropbox目前有越來越多人用來存放一些常常要在電腦間轉移的檔案了,除了它方便以外,速度上面也滿快速的,爾且不大需要在開啟一個網頁來上傳檔案,而這個網路空間能不能讓裡面的檔案分享給別人呢?請看以下的教學喔!

首先如果檔案很多的話,我會先建議壓縮成為一個檔案
變成一個檔案後,想要分享給朋友就可以讓別人一次下載下來
接下來開啟Dropbox(此部份必須先安裝於電腦中)
也可以在我的電腦上面開啟
接著點選Dropbox內Public的資料夾
把想要上傳的東西丟進去,就開始上傳了!就是這麼的簡單
而我們可以在這邊看到上傳的速度,還有所需剩下的時間
上傳完畢後請到www.dropbox.com中,準備把連結給你的朋友,首先先進入Public的資料夾
找到想要分享的檔案後點選旁邊有一個"Copy Public link"
就會出現可以提供下載的網址了,這邊還有一個小步驟分享給大家,就是點選視窗右上的"Shorten Link"
Dropbox會幫忙我們把網址縮短,更加方便來分享檔案
最後點選"Copy to clipboard"就會出現"Copied"完成了整個動作了喔!
本來我是想要找一個地方分享給我朋友照片,但是檔案太大了,就來上面找看看解決方法,其實我覺得這個方法對於要把檔案給朋友實在非常方便,爾且有些人不一定要使用Dropbox就可以下載,不像現在很多的網路硬碟需要打密碼,廣告又特別的多,有時候給一些女生朋友們或者只是單純的電腦USER,這樣的分享方式真的是會方便許多!

當然Dropbox更是一個方便的檔案儲存空間,想要使用Dropbox嘛?趕緊申請一個吧!

Dropbox 申請點請點

2011年8月3日 星期三

Html 5 - 網頁的新世代

支援Html 5 各瀏覽器最低支援版本:IE 9 beta,FireFox 3.6,Chrome 6.0,Safari 5.0,Opera 5.0
使用過iPhone的人我想都會有同樣的問題,那就是無法使用flash,無法使用flash,影響的最大的是什麼?想是很多網頁的遊戲就無法在iPhone或者iPad使用,更嚴重的,應該是現在很多的網站,上面很多的動畫也是用flash所製作!當有亟需的時候,就會發現無法使用!當然這邊也必須承認,flash真的非常的消耗資源,

我相信不少人也聽過這個名詞了,但是Html是什麼?有5那有1、2、3、4嘛?說真的我也並沒有非常了解他的知識,但我想我們可以享受他給我們帶來的很多方便性,這邊我想就是跟大家介紹一下有關Html 5的知識吧!

有個非常有趣的網站:http://slides.html5rocks.com/
內容可以點進去自己體驗喔,以下面我就節錄了部分有趣的畫面。
瀏覽這個網頁很簡單,就像是BBS一樣只要按下方向鍵就好了!
左右鍵:控制前後
ctrl/command +/- 控制大小
剩下的按鈕可以自己體驗一下
HTML 5會讓我們的Web到下一個世代

HTML的簡史

簡單的說HTML 5就是HTML加上了 CSS 3.0 &JaveScript

HTML 5的七大功能

在儲存的部份,有了很大的進步,ex:離線儲存

如同我的textField所言!

3D的效果&不同的顏色


支援SQLite,可以先建立table

再新增項目

可以增加Index的database
這邊可以新增也可以修改

更即時的互動功能,像是Feacbook的即時聊天室

這邊就可以測試看看

網頁跟電腦端的互動更加方便

左邊由上到下分別是:圖片、不能移動的文字、可以移動的文字
在網頁上只要點著圖片就可以拖拉至右邊
地三個方框的文字也可以透過拖拉至右邊的方塊

可以從電腦把圖片直接放進網頁上傳,不再需要透過一連串的按鈕上傳EX:gmail的夾帶檔案

圖片以外,pdf以及mp3也可以這樣上傳

可以透過網路來定位

最重要的是,對於手持裝置的支援

語音搜尋

後面的部份比較偏向語法的介紹,我就省略部分來寫
由上倒下分別為:警示尚未填入文字、預設為mail的格式、日期模式、search功能、電話格式、色彩以及數字的填寫

也可以透過欄位的設定來讓devices判斷用何種鍵盤

對於網頁的設計還有美工,也有非常大的方便性

影片的倒影


透過語法來繪圖

這個互動模式可以在上面放大縮小、拖拉、並且輸出!


圖形也能夠有漸層,不再死板

互動工具:放大鏡


利用了CSS3可以讓網頁的小細節更加的細膩

是用一些較特別的字型

當文字很多的時候,可以方便的自動縮放


調整文字的大小,縮排


文字的邊框粗細


文字背景、文字深淺


文字的顏色、透明度


多啦A夢!


圖案的縮放


文字的陰影


文字邊框、邊框效果


圖片的縮放更加自由

利用圖片來製作自己喜歡的邊框

BOX的呈現更加彈性


上方的紅點在左右邊交換的時候不會出現動畫
下方的紅點在左右邊交換的時候有路徑的動畫

試試看他所說的,滑鼠移過上方的框框!
以上就是現在我們可能已經會在網路上看到的HTML 5的應用,當然還有很多透過這樣的方式所製作出來的網站,這邊也提供了12個優秀的HTML 5的網站設計範例!大家可以進去裡面體驗看看很多特別的網站喔!