{"id":1995,"date":"2010-06-14T00:33:56","date_gmt":"2010-06-13T16:33:56","guid":{"rendered":"http:\/\/www.i-garden.org\/blog\/2010\/06\/14\/1995"},"modified":"2020-02-12T01:01:14","modified_gmt":"2020-02-11T17:01:14","slug":"multimedia-presentation-series-7-html5-innovative-teaching-example-shows","status":"publish","type":"post","link":"https:\/\/www.i-garden.org\/blog\/2010\/06\/14\/multimedia-presentation-series-7-html5-innovative-teaching-example-shows\/","title":{"rendered":"\u591a\u5a92\u9ad4\u6f14\u793a\u5275\u65b0\u7cfb\u5217(7) &#8211; HTML5\u6559\u5b78\u7bc4\u4f8b\u793a\u7bc4(demos &#038; examples)"},"content":{"rendered":"<p style=\"text-align: left;\">\u666e\u904d\u5b78\u751f\u5c0d<a href=\"http:\/\/zh.wikipedia.org\/wiki\/HTML5\" target=\"_blank\" title=\"From Wikipedia the definition of: HTML5\" style=\"padding-bottom: 2px; border-bottom: 1px dotted #DD0000\" >HTML5<\/a><sup style=\"font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #AAAAAA\" ><em>W<\/em><\/sup>\u7684\u4e86\u89e3\uff0c\u662f<a href=\"http:\/\/zh.wikipedia.org\/wiki\/\u860b\u679c\u516c\u53f8\" target=\"_blank\" title=\"From Wikipedia the definition of: \u860b\u679c\u516c\u53f8\" style=\"padding-bottom: 2px; border-bottom: 1px dotted #DD0000\" >\u860b\u679c\u516c\u53f8<\/a><sup style=\"font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #AAAAAA\" ><em>W<\/em><\/sup><a href=\"http:\/\/zh.wikipedia.org\/wiki\/\u55ac\u5e03\u65af\" target=\"_blank\" title=\"From Wikipedia the definition of: \u55ac\u5e03\u65af\" style=\"padding-bottom: 2px; border-bottom: 1px dotted #DD0000\" >\u55ac\u5e03\u65af<\/a><sup style=\"font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #AAAAAA\" ><em>W<\/em><\/sup>\u8f5f\u8d70<a href=\"http:\/\/zh.wikipedia.org\/wiki\/Adobe_Flash\" target=\"_blank\" title=\"From Wikipedia the definition of: Adobe Flash\" style=\"padding-bottom: 2px; border-bottom: 1px dotted #DD0000\" >Adobe Flash<\/a><sup style=\"font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #AAAAAA\" ><em>W<\/em><\/sup>\u7684\u7db2\u9801\u6280\u8853\uff0c\u6700\u5bb9\u6613\u898b\u5230\u7684\u4f8b\u5b50\u662f<a href=\"http:\/\/www.youtube.com\/html5\" target=\"_blank\" rel=\"noopener noreferrer\">HTML5\u7248<\/a>\u7684<a href=\"http:\/\/zh.wikipedia.org\/wiki\/Youtube\" target=\"_blank\" title=\"From Wikipedia the definition of: Youtube\" style=\"padding-bottom: 2px; border-bottom: 1px dotted #DD0000\" >Youtube<\/a><sup style=\"font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #AAAAAA\" ><em>W<\/em><\/sup>\uff0c\u8ab2\u5802\u4e2d\u4ecb\u7d39\u5f97\u592a\u7c21\u55ae\uff0c\u5b78\u751f\u4ea6\u6703\u4ee5\u70ba\u5b83\u53ea\u662f\u53e6\u4e00\u500b\u5f71\u97f3\u63d2\u4ef6\u3002<\/p>\n<p style=\"text-align: left;\">\u5712\u4e01\u5728\u5916\u570b\u7684tweets\u4e2d\u898b\u5230\u4e00\u500b\u4ecb\u7d39<a href=\"http:\/\/zh.wikipedia.org\/wiki\/HTML5\" target=\"_blank\" title=\"From Wikipedia the definition of: HTML5\" style=\"padding-bottom: 2px; border-bottom: 1px dotted #DD0000\" >HTML5<\/a><sup style=\"font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #AAAAAA\" ><em>W<\/em><\/sup>\u7684<a href=\"http:\/\/slides.html5rocks.com\/#landing-slide\" target=\"_blank\" rel=\"noopener noreferrer\">\u6f14\u793a<\/a>\uff0c\u672c\u8eab\u4ea6\u662f\u4ee5<a href=\"http:\/\/zh.wikipedia.org\/wiki\/HTML5\" target=\"_blank\" title=\"From Wikipedia the definition of: HTML5\" style=\"padding-bottom: 2px; border-bottom: 1px dotted #DD0000\" >HTML5<\/a><sup style=\"font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #AAAAAA\" ><em>W<\/em><\/sup>\u4f5c\u683c\u5f0f\u7684\uff0c\u883b\u6709\u610f\u601d\uff1a<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/slides.html5rocks.com\/#title-slide\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-medium wp-image-2001\" title=\"2010-06-12_183220\" src=\"https:\/\/i0.wp.com\/www.i-garden.org\/blog\/wp-content\/uploads\/2010\/06\/2010-06-12_183220-300x132.png?w=400\" alt=\"\"  srcset=\"https:\/\/i0.wp.com\/www.i-garden.org\/blog\/wp-content\/uploads\/2010\/06\/2010-06-12_183220.png?resize=300%2C132&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.i-garden.org\/blog\/wp-content\/uploads\/2010\/06\/2010-06-12_183220.png?w=744&amp;ssl=1 744w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">\u8001\u5e2b\u53ef\u5728\u8ab2\u5802\u4e2d\u793a\u7bc4<a href=\"http:\/\/zh.wikipedia.org\/wiki\/HTML5\" target=\"_blank\" title=\"From Wikipedia the definition of: HTML5\" style=\"padding-bottom: 2px; border-bottom: 1px dotted #DD0000\" >HTML5<\/a><sup style=\"font-family: Georgia, Times New Roman, Serif; font-weight: bold; color: #AAAAAA\" ><em>W<\/em><\/sup>\u7684\u5a01\u529b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u666e\u904d\u5b78\u751f\u5c0dHTML5W\u7684\u4e86\u89e3\uff0c\u662f\u860b\u679c\u516c\u53f8W\u55ac\u5e03\u65afW\u8f5f\u8d70Adobe FlashW\u7684\u7db2\u9801\u6280\u8853\uff0c\u6700\u5bb9\u6613\u898b\u5230\u7684\u4f8b\u5b50\u662fHTML5\u7248\u7684YoutubeW\uff0c\u8ab2\u5802\u4e2d\u4ecb\u7d39\u5f97\u592a\u7c21\u55ae\uff0c\u5b78\u751f\u4ea6\u6703\u4ee5\u70ba\u5b83\u53ea\u662f\u53e6\u4e00\u500b\u5f71\u97f3\u63d2\u4ef6\u3002 \u5712\u4e01\u5728\u5916\u570b\u7684tweets\u4e2d\u898b\u5230\u4e00\u500b\u4ecb\u7d39HTML5W\u7684\u6f14\u793a\uff0c\u672c\u8eab\u4ea6\u662f\u4ee5HTML5W\u4f5c\u683c\u5f0f\u7684\uff0c\u883b\u6709\u610f\u601d\uff1a \u8001\u5e2b\u53ef\u5728\u8ab2\u5802\u4e2d\u793a\u7bc4HTML5W\u7684\u5a01\u529b\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[70,75,3,66,470],"tags":[463,221,21,220,222,223,218,217,210,76],"class_list":["post-1995","post","type-post","status-publish","format-standard","hentry","category-internet-application","category-multimedia","category-freeware","category-hkdse-ict-computer","category-470","tag-multimedia","tag-ajax","tag-apple","tag-css","tag-demo","tag-example","tag-flash","tag-html5","tag-presentation","tag-steve-jobs"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":3225,"url":"https:\/\/www.i-garden.org\/blog\/2011\/04\/04\/innovative-series-of-multimedia-presentations-8-html5-text-says-the-article-words-machine\/","url_meta":{"origin":1995,"position":0},"title":"\u591a\u5a92\u9ad4\u6f14\u793a\u5275\u65b0\u7cfb\u5217(15) &#8211; HTML5\u6587\u5b57\u96f2\uff1a\u6587\u7ae0\u8a5e\u5f59\u5206\u6790\u6a5f","author":"iGardener","date":"April 4, 2011","format":false,"excerpt":"\u5728\u9019\u7cfb\u5217\u4e2d\uff0ciGardener\u8001\u5e2b\u5df2\u4ecb\u7d39[W:HTML5]\u7684\u5716\u89e3\u53ca\u7c21\u4ecb\uff0c\u4e0d\u5982\u4eca\u6b21\u8b1b\u61c9\u7528\u5427\uff0c\u5e7e\u5e74\u524d\u6211\u5f9e\u5916\u570b\u7684\u6559\u80b2[W:\u7db2\u8a8c]\u898b\u904e\u88fd\u4f5c\u6587\u5b57\u96f2([W:word cloud])\u7684\u7db2\u7ad9\uff0c\u4f8b\u5982Wordle\uff0c\u7576\u6642\u7db2\u7ad9\u662f\u4f7f\u7528[W:Java]\u6280\u8853\uff0c\u548c\u53ea\u652f\u63f4\u82f1\u6587\u5b57\uff0c\u8a66\u904e\u5c07iGarden\u7684[W:RSS]\u8f38\u5165\uff0c\u5f97\u5230\u4e0b\u9762\u7684\u6587\u5b57\u96f2\uff1a \u76f4\u5230\u6700\u8fd1\u5f9e\u672c\u6e2f\u535a\u5ba2\u77f3\u5148\u751f\u7684blog\u770b\u5230\u9019\u500b\u300c HTML5 \u6587\u5b57\u96f2:\u6587\u7ae0\u8a5e\u5f59\u5206\u6790\u6a5f\u300d\uff0c\u6211\u4e5f\u8981\u8a66\u7528\u3002\u9019\u6587\u5b57\u96f2\u7cfb\u7d71\u63a1\u7528 RSS Feed \u95b1\u8b80\u6a5f\u5236\uff0c\u64f7\u53d6iGarden blog\u8fd1\u4e8c\u5341\u7bc7\u6587\u7ae0\u7684\u5167\u5bb9\u4f5c\u5206\u6790\uff0c\u6548\u679c\u5982\u4e0b\uff1a \u6211\u5341\u5206\u559c\u611b\u9019\u6587\u5b57\u96f2\uff0c\u56e0\u70ba\u6b63\u4e2d\u5fc3\u525b\u597d\u986f\u793aiGardener\u8001\u5e2b\u6700\u5e38\u7528\u4f7f\u7528\u7684\u5b57\u773c\u6b63\u662f\u300c\u6559\u5b78\u300d\uff0c\u5176\u4ed6\u5982\u300c\u5b78\u7fd2\u300d\u3001\u300c\u9999\u6e2f\u300d\u3001\u300cGoogle\u300d\u8ddf\u60f3\u50cf\u4e2d\u7684\u5dee\u4e0d\u591a\uff0c\u9019\u6587\u5b57\u96f2\u986f\u793a\u7684\u5176\u5be6\u8207\u4e00\u500b\u96fb\u8166\u79d1\u8001\u5e2b\u8166\u88e1\u8457\u7dca\u7684\u6771\u897f\u9817\u63a5\u8fd1\u3002 \u540c\u5b78\u5011\u4e5f\u60f3\u8a66\u8a66\u55ce\uff1f Java\u82f1\u6587\u7248\u300c\u6587\u5b57\u96f2\u300d\uff1aWordle HTML5\u4e2d\u6587\u7248\u300c\u6587\u5b57\u96f2\u300d\uff1aHTML5 \u6587\u5b57\u96f2:\u6587\u7ae0\u8a5e\u5f59\u5206\u6790\u6a5f","rel":"","context":"In &quot;1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528&quot;","block_context":{"text":"1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528","link":"https:\/\/www.i-garden.org\/blog\/topics\/hkdse-ict-computer\/internet-application\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lh6.ggpht.com\/_wdOIbSB0X_s\/TZacAs5RwgI\/AAAAAAAAG8Y\/HvldpNiaGkQ\/s512\/2011-04-02_114251.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1983,"url":"https:\/\/www.i-garden.org\/blog\/2010\/06\/11\/%e5%a4%9a%e5%aa%92%e9%ab%94%e6%bc%94%e7%a4%ba%e5%89%b5%e6%96%b0%e7%b3%bb%e5%88%974-html5%e5%9c%96%e8%a7%a3\/","url_meta":{"origin":1995,"position":1},"title":"\u591a\u5a92\u9ad4\u6f14\u793a\u5275\u65b0\u7cfb\u5217(4) &#8211; HTML5\u5716\u89e3","author":"iGardener","date":"June 11, 2010","format":false,"excerpt":"\u65b0\u4e00\u4ee3\u7db2\u9801\u6a19\u6e96[W:HTML 5]\uff0c\u548c[W:Apple]\u53ca[W:\u96f2\u7aef]\u8da8\u52e2\u540c\u6b65\u4e26\u9032\uff0c\u5927\u5bb6\u6700\u95dc\u6ce8\u7684\u61c9\u7528\u5c31\u662f\uff1a\u5728\u6c92\u6709\u5b89\u88dd[W:Flash]\u5916\u639b\u7684\u74b0\u5883\u4e0b\uff0c\u53ef\u4ee5\u76f4\u63a5\u4e0a\u7db2\u770b\u5f71\u7247\u3001\u73a9\u904a\u6232\uff0c\u751a\u81f3\u505a\u591a\u5a92\u9ad4\u7de8\u8f2f\u3002 \u751a\u9ebc\u662f[W:HTML5]\uff1f\u770b\u770b\u4ee5\u4e0b\u7684\u5716\u89e3\u5427\uff1a Source:\u00a0http:\/\/www.focus.com\/images\/view\/11905\/","rel":"","context":"In &quot;1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528&quot;","block_context":{"text":"1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528","link":"https:\/\/www.i-garden.org\/blog\/topics\/hkdse-ict-computer\/internet-application\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2653,"url":"https:\/\/www.i-garden.org\/blog\/2011\/02\/08\/innovative-series-of-multimedia-presentations-11-a-classic-non-computer-multimedia-animation-mv-take-on-me\/","url_meta":{"origin":1995,"position":2},"title":"\u591a\u5a92\u9ad4\u6f14\u793a\u5275\u65b0\u7cfb\u5217(11) &#8211; Old School MV &#8220;Take on me&#8221;","author":"iGardener","date":"February 8, 2011","format":false,"excerpt":"\u6700\u8fd1iGardener\u8001\u5e2b\u958b\u59cb\u5728\u4e2d\u4e09\u53ca\u4e2d\u4e94ICT\u8ab2\u7a0b\u4e2d\uff0c\u6559\u5c0e[W:\u591a\u5a92\u9ad4]\u8ab2\u984c\uff0c\u53c3\u8003[W:\u7dad\u57fa\u767e\u79d1]\u7684\u5b9a\u7fa9\uff1a \u591a\u5a92\u9ad4\uff08Multimedia\uff09\uff0c\u5728\u8a08\u7b97\u6a5f\u7cfb\u7d71\u4e2d\uff0c\u7d44\u5408\u5169\u7a2e\u6216\u5169\u7a2e\u4ee5\u4e0a\u5a92\u9ad4\u7684\u4e00\u7a2e\u4eba\u6a5f\u4e92\u52d5\u5f0f\u4fe1\u606f\u4ea4\u6d41\u548c\u50b3\u64ad\u5a92\u9ad4\u3002\u4f7f\u7528\u7684\u5a92\u9ad4\u5305\u62ec\u6587\u5b57\u3001\u5716\u7247\u3001\u7167\u7247\u3001\u8072\u97f3 (\u5305\u542b\u97f3\u6a02\u3001\u8a9e\u97f3\u65c1\u767d\u3001\u7279\u6b8a\u97f3\u6548)\u3001\u52d5\u756b\u548c\u5f71\u7247\u3002 \u5b9a\u7fa9\u4e2d\u8457\u91cd\u591a\u7a2e\u5a92\u9ad4\u7684\u63c9\u5408\uff0c\u53ea\u662fiGardener\u8001\u5e2b\u4e0d\u592a\u540c\u610f\u53ea\u6709\u96fb\u8166\u624d\u80fd\u88fd\u4f5c\u53ca\u5c55\u793a\u5230\u591a\u5a92\u9ad4\uff0c\u6b64\u6642\u8166\u88e1\u8a18\u5f97\u5f88\u4e45\u5f88\u4e45\u524d\u7684\u4e00\u5957\u7d93\u51781985\u5e74\u7684MV\uff0c\u53eb[W:Take on me]\uff0c\u5b83\u7684\u7279\u8272\u662f\u975e\u96fb\u8166\u88fd\u4f5c\u7684\u591a\u5a92\u9ad4\u52d5\u756b\uff1a http:\/\/www.youtube.com\/watch?v=djV11Xbc914 \u8b1d\u8b1d[W:Youtube]\u8a18\u9304\u4e86\u9019\u4e9b\u8001\u9905\u5f71\u7247\uff0c\u8b93\u6578\u78bc\u4e00\u4ee3\u898b\u8b58\u5230\u5230\u9019MV\u5167\u7684\u591a\u5a92\u9ad4\u7279\u6280\uff0c\u662f\u7d14\u4f7f\u7528\u5149\u5b78\u526a\u63a5\uff0c\u4e0d\u6127\u662fiGardener\u8001\u5e2b\u81f3\u4eca\u5370\u8c61\u6700\u6df1\u523b\u7684\u52d5\u756bMV\u4e4b\u4e00\u3002 \u9019\u4ea6\u662fICT\u8ab2\u7a0b\u591a\u5a92\u9ad4\u4e2d[W:\u52d5\u756b](animation)\u7684\u5b8c\u7f8e\u6559\u6750\uff0c\u56e0\u70ba\u5b83\u5305\u62ec\u4ee5\u4e0b\u8207\u8ab2\u7a0b\u6709\u95dc\u7684\u5143\u7d20\u53ca\u7279\u9ede\uff1a \u975e\u96fb\u8166\u88fd\u4f5c\u7684\u7d93\u5178\u591a\u5a92\u9ad4\u52d5\u756b \u5f71\u7247\u4ee5\u9023\u7e8c\u624b\u7e6a\u7d20\u63cf\u7d44\u6210 \u4e3b\u89d2\u5f9e\u624b\u7e6a\u7d20\u63cf\u4f38\u624b\u5230\u5f71\u7247\uff0c\u662f\u6253\u7834\u591a\u5a92\u9ad4\u5143\u7d20\u7684\u8996\u89ba\u5c40\u9650","rel":"","context":"In &quot;1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528&quot;","block_context":{"text":"1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528","link":"https:\/\/www.i-garden.org\/blog\/topics\/hkdse-ict-computer\/internet-application\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/djV11Xbc914\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2025,"url":"https:\/\/www.i-garden.org\/blog\/2011\/01\/30\/innovative-series-of-multimedia-presentations-8-html5-origin-test-heading-google-translation\/","url_meta":{"origin":1995,"position":3},"title":"\u591a\u5a92\u9ad4\u6f14\u793a\u5275\u65b0\u7cfb\u5217(9) &#8211; W3C\u63a8\u51faHTML5\u7684\u6a19\u8a8c","author":"iGardener","date":"January 30, 2011","format":false,"excerpt":"\u7d93\u904e\u5927\u534a\u5e74\u7684\u5831\u5c0e\uff0c[W:HTML5]\u4f3c\u4e4e\u5df2\u7d93\u6210\u70ba[W:\u4e92\u806f\u7db2]\u6280\u8853\u7684\u5e38\u7528\u540d\u8a5e\uff0c\u5728[W:Google]\u7684\u652f\u6301\u4ee5\u53ca\u958b\u767c\u8005\u5011\u7684\u71b1\u60c5\u8ffd\u6367\u4e0b\uff0c[W:HTML5]\u4f3c\u4e4e\u5df2\u7d93\u6210\u70ba\u4e86\u89e3\u6c7a\u7db2\u7ad9\u958b\u767c\u4e2d\u4efb\u4f55\u554f\u984c\u7684\u826f\u85e5\u3002\u7121\u8ad6\u65b0\u9ad8\u4e2dICT\u7684\u8ab2\u7a0b\u7684\u4e2d\u5b78\u8cc7\u8a0a\u53ca\u901a\u8a0a\u79d1\u6280\u79d1\u5e38\u7528\u82f1\u6f22\u53ca\u6f22\u82f1\u8fad\u5f59\u662f\u5426\u5305\u542b\u9019\u8a5e\uff0c\u540c\u5b78\u5011\u4ea6\u8981\u8a8d\u8b58\u5b83\u3002 [W:W3C]\uff08World-Wide Web Consortium\uff0c\u842c\u7dad\u7db2\u806f\u76df\uff09\u5728\u4eca\u5e74\u4e00\u6708\u767c\u8868\u4e86[W:HTML5]\u7684\u5b98\u65b9\u65b0Logo\uff0c\u4e26\u5c0d\u9019\u7684\u7db2\u7d61\u958b\u767c\u6280\u8853\u505a\u51fa\u4e86\u65b0\u7684\u89e3\u91cb\uff1a HTML5\u7684\u516b\u5927\u6280\u8853\u7279\u9ede\uff1a [\u8cc7\u6599\u4f86\u6e90\uff1acnbeta] 1. \u8a9e\u7fa9\u5b78 \u4f5c\u70baHTML5\u7684\u524d\u7aef\u548c\u4e2d\u5fc3\uff0c\u8a9e\u7fa9\u5b78\u80fd\u5920\u8ce6\u4e88\u6846\u67b6\u7d50\u69cb\u4ee5\u610f\u7fa9\u3002\u66f4\u8a73\u76e1\u7684\u6a19\u7c3d\u7d44\u5408\u4ee5\u53ca\u8cc7\u6e90\u63cf\u8ff0\u6846\u67b6\uff0c\u5fae\u578b\u6578\u64da\u548c\u5fae\u578b\u683c\u5f0f\u5c07\u70ba\u4f60\u548c\u4f60\u7684\u7528\u6236\u6253\u9020\u4e00\u5957\u6578\u64da\u9a45\u52d5\u7684\u7db2\u7d61\u3002 2. \u672c\u6a5f\u5b58\u5132 \u5728\u61c9\u7528\u7de9\u5b58\uff0c\u672c\u6a5f\u5b58\u5132\uff0c\u7d22\u5f15\u6578\u64da\u5eab\u548c\u6587\u4ef6\u61c9\u7528\u7a0b\u5e8f\u63a5\u53e3\u7684\u5e6b\u52a9\u4e0b\uff0cHTML5\u61c9\u7528\u751a\u81f3\u80fd\u5728\u6c92\u6709\u7db2\u7d61\u9023\u63a5\u7684\u60c5\u6cc1\u4e0b\u5de5\u4f5c\u3002 3. \u8a2d\u5099\u8a2a\u554f \u5730\u7406\u5b9a\u4f4d\u53ea\u662f\u4e00\u500b\u958b\u59cb\uff0cHTML5\u80fd\u5920\u8b93\u61c9\u7528\u7a0b\u5e8f\u8a2a\u554f\u9023\u7d50\u5230\u4f60\u96fb\u8166\u4e0a\u7684\u4efb\u4f55\u8a2d\u5099\u3002 4. \u9023\u7d50\u6027 \u66f4\u6709\u6548\u7387\u7684\u9023\u7d50\u6027\u5c07\u80fd\u5e36\u4f86\u66f4\u5be6\u6642\u7684\u804a\u5929\uff0c\u66f4\u5feb\u7684\u6e38\u6232\u901f\u5ea6\u4ee5\u53ca\u66f4\u597d\u7684\u6e9d\u901a\u4ea4\u6d41\u3002\u670d\u52d9\u5668\u8207\u5ba2\u6236\u7aef\u4e4b\u9593\u7684\u7db2\u7d61\u5957\u63a5\u5b57\u548c\u90f5\u4ef6\u651d\u50cf\u982d\u5c07\u6bd4\u4ee5\u5f80\u66f4\u52a0\u4fbf\u6377\u3002 5. \u591a\u5a92\u9ad4 \u97f3\u983b\u548c\u8996\u983b\u53ef\u662fHTML5\u4e16\u754c\u7684\u4e00\u7b49\u516c\u6c11\uff0c\u4ed6\u5011\u5c07\u8207\u4f60\u7684\u61c9\u7528\u7a0b\u5e8f\u548c\u7db2\u7ad9\u548c\u7766\u5171\u8655\u3002\u71c8\u5149\uff0c\u651d\u5f71\uff0c\u958b\u59cb! 6. \u5e73\u9762\u548c\u4e09\u7dad\u6548\u679c \u5728SVG, Canvas, WebGL\u548cCSS3 3D\u6548\u679c\u9019\u4e9b\u7279\u6027\u4e4b\u9593\uff0c\u4f60\u4e00\u5b9a\u80fd\u627e\u5230\u8b93\u4f60\u7684\u7528\u6236\u773c\u82b1\u7e5a\u4e82\uff0c\u7f8e\u4e0d\u52dd\u6536\u7684\u5275\u610f\u3002 7. \u6027\u80fd\u548c\u96c6\u6210 \u4f7f\u4f60\u7684\u61c9\u7528\u7a0b\u5e8f\u548c\u7db2\u7d61\u5728\u5927\u91cf\u8af8\u5982Web Workers\u548cXML HttpRequest 2\u9019\u6a23\u7684\u6280\u8853\u4e0b\u66f4\u52a0\u5feb\u901f\u3002\u6c92\u6709\u4eba\u9858\u610f\u505c\u4e0b\u4e86\u7b49\u4f60\u8ddf\u9032\u7684\u3002 8. CSS3 \u5728\u4e0d\u72a7\u7272\u4f60\u7684\u8b1b\u7fa9\u7d50\u69cb\u548c\u6027\u80fd\u7684\u60c5\u6cc1\u4e0b\uff0cCSS3\u63d0\u4f9b\u4e86\u5927\u91cf\u7684\u6a23\u5f0f\u6548\u679c\u548c\u52a0\u5f37\u4f60\u7684\u7db2\u7d61\u61c9\u7528\u3002\u53e6\u5916WOFF(Web Open Font Format)\u63d0\u4f9b\u4e86\u524d\u6240\u672a\u6709\u7684\u5370\u5237\u9748\u6d3b\u6027\u63a7\u5236\u3002","rel":"","context":"In &quot;1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528&quot;","block_context":{"text":"1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528","link":"https:\/\/www.i-garden.org\/blog\/topics\/hkdse-ict-computer\/internet-application\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.i-garden.org\/blog\/wp-content\/uploads\/2010\/06\/65604_1_1_l-207x300.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":4821,"url":"https:\/\/www.i-garden.org\/blog\/2013\/06\/01\/multimedia-presentations-innovation-series-22-non-book-how-can-we-know-the-child-the-joy-of-books\/","url_meta":{"origin":1995,"position":4},"title":"\u591a\u5a92\u9ad4\u6f14\u793a\u5275\u65b0\u7cfb\u5217(22) &#8211; [\u5b9a\u683c\u52d5\u756b\u793a\u7bc4] \u5b50\u975e\u66f8\uff0c\u7109\u77e5\u66f8\u4e4b\u6a02\uff1f","author":"iGardener","date":"June 1, 2013","format":false,"excerpt":"\u5c07\u6b7b\u7269\u8ce6\u4e88\u751f\u547d\uff08[W:\u64ec\u4eba\u6cd5]\uff1f\uff09\uff0c\u662f\u6b77\u4e16[W:\u6587\u5b78]\u53ca[W:\u6f2b\u756b]\u5176\u4e2d\u4e00\u500b\u6700\u53d7\u6b61\u8fce\u7684\u984c\u6750\u3002 \u7531\u5b78\u751f\u6642\u559c\u6b61\u770b\u7684\u5370\u5237\u7248\u00a0Calvin and Hobbes\u00a0...... \u00a0 \u5230[W:\u96fb\u8166\u52d5\u756b]\u7248\u7684 [W:Toy Story] : \u975c\u5982\u66f8\u672c\uff0c\u914d\u5408[W:\u5b9a\u683c\u52d5\u756b]\uff0c\u4e5f\u53ef\u4ee5\u8b93\u8b80\u8005\u611f\u53d7\u5230\u66f8\u672c\u7684\u5feb\u6a02\u3002 The Joy of Books \uff08\u66f8\u672c\u7684\u559c\u6085\uff09: http:\/\/www.youtube.com\/watch?v=SKVcQnyEIT8 Organizing the Bookcase\u3000\uff08\u57f7\u66f8\u6ac3\uff09: http:\/\/www.youtube.com\/watch?v=zhRT-PM7vpA","rel":"","context":"In &quot;1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528&quot;","block_context":{"text":"1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528","link":"https:\/\/www.i-garden.org\/blog\/topics\/hkdse-ict-computer\/internet-application\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/SKVcQnyEIT8\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1989,"url":"https:\/\/www.i-garden.org\/blog\/2010\/06\/12\/%e5%a4%9a%e5%aa%92%e9%ab%94%e6%bc%94%e7%a4%ba%e5%89%b5%e6%96%b0%e7%b3%bb%e5%88%975-html5%e7%9a%84%e5%a5%bd%e8%99%95%e5%8f%8a%e5%a3%9e%e8%99%95\/","url_meta":{"origin":1995,"position":5},"title":"\u591a\u5a92\u9ad4\u6f14\u793a\u5275\u65b0\u7cfb\u5217(5) &#8211; HTML5\u7684\u597d\u8655\u53ca\u58de\u8655","author":"iGardener","date":"June 12, 2010","format":false,"excerpt":"\u65b0\u4e00\u4ee3\u7db2\u9801\u6a19\u6e96[W:HTML 5]\uff0c\u6210\u70ba\u7db2\u7d61\u71b1\u8ac7\uff0c\u56e0\u70ba\u5b83\u4e0d\u662f\u4e00\u500b\u54c1\u724c\u50cf[W: Adobe Flash]\uff0cICT\u6216\u5915\u967dCA\u53ef\u4ee5\u5728\u8003\u5377\u76f4\u63a5\u5f15\u7528\"[W:HTML 5]\"\uff0c\u73fe\u6642\u4ecd\u672a\u6709\u4efb\u4f55\u6559\u79d1\u66f8\uff08\u5305\u62ec\u9577\u4eba\u51fa\u7248\u793e\uff09\u63d0\u53ca\u9019\u6982\u5ff5\uff0c\u6545\u6b64\u5712\u4e01\u60f3\u5728\u6b64\u5217\u51faHTML5\u7684pros and cons\uff08\u76f8\u5c0d\u6d41\u884c\u7684[W:\u52d5\u756b]\u8edf\u4ef6 [W:Adobe Flash]\uff09\uff1a [W:HTML 5]\u7684\u597d\u8655\uff1a Open Source not Proprietary like Flash Uses less computer resources. Uses 20% of computer resources compared to 40% for Flash - this makes a big difference when someone is trying to view anything, regardless of their internet connection (DSL,\u2026","rel":"","context":"In &quot;1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528&quot;","block_context":{"text":"1C \u4e92\uf997\u7db2\u53ca\u5176\u61c9\u7528","link":"https:\/\/www.i-garden.org\/blog\/topics\/hkdse-ict-computer\/internet-application\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/pwqSM-wb","_links":{"self":[{"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/posts\/1995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/comments?post=1995"}],"version-history":[{"count":9,"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/posts\/1995\/revisions"}],"predecessor-version":[{"id":9611,"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/posts\/1995\/revisions\/9611"}],"wp:attachment":[{"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/media?parent=1995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/categories?post=1995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.i-garden.org\/blog\/wp-json\/wp\/v2\/tags?post=1995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}