HTML5 & CSS3
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.
Course Contents
Duration : 3 Months | Classes: Mon-Sat, 1.5 Hrs./day
- Module 1: (HTML 4.01)
- Basic Web Pages Creation Using HTML Tags (V 4.01)
- What is HTML?
- HTML Editors.
- 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.
- Creating headings.
- HTML lists.
- Unordered list (bulleted list).
- Ordered list (numbered list).
- Definition list, Nesting lists.
- Line breaks.
- Preformat text.
- Quotation blocks.
- Alter the Face, Size and Color of text with the <font> tag.
- Controlling the font size with the <font> tag.
- Changing the font color with the <font> tag.
- Changing the font face with the <font> tag.
- Combining <font> tag attributes.
- Horizontal rules.
- Divisions (with div tag).
- METADATA & SEO Techniques
- Meta tag attributes.
- HTML Meta Tags: Keywords and Descriptions.
- Robot exclusion.
- Robot.txt file.
- Robot control with <meta> tag.
- Search engine optimization.
- Document caching.
- HTML Hyperlinks
- Understanding URL.
- Relative Link.
- Absolute Link.
- Reference Link.
- E-Mail Link.
- Changing the link color.
- Setting Link Title.
- Setting Tab Order of Link.
- Adding Keyboard Shortcut to Link.
- HTML Graphics
- Adding Graphics to web pages.
- Image file formats.
- Alt Property.
- Controlling Image size.
- Controlling vertical and horizontal spacing.
- IMAGEMAP
- Server Side Image Map.
- Client Side Image Map.
- Rectangular Hotspots.
- Circular Hotspots.
- Polygonal Hotspots.
- HTML Tables
- Adding Tables.
- Cellpadding & Cellspacing.
- Table Background color and image.
- Table alignments.
- Controlling text placements.
- Spanning rows and columns.
- HTML Forms
- Creating Forms.
- Using Form tag.
- Input type, text, password etc.
- Radio Buttons, Check Boxes.
- Selection list.
- Multiline text areas.
- Form Processing.
- Module 2: (HTML V5.0)
- What is HTML 5?
- Browser Support.
- W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications.
- Overview of updated new features.
- HTML5 Syntax.
- The DOCTYPE.
- Character Encoding.
- The <script> tag.
- The <link> tag.
- HTML5 Document.
- Forms.
- Color, date, datetime, datetime-local, email, month.
- Number, range, search, tel, time, url, week.
- Form Elements.
- <datalist>, <keygen>, <output>.
- Autocomplete, novalidate.
- New attributes for <input>.
- Autocomplete, autofocus, form, formaction, formenctype.
- Formmethod, formnovalidate, formtarget, height, width.
- List, min, max, multiple, pattern(regexp), placeholder, required.
- Video and Audio.
- Media.
- <audio>, <video>.
- <source>, .
- <track>, plugins.
- youtube.
- HTML5 NEW ELEMENTS
- <article>, <aside>, <canvas>, <details>, <figcaption>.
- <footer>, <header>, <hgroup>, <main>, <meter>, <nav>.
- <section>, <summary>, <time>.
- Migration from HTML4 to HTML5.
- HTML5 Browser Support.
- HTML5 Elements as Block Elements.
- Adding New Elements to HTML.
- Problem With Internet Explorer.
- Complete Shiv Solution.
- HTML5 Skeleton.
- HTML5 DEPRECATED TAGS.
- <acronym>.
- <center>.
- <font>.
- <frame>.
- <frameset>.
- <s>.
- <u>.
- Canvas Overview.
- Lines.
- Curves.
- font.
- Image.
- Paths.
- Shapes.
- Color, gradients.
- SVG.
- What is SVG?
- SVG Advantages.
- Differences Between SVG and Canvas.
- Rectangle.
- Circle.
- Ellipse.
- Line.
- Polyline.
- Polygon.
- Path.
- Module 3: (Overview of CSS & CSS 3.0)
- CSS 2.0 vs CSS 3.0.
- Introduction to css3.
- Whats new in css3.0.
- Border.
- Box-shadow.
- Border-image.
- Border-radius.
- Background.
- Background-clip.
- Background-origin.
- Background-size.
- Multiple Background Images.
- Gradients.
- Linear Gradients.Top to Bottom.
- Left to Right.
- Angles.
- Multiple Color Stops.
- Transparency.
- Repeating-linear-gradient.
- Radial Gradients.
- Evenly Spaced Color Stops.
- Differently Spaced Color Stops.
- Set Shape.
- Use of Different Size Keywords.
- Closest-side.
- Farthest-side.
- Closest-corner.
- Farthest-corner.
- Repeating-radial-gradient.
- Text effects.
- Text-shadow.
- Word-wrap.
- @FONT Face.
- Browser Support.
- Font Formats, Using The Font.
- Browser Support for Font Formats.
- Working with third party plugins.
- Google fonts.
- 2D Transforms.
- Browser Support for 2D Transforms.
- Transform, transform-origin.
- Matrix().
- Translate(x,y), X(n), Y(n).
- Scale(x,y), X(n), Y(n).
- Rotate(angle).
- Skew(x-angle,y-angle), X(angle), Y(angle).
- 3D Transforms.
- Transform.
- Transform-origin.
- Transform-style.
- Perspective.
- Perspective-origin.
- Backface-visibility.
- RGBA.
- Box Resize.
- Box Sizing.
- Outline.
- Transitions.
- Transition-delay.
- Transition-duration.
- Transition-property.
- Animations.
- @keyframes.
- Animation.
- Animation-delay.
- Animation-direction.
- Animation-duration.
- Animation-iteration-count.
- Animation-name.
- Selectors.
- Multiple Columns.
- Column-count.
- Column-fill.
- Column-gap.
- Column-rule.
- Column-rule-color.
- Column-rule-style.
- Column-rule-width.
- Column-span.
- Column-width.
- Columns.
- User Interface.
- Box-sizing.
- Resize.
- Outline-offset.
- Appearance Property.
- Nav-down.
- Overview of CSS 3.0 compatabilities for Internet Explorer.
For More Details please visit : http://www.dga-edu.com/html5_css3_training.html or mail us at : info@dga-edu.com
No comments:
Post a Comment