小雅的資訊科技概論部落格

The Malware Museum 電腦惡意軟體線上博物館

2016-08-01T23:03:00.004+08:00

來看看年紀可能比你大的一些復古電腦病毒改成的遊戲，有空可以玩看看。

http://www.bnext.com.tw/article/view/id/40407

用App Inventor 2製作簡單瀏覽器

2016-05-12T11:37:00.001+08:00

《資料來源》松崗，你也會寫Android 應用程式App Inventor 2 設計教本Ch10

使用者介面

Button1.Text = "瀏覽"
Buttton2.Text = "上一頁"
Button3.Text = "下一頁"
在Screen1新增TableArrangemenet、一個TextBox、三個Button及一個WebViewer元件
程式拼塊

學習App Inventor 2

2016-03-15T10:01:00.003+08:00

登入APP Inventor 2 http://ai2.appinventor.mit.edu/
中文學習網 http://www.appinventor.tw/

Any Body can learn | code.org

2016-02-23T10:05:00.004+08:00

https://code.org

從遊戲中學習邏輯

動態展示網頁圖片語法下載

2015-06-25T11:36:00.000+08:00

動態展示圖片範例：http://www3.ctsh.hcc.edu.tw/~contest/101/
下載語法：https://github.com/gilbitron/Nivo-Slider

CSS動態網頁學習網站

2015-06-12T11:33:00.000+08:00

CSS 3.0 MAKER http://www.css3maker.com/index.html
CSS 語法教學 http://www.1keydata.com/css-tutorial/tw/
CSS 按鈕製作：http://cssgradientbutton.com/
Bonny設計之路推薦 CSS線上產生器：語法不求人大公開

免費的CSS及HTML5樣版

2015-06-08T11:05:00.003+08:00

Templated 免費下載 CSS 和 HTML5 網站模板、佈景主題設計
Open Source Web Design
http://www.oswd.org
templatemo.com
http://www.templatemo.com
freecsstemplates.org
http://www.freecsstemplates.org
MyFreeCSSTemplates.com
http://www.myfreecsstemplates.com
Google搜尋CSS樣版

TWNIC網路流量

2015-04-27T14:08:00.000+08:00

Flash連線頻寬
http://map.twnic.net.tw/

日本研發的機器人~

2014-09-19T15:05:00.000+08:00

日本研發 Pepper 機器人

Pepperは人々を魅了するフレンドリーで驚くような人型ロボットです。

Pepperは、感情を認識できるという大きな特徴を持った、日常生活の本当のコンパニオンとして開発されました。

Romeo 機器人

Romeoは身長140 cmの人型ロボットで、お年寄りや体の不自由な方の支援に関する研究を開拓し、それをより深める目的で作られました。Romeoはフランスおよびヨーロッパの様々な研究所や研究機関の協力を得て生まれました。

資料來源： Aldebaran SoftBank Group

資料來源：　http://biz.nikkan.co.jp/eve/irex/

Smart Watch

2014-09-04T09:46:00.002+08:00

ASUS' stylish ZenWatch is all about security, remote control and wellness http://goo.gl/2ZFX4R
Samsung Gear S preview: What's it like to type emails on a 2-inch screen? http://goo.gl/ExFh9b
Sony outfits the SmartBand Talk with an e-paper screen and voice calling http://goo.gl/s7kzFj
Sony announces the SmartWatch 3 with Android Wear http://goo.gl/j6SAic

很棒的ihover網頁CSS展示效果

2014-04-09T10:20:00.000+08:00

DEMO http://gudh.github.io/ihover/dist/index.html
下載的CSS 原始檔 https://github.com/gudh/ihover (網頁右欄 Download ZIP) 並解壓縮至public_html 資料夾中。
在HTML網頁檔程式碼</head> 的上一行貼上這段語法

<link href="ihover-gh-pages/src/ihover.css" rel="stylesheet" type="text/css" />

</head>

接下來就可以在網頁中使用這些CSS效果了

DEMO 的網頁有各種效果的程式碼，請自行參考適用的效果，複製程式碼貼到 <body> 之後，配合自己的圖片檔名及路徑，修改要展示的文字，即可快速完成圖文展示效果。

設定DIV 置中

2014-04-03T09:38:00.002+08:00

以#body的CSS設定為例：設定「方框」項的「Margin」如圖。

線上學習網站

2014-03-10T16:04:00.001+08:00

HTML5* Web Development to the next level

2013-12-11T16:09:00.002+08:00

HTML5*
Web Development to the next level

http://slides.html5rocks.com/#landing-slide

Google 谷歌街景背著走─錐麓古道

2013-09-16T17:34:00.002+08:00

Ada Lovelace 197歲誕辰Google Doodle 紀念

2012-12-10T22:05:00.003+08:00

今天的Google Doodle 是介紹課本第一章提到的第一位計算機程式設計師 Ada Lovelace，今天是她197歲誕辰紀念日，來看看詳細的介紹 http://blog.chinatimes.com/kisplay/archive/2012/12/10/4506509.html

Google Data centers

2012-10-18T09:32:00.001+08:00

Google Data centers
Google 公開內部照片，只能用"Amazing"一個字形容。
http://goo.gl/yXN2y
http://www.google.com/about/datacenters/inside/streetview/

輸入介面就在你手上 Skinput

2012-10-01T17:27:00.004+08:00

大家所熟悉的輸入設備有哪些呢？滑鼠、鍵盤、觸控螢幕......等。來看看直接在手上投影輸入的技術研究。

Chris Harrison , Skinput: Appropriating the Body as an Input Surface

資料來源：http://www.chrisharrison.net/index.php/Research/Skinput

Google街景服務推出美國白宮內部圖像

2012-09-21T16:44:00.000+08:00

開學第一週介紹的Google地圖可以看街景圖，同學問~可以看到房子裡面嗎？答案就在影片中，來看看這個今年(2012)四月推出的美國白宮內部的室內圖像拍攝的方式。

The US elections are drawing near and more people have their eyes and ears on Washington, DC. Back in April we launched indoor imagery of the White House:http://goo.gl/0hvZO Oblige your curiousity and tour the presidential interior:http://goo.gl/maps/7ee8x （點網址直接參觀美國白宮^^）

轉自Google+ https://plus.google.com/u/0/+GoogleMaps/posts
國立故宮博物院：http://www.googleartproject.com/collection/national-palace-museum-taiwan/ (直接點上面的小金人就可以看到實景)

公視 IP@台灣第1集 IC霸業的誕生

2012-05-05T11:03:00.001+08:00

公視 IP@台灣第2集當IC遇到PC

2012-05-05T11:02:00.002+08:00

台灣網際網路連線頻寬圖

2011-11-10T16:44:00.002+08:00

2010年台灣網際網路連線頻寬圖 http://map.twnic.net.tw/function/main03_01.php

2011年Flash版 http://map.twnic.net.tw/bwimages/dirFDCy2011s4m10/fshDisplayConnect.swf

TWNIC 連線頻寬查詢首頁 http://map.twnic.net.tw/

Mikko Hypponen: 打擊電腦病毒，捍衛網路安全

2011-09-12T11:14:00.001+08:00

距個人電腦病毒始祖「大腦A」（Brain A）誕生，迄今已25年。這個曾經令人惱煩的病毒已搖身一變，成為現今犯罪與間諜活動的精密工具。電腦安全專家 Mikko Hyppönen向我們解釋如何防堵這些日新月異的病毒，保護我們已知的網路不受到威脅。

影片來源：http://www.ted.com/talks/lang/chi_hant/mikko_hypponen_fighting_viruses_defending_the_net.html

20 THINGS I LEARNED ABOUT BROWSERS AND THE WEB

2011-06-14T22:43:00.005+08:00

《瀏覽器和網路世界 20 大須知》http://www.20thingsilearned.com/zh-TW/home 終於出中文版的了

====原2010/11/25貼文====
最近剛好課本上到網路的應用，大家對網路的印象是怎麼樣的呢？瀏覽器可以做哪些特異功能？網站又是什麼？課本裡面提到的內容，總是會過時，每一天都有新的技術在推出，雲端運算到底可以做到哪些事？這一堆的疑問，且讓我們來看看Chrome團隊設計的一本漫畫指南書，20 THINGS I LEARNED ABOUT BROWSERS AND THE WEB (關於瀏覽器及網站我學到的20件事)

請以支援HTML5的瀏覽器觀看，不支援HTML5的瀏覽器（如IE9之前的版本）看不到翻頁動畫效果。

書本一打開第一段寫著
Many of us these days depend on the World Wide Web to bring the world’s information to our fingertips, and put us in touch with people and events across the globe instantaneously.
　　現今多數的人藉由全球資訊網(World Wide Web) 在我們指尖瞬間讓全世界的訊息傳遞過來，也讓我們可以立即與全球的人事物接觸。 ...　(翻譯僅供參考)

書本下面的選項按鈕項目如下：

What is the INTERNET? ：什麼是網際網路
Cloud Computing ：雲端運算
Web Apps：網站應用程式
HTML, Javascript, CSS and more
HTML5
3D in the Browser：瀏覽器中的3D
A browser madrigal：瀏覽器牧歌
Plug-ins：外掛程式
Browser Extensions：擴充套件
Synchronzing the browser：同步瀏覽器
Browser cookies：瀏覽器cookies
Browsers and privacy：瀏覽器與隱私
Malware, phishing and security risks：惡意軟體、網路釣魚與安全風險
HOW MODERN BROWSERS HELP PROTECT YOU FROM MALWARE AND PHISHING：現代瀏覽器如何保護你遠離惡意軟體與網路釣魚
Using web addresses to stay safe:使用網站位址以保持安全
IP address and DNS：IP位址與DNS
Validating identities online：線上身份驗證
Evolving to a faster web：演化到更快的網站
Open source and browsers：開放原始碼與瀏覽器
19 thins later:19件事之後

參考網站軟體玩家http://blog.soft.idv.tw/?p=825

36 Best Photoshop Web Layout Design Tutorials Part 4

2011-06-08T09:58:00.002+08:00

36 Best Photoshop Web Layout Design Tutorials Part 4

小雅的資訊科技概論部落格

The Malware Museum 電腦惡意軟體線上博物館

用App Inventor 2製作簡單瀏覽器

學習App Inventor 2

Any Body can learn | code.org

動態展示網頁圖片語法下載

CSS動態網頁學習網站

免費的CSS及HTML5樣版

TWNIC網路流量

日本研發的機器人~

Smart Watch

很棒的ihover網頁CSS展示效果

設定DIV 置中

線上學習網站

HTML5* Web Development to the next level

HTML5*Web Development to the next level

Google 谷歌街景背著走─錐麓古道

Ada Lovelace 197歲誕辰Google Doodle 紀念

Google Data centers

輸入介面就在你手上 Skinput

Chris Harrison , Skinput: Appropriating the Body as an Input Surface

Google街景服務推出美國白宮內部圖像

公視 IP@台灣 第1集 IC霸業的誕生

公視 IP@台灣 第2集 當IC遇到PC

台灣網際網路連線頻寬圖

Mikko Hypponen: 打擊電腦病毒，捍衛網路安全

20 THINGS I LEARNED ABOUT BROWSERS AND THE WEB

36 Best Photoshop Web Layout Design Tutorials Part 4

36 Best Photoshop Web Layout Design Tutorials Part 4

HTML5*
Web Development to the next level

公視 IP@台灣第1集 IC霸業的誕生

公視 IP@台灣第2集當IC遇到PC