本研究有兩個主要目標的想法。萬維網聯盟（以下簡稱為WWW或W3的，通常稱為Web），是一個系統的相互聯繫通過Internet訪問的超鏈接的文檔。通過網頁瀏覽器，可以瀏覽網頁，其中可能包含文字，圖片，視頻和其他多媒體，以及它們之間通過超鏈接導航。 HTML5是一個集合的個別功能。 HTML5包含了許多新的功能，使網絡形式要容易得多寫，網絡上更強大和一致的。 HTML5仍然是一個進展中的工作。然而，主要的瀏覽器支持許多新的HTML5元素和應用程序編程接口。很久以前，攝影師依靠定期畫廊，展示自己的作品。雖然這種方法有它的優勢，它也標誌著幾個缺點。隨著互聯網革命中，每個人，能買得起廉價的網絡託管帳戶，可以創建一個個人網站。然而，在開始建立的網站是不容易的，因為不是每個人都有的技巧，創建自己的網站。
在論文的目的主要集中在HTML5，CSS3，jQuery的，javascript中的許多新的功能和元素。根據從研究和上述審查的相關文獻與研究。它提供了很好的參考，誰想要開發自己的HTML 5的圖片庫網站上使用HTML 5，CSS3，jQuery和JavaScript的。我已經演示了HTML 5和CSS3的一些新功能，如CSS3圖像畫廊，畫框，旋轉幻燈片，jQuery的三面板圖像滑塊，jQuery的燈箱插件，使用jQuery和CSS的形象牆，圖片DG作物。對於這些演示中，例如我選擇了一些重要的印度自由戰士的圖像。和其它HTML5功能是使用HTML5的Canvas的漣漪效應。用戶可以使用這些圖片的演示，對的iphone移動設備和電腦。我也做演示，更可用於用戶，他們可以與每個演示。
關鍵詞：HTML5，CSS3，jQuery，使用Javascript，AJAX，PHP。

This study was performed with two main goals in mind. The World Wide Webconsortium(abbreviated as WWW or W3, commonly known as the Web), is a system of interlinked hyper linked documents accessed via the Internet. With a web browser, one can view web pages that may contain text, images, videos, and other multimedia, and navigate between them via hyperlinks.HTML5 is a collection of individual features. HTML5 includes many new features to make web forms a lot easier to write, more powerful and consistent across the Web. HTML5 is still a work in progress. However, the major browsers support many of the new HTML5 elements and Application Programming Interfaces.A long time ago, photographers had to rely on regular galleries to display their work. And while this method has its advantages, it also marks several disadvantages. With the Internet Revolution, everyone, who could afford a cheap web hosting account, could create a personal website. However, in the beginning, creating websites was not easy, since noteverybody had the skill to create their own site.
The objective of thethesis mainly focused onmanynew functionsand elements of HTML5, CSS3, jQuery, javascript.Based from the research and the foregoing review of the related literature and studies. Itprovidesvery good reference for who wantsto develop their own HTML 5 image gallery websitesusing HTML5, CSS3, jQuery and javascript. I have demonstratedsome new features of HTML5and CSS3 likeCSS3 Image gallery,Frame, Rotating Slideshow, jQuery Triple Panel Image slider, jQuery lightboxplugin, Image wallwith jQuery and CSS, Image DG Crop. For these demosIhave selected the example images from some of important Indian freedom fighters.And the other HTML5 feature is Ripple effect usingHTML5Canvas.Users can use theseImageDemos on iphone mobile devices and computer. Ialso domake demosthat aremore usable for usersand they can interact with each demo.

[1] "Introduction-Free HTML Tutorial", http://www.html.net/tutorials/html/introduction.php

[2] "W3Schools.com", http://www.w3schools.com/html/default.asp

[3] “What is HTML 5.”
http://webdesign.about.com/od/html5/qt/what_is_html5.htm. [Accessed: 03 May, 2012].

[4] What is HTML5 The Newest Version of HTML By Jennifer Kyrnin,
http://webdesign.about.com/od/html5/qt/what is html5.htm

[5] HTML Current Status - W3C.”
http://www.w3.org/standards/techs/html#w3c_all.[Accessed:02 May, 2012].

[6] “JavaScript - O’Reilly Media.” http://oreilly.com/pub/a/javascript/2001/04/06/js_history.html. [Accessed: 04 May, 2012].

[7] TriplePanelImageSlider: A jQuery image slider with three panels and 3D look:
http://tympanus.net/Tutorials/TriplePanelImageSlider/

[8] Jquery lightBox Plugin:
http://leandrovieira.com/projects/jquery/lightbox/

[9] Jquery and CSS3 Image wall:
http://blog.templatemonster.com/2012/02/17/jquery-css3-image- gallery-slideshow-tutorials/

[10] Image DG crop:
http://www.dhtmlgoodies.com/scripts/dg-crop/dg-crop.html

[11] Water Ripple effect using HTML5 Canvas:
http://www.script-tutorials.com/how-to-create-water-drops-effect- using-html5-canvas/

[12] “HTML & CSS - W3C.” [Online].
http://www.w3.org/standards/webdesign/htmlcss#whatcss. [Accessed: 04 May, 2012].

[13] "Introduction to HTML4", http://www.w3.org/TR/html401/intro/intro.html

[14] "XHTML", http://en.wikipedia.org/wiki/XHTML, Developed by World wide web, Published by 23 November 2010.

[15] Steven Pemberton, "HTML and XHTML Frequently Answered Questions"
http://www.w3.org/MarkUp/2004/xhtml-faq, Version date: 21 July 2004

[16] Stephen Shankland, "Opera for Android to get HTML5 video, Flash", http://news.cnet.com/8301-30685_3-20024664-264.html

[17] Rogerjohansson, "Seven HTML related working drafts published",
http://www.456bereastreet.com/archive/201003/seven_html_relate d_working_drafts_published/

[18] Dive Into HTML5 by Mark Piligrim With contribuition from the community,
http://diveintohtml5.org/detect.html

[19] Cloudberry: An HTML5 Cloud Phone Platform for Mobile Devices Antero Taivalsaari and Kari Systä, Nokia
http://ieeexplore.ieee.org/stamp/stamp.jsp?arnumber=06178208, Published by July/August 2012.

[20] HTML 4.0 W3C Recommendation December 18, 1997: http://www.w3.org/TR/html4/

[21] Pfeiffer, S. and Parker, C. (2009). "Accessibility for the HTML5 <video> element. In proceedings of the 2009 International Cross- Disciplinary Conference on Web Accessibililty (W4A)", pages 98– 100. ACM.

[22] Harjono, J., Ng, G., Kong, D., and Lo, J. (2010). Building smarter web applications with HTML5. In Proceedings of the 2010 Conference of the Center for Advanced Studies on Collaborative Research, pages 402–403. ACM.

[23] W3C, 20112012., HTML5, "A vocabulary and associated APIs for HTML and XHTML", available at: http://dev.w3.org/html5/spec/Overview.html (28 March, 2012).

[24] M. Pilgrim, HTML5: Up and Running, p. 23, O'Reilly Media

[25] Steven J. Vaughan-Nichols, "Will HTML 5 Restandardize the Web?", http://u.cs.biu.ac.il/~ariel/download/mm664/resources/internet_web/html5.pdf, Published by the IEEE Computer Society APRIL 2010.

[26] Grigsby, J., 2009 HTML5 from a Mobile Perspective, http://cloudfour.com/html5-from-a-mobile-perspective/ (Accessed: 28 March, 2012).

[27] “Geolocation - Dive Into HTML5.”
http://diveintohtml5.info/geolocation.html. [Accessed: 20 May, 2012].

[28] “New Tricks in XMLHttpRequest2 - HTML5 Rocks.” http://www.html5rocks.com/en/tutorials/file/xhr2/. [Accessed: 15 May, 2012].

[29] “HTML Current Status - W3C.”
http://www.w3.org/standards/techs/html#w3c_all. [Accessed: 02 May, 2012].

[30] “How browsers work.” http://taligarsiel.com/Projects/howbrowserswork1.htm#The_brows er_hig h_level_structure. [Accessed: 08 May, 2012].

[31] “The developer’s guide to the HTML5 APIs.” [Online]. http://www.netmagazine.com/features/developer-s-guide-html5- apis. [Accessed: 04 May, 2012].

[32] Pieters, S. 2012, HTML5 differences from HTML4, published 22.1.2008. http://dev.w3.org/html5/html4- differences/#new-apis [Accessed: January 11, 2012].

[33] [3] Enser P G B (1995) “Pictorial information retrieval” Journal of Documentation, 51(2), 126-170
http://jis.sagepub.com/content/23/4/287. [Accessed: August 1, 1997].