HTML5 & CSS3, Responsive Web Design is a collection of techniques that allow a website to flex and adapt to the size of screen it’s being viewed on. Someone opening your site on a small smartphone will be shown the same site as the person opening it on their laptop but the site will have noticed the constraints and automatically reformatted to give the user an experience better suited to their device. No more loading a huge website and having to zoom in and out to find the content you're looking for. Responsive web design takes into account interaction too and makes your site easier to use by acknowledging and integrating things like touch screens to aid navigation.
As smartphone and tablet adoption rapidly increases, so does the importance of mobile-friendly websites. If SEO is a core component of your digital marketing strategy, having a mobile–friendly website is becoming essential. Mobile sales have already overtaken desktop sales, and mobile Internet usage is predicted to overtake desktop internet usage by 2014. It is only logical that mobile search will overtake desktop search at some point in the near future as well.
Duration : 2 Months | Classes: Mon-Fri, 1 Hr/day
Module 1: HTML 4.01
Basic Web Pages Creation Using HTML Tags (V 4.01)
What is HTML?
Creating and Displaying HTML Documents.
About Browsers and Compatibility.
Adding comments in HTML Documents.
Making your HTML Codes Readable : A Proper HTML Document.
Spaces, Line Break and Horizontal Rule.
Writing a proper tags.
Working with Text
Creating a paragraph.
Text alignment with the align attribute.
Working with character tags: logical and physical.
Unordered list (bulleted list).
Ordered list (numbered list).
Definition list, Nesting lists.
Alter the Face, Size and Color of text with the tag:-
Controlling the font size with the tag.
Changing the font color with the tag.
Changing the font face with the tag.
Combining tag attributes.
Divisions (with div tag).
METADATA & SEO Techniques
Meta tag attributes.
HTML Meta Tags: Keywords and Descriptions.
Robot control with tag.
Search engine optimization.
Changing the link color.
Setting Link Title.
Setting Tab Order of Link.
Adding Keyboard Shortcut to Link.
Adding Graphics to web pages.
Image file formats.
Controlling Image size.
Controlling vertical and horizontal spacing.
Server Side Image Map.
Client Side Image Map.
Cellpadding & Cellspacing.
Table Background color and image.
Controlling text placements.
Spanning rows and columns.
Using Form tag.
Input type, text, password etc.
Radio Buttons, Check Boxes.
Multiline text areas.
Module 2: HTML V5.0
What is HTML 5?
W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications.