Tuesday, 10 September 2013

Wireless Internet Application

Hello, everyone my name is Faisal(110021987),  we learned about how to do basic coding on Hyper Text  Markup Language(HTML) using Slim Text on Google Chrome to create a web page. Initially, we learned the basic HTML coding that it is in two parts head and body part. The head part contains the title and the body part contains the pictures, music, text and videos.  This was the mostly things that we learned in week 3 from week from, we start HTML5, it is the next generation of HTML. We also learn how to create "Forms", form is an area in body part that contain form elements. By creating form we learned how to create radio buttons, check box, text field and password field. We also learn how to create drop down menu or list. 

 HTML5 is the newest hyper text markup language for websites from the World Wide Web Consortium (W3C). The first draft was made public in 2008, but not much happened until 2011. In 2011, HTML5 was released and people started writing about it and using it, but the support in different browsers was still poor. Today all major browsers (Chrome, Safari, Firefox, Opera, IE) offer HTML5 support, therefore the newest HTML technology can be used at its best today.

There are some new syntax have been introduced in HTML5:
  • <article> – this tag defines an article, a user comment or a post, so an independent item of content
  • <aside> – the aside tag marks content aside from the page content, which for example could be a lateral sidebar
  • <header><footer> – you won’t need to manually name IDs for headers and footers, as now you have a pre-defined tag for them
  • <nav> – the navigation can now be placed in the markup in between the nav tags, which will automatically make your lists act like navigation
  • <section> – this is another important new syntax, as it can define any kind of sections in your document. It works pretty much like a div which separates different sections.
  • <audio><video> – these two obviously mark sound or video content, which will now be easier to run by devices.
  • <embed> – this new tag defines a container for interactive content (plugin) or external application
  • <canvas> – the canvas tag is quite exciting, as it allows drawing graphics via scripting (mostly JavaScript, but some others can be employed as well)


            


Cascading Style Sheets (CSS)

CSS is style sheet language, it is the most common application ia to style the web pages written in HTML and XHTML. We can use CSS to create good looking websites with nice effects. By CSS we can control the text(like font, color, size, etc) and the layout like background, margins, etc of a website in one single file. By using external CSS we can save lot of time, we can link the external file to all HTML files and apply the text and layout rules to all HTML files at once.