Related Web Development Training Course
PHP MY SQL Training
Courses Included: HTML5, CSS3, PHP, MySQL , Ajax , JSON , Jquery , Javascript
HTML5 and CSS3 Training Course
Duration:
40 HRS
Subjects:
HTML5, CSS3
Html5 and ccs3 its a technology to build websites with responsive in all devices. You can manage , modify and build your own websites for all devices like mobiles,tabs,desktop etc..
XHTML & HTML5 Semantics
- Scope and application of html5 css3 based websites in real world
- From xhtml to html5 , and need of css3 in real time applications
- html division element <div> for tableless layout
- html paragrpah element <p> element for text
- html headers element <h1>,<h2>,<h3>,<h4>,<h5>,<h6> element for heading
- Html important elements - difference between div <div> element and paragraph <p> element
- difference between inline elements and block elements
- Html inline span <span> element
- Html inline bold <b> element
- Html inline italic <i> element
- Html inline underline <u> element
- Html inline anchor <a> element
- Html block ul <ul> element
- Html block li <li> element
- Html block ol <ol> element
- html ul , ol and li elements to generate data sequentially and to generate menu
- importance of div element over table element in web page design
- Html block table <table> element
- Html block tr <tr> element
- Html block td <td> element
- Html block th <th> element
- Html block tbody <tbody> element
- Html block thead <thead> element
- Html title <title> element for SEO optimisation
- Html meta <meta> element with keywords and description for SEO optimisation
- Html meta <meta> element with viewport for responsive design
- Html doctype <doctype> element for xhtml and html5 web page
- Html doctype <doctype> element for xhtml and html5 web page
- html5 semantics nav <nav> element
- html5 semantics aside <aside> element
- html5 semantics section <section> element
- html5 semantics article <article> element
- html5 semantics figure <figure> and figcaption <figcaption> element
- html5 semantics header <header> and footer <footer> element
- html form input text element
- html form input password element
- html form input hidden element
- html form input radio element
- html form input checkbox element
- html form select element
- html form option element
- html form textarea element
- html form multiple select element
- html form input email element
- html form placeholder attribute
- html form input number element
- html form tag with method attribute
- html form tag with action attribute
- html form tag with enctype attribute
- html input tag with class attribute
- html input tag with id attribute
- html input tag with name attribute
HTML5 Semantics :
HTML5 Forms :
CSS & CSS3 Properties
- use of css with html elements as inline css, external css and internal css
- Difference between inline,external and internal css
- Basic CSS
- Why and Scope of CSS
- CSS as Open source Technology
- CSS for Web Based Application
- CSS scope
- css import() function for external css
- CSS !important value
- selector as tag/element/semantic
- selector as an attribute id
- selector as a class
- selector as a universal (*)
- selector as a parent child relation
- selector as css grouping
- selector as an attribute
- px unit
- em unit
- relation between px and em
- cm unit
- pt unit
- predefined colors like blue,black
- color in rgb format rgb()
- color in hexadecimal format like #eee
- color with rgba() format
- background-color property
- background-size property
- background-image property
- background-attachment property
- background-position property
- background-repeat property
- background-color property with rgba() function
- background shorthand property
- font-size property
- color property for fonts
- font-family property
- font-style property
- font-variant property
- font shorthand property
- border-style property
- border-color for fonts
- border-width property
- border shorthand property
- border-radius css3 property
- border-top-left-radius css3 property
- border-top-right-radius css3 property
- border-bottom-right-radius css3 property
- border-bottom-left-radius css3 property
- text-transform property with uppercase,lowercase and capitalize
- text-align property with center,right,left and justify
- text-indent property
- text-decoration property with none,line-through,underline,overline
- border-style property
- border-color for fonts
- border-width property
- border shorthand property
- border-radius css3 property
- border-top-left-radius css3 property
- border-top-right-radius css3 property
- border-bottom-right-radius css3 property
- border-bottom-left-radius css3 property
- line-height property with px , percentage
- letter-spacing prperty
- word-spacing property
- float property with left value
- float property with right value
- float property with none value
- clear property with both value
- clear property with left value
- clear property with right value
- display property with none value
- display property with block value
- display property with inline value
- display property with inline-block value
- margin-top property
- margin-bottom property
- margin-right property
- margin-left property
- margin shorthand property
- margin property with auto value
- margin property with one value
- margin property with two value
- margin property with three value
- margin property with four value
- padding-top property
- padding-bottom property
- padding-right property
- padding-left property
- padding shorthand property
- padding property with auto value
- padding property with one value
- padding property with two value
- padding property with three value
- padding property with four value
- css relative postion
- css static position
- css absolute position
- css fixed position
- css bottom value
- css top value
- css left value
- css right value
- css hidden
- css auto
- css scroll-x
- css scroll-y
- css scroll
- css Pseudo hover class
- css visited hover class
- css link hover class
- css3 first-child filter
- css3 last-child filter
- css3 nth-child filter
- css3 nth-child filter for even selectors
- css3 nth-child filter for odd selectors
- css3 box-shadow
- css3 text-shadow
- css3 column-count
- css3 column-rule
- css3 column-gap
- css3 column-width
- css3 rotateX()
- css3 rotateY()
- css3 rotate()
- css3 rotate() with anticlockwise
- css3 scale()
- css3 scaleX()
- css3 scaleY()
- css3 skew()
- css3 transition property
- css3 animation name
- css3 animation with from{} and to{}
- css3 animation with percentage keyframes
- css3 mode linear,ease,ease-in,ease-out
- css3 animation duration
- css3 animation delay
- css3 animation type infinite,forwards
- css3 max-width
- css3 min-width
- css3 viewport
- responsive tool for responsive designs
- inspect element tool for html css manipulation
- color pallets for color selection
- css box model
- difference between margin and padding
- css box model structure
- use of grid system
- concept of 960px layout width
- concept of centrally align layout in all resolution
- use of h1,h2 tag for optimizing web page
- web page logo with responsive in screen
- horizontal top menu of layout using nav tag
- list of categories
- list of brands
- list of products with price,title and cart button
- banner with text and images
- sidebar with categories , brands , side banner with aside tag
- footer with different services
- menu with search bar
- footer with contact form
- layout testing with all browser compatibility
- layout testing with all devices mobiles,tabs for responsive design
Get a Free Demo lecture on HTML , CSS & Bootstrap training
drupal open source content management system to build responsive dynamic website.
For Details Call On : 9619 404 202 , 9619 404 225