!"#$%&"'()(*

What makes a website? ¥ ! Content Layer ¥ ! Presentation Layer ¥ ! Behavior Layer

Content Layer ¥ ! Content Layer ¥ ! The content layer is always present. ¥ ! It comprises the information the author wishes to convey to his or her audience ¥ ! embedded within HTML or XHTML markup that de!nes its structure and semantics. ¥ ! Most of the content on the Web today is text, but content can also be provided through images, animations, sound, video, and whatever else an author wants to publish.

Presentation Layer ¥ ! Presentation layer ¥ ! de!nes how the content will appear to a human being who accesses the document in one way or another. ¥ ! The conventional way to view a web page is with a regular web browser. But thatÕs only one of many possible access methods. (impaired vision or reading di"culties)

Behavior Layer ¥ ! Behavior layer ¥ ! involves real-time user interaction with the document. ¥ ! Normally handled by JavaScript ¥ ! Can be a trivial validation that ensures a required !eld is !lled in before an order form can be submitted

HTML5 ¥ ! HTML5 is a markup language used for structuring and presenting content for the World Wide Web ¥ ! It is a core technology of the Internet. ¥ ! The !fth revision of the HTML standard ¥ ! As of December 2012, it became a recommendation of the World Wide Web Consortium. ¥ ! http:// www.youtube.com / watch?v =mzPxo7Y6JyA

What is WWWC ¥ ! The World Wide Web Consortium is the main international standards organization for the World Wide. ¥ ! The consortium is made up of member organizations which maintain full-time sta# for the purpose of working together in the development of standards for the World Wide Web

What is CSS ¥ ! Cascading Style Sheets ¥ ! Recommended way to control the presentation layer in a web document ¥ ! Main advantage of CSS over presentational HTML markup is that the styling can be kept entirely separate from the content.

What is CSS3 ¥ ! CSS3 o#ers a huge variety of new ways to create an impact with your designs. ¥ ! Borders, gradients, shadows, word wrapping, web fonts, multiple columns, backgrounds

What is Javascript ? ¥ ! JavaScript is a programming language used to make web pages interactive. ¥ ! It runs on your visitor's computer and doesn't require constant downloads from your website.

Javascript vs Java? ¥ ! JavaScript is a scripting language ¥ ! JavaScript, does not create applets or stand- alone applications ¥ ! JavaScript resides inside HTML documents, and can provide levels of interactivity to web pages that are not achievable with simple HTML. ¥ ! Java is a programming language ¥ ! Java Script is a scripting language ¥ ! Java creates applications that run in a virtual machine or browser while JavaScript code is run on a browser only ¥ ! Java code needs to be compiled while JavaScript code are all in text

Pretty Things ¥ ! http://epic.net/mmxiv/ ¥ ! http://benthebodyguard.com/index.php ¥ ! http://www.digitalhands.net/ ¥ ! http://lab.4muladesign.com/dribbble/ ¥ ! http://2011.beercamp.com/ ¥ ! http://boy-coy.com/#apps ¥ ! http://journey.lifeofpimovie.com/#!/ ¥ ! http://islreview.com/ ¥ ! http://nasaprospect.com/ ¥ ! http://www.tedxguc.com/