HTML and CSS TRAINING
What you will learn in the HTML and CSS training program

HTML and CSS

Skill you will gain with HTML5 and CSS3 course

HTML and CSS

  • Real-world skills to build real-world websites
  • Create beautiful web pages
  • Create forms with cutting edge features in HTML5
  • Style pages with pixel-perfect precision

HTML and CSS are the programming languages that power the web. The two function together to form the backbone of the web. Web Development is one of the 10 hottest tech skills and it is no surprise that more than half of all jobs in the top income quartile show significant demand for coding skills, of which HTML and CSS are the most versatile skillsets.

Course content

Course Introduction
Discover hypertext mark-up language and its purpose, and perceive however CSS works with hypertext mark-up language to provide stunning websites. find out about putting in a development setting together with the utilization of a code editor like Microsoft VS Code and also the use of utilities that promote potency by providing shortcuts and snippets to quickly turn out code blocks and layouts. You then get to make your terribly 1st web content.

TOPIC :

  • What is HTML ?
  • What is CSS ?
  • Setting up the environment
  • Hello World!
  • Using VS Code with Live reload
  • Using Emmet and online tools
  • Using Chrome developer tools
Dive into HTML
Learn about tags - the building blocks of hypertext mark-up language as you deep dive into differing kinds of tags that assist you craft the structure and content of an internet page together with its attributes and their syntax before learning to figure with pictures, hyperlinks, lists, and tables in hypertext mark-up language. Thereafter, take your 1st steps at writing CSS exploitation the fashion attribute as you to proceed to figure with colours. Finally, learn all concerning HTML5 linguistics tags similarly as audio and video tags as you build up a robust foundation for the a lot of advanced options to follow.

TOPIC :

  • Basic HTML Tags and Attributes
  • Image Tag and Attributes
  • Links- Internal and External
  • Lists - Ordered and unordered
  • Tables in HTML
  • The style attribute
  • Colors in HTML
  • HTML5 Semantic Elements
  • HTML Audio and Video elements
HTML Forms and Inputs
An HTML form is used to collect user input. The user input is most often sent to a server for processing.

TOPIC :

  • The Form tag
  • Using the label tag
  • HTML Input tag and Attributes
  • Options, Select and TextArea
  • Email, Password Inputs, and buttons
  • Datalists in HTML
  • Building a contact form
Fromatting With CSS
CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed. Discover Cascading Style Sheets and its role in visually styling HTML documents. Learn about the use of CSS selectors to target HTML elements, creating external stylesheets for use across multiple pages, and the lowdown on overriding styles. You’ll work with CSS properties and rulesets including units for position and size, the ever-important box model, and its features and pseudo-classes.

TOPIC :

  • Using the Style element
  • Colors
  • Classes and ID's
  • Relative vs. Absolute
  • The CSS box model
  • Using external stylesheets
  • Overriding CSS Styles
  • Common CSS Properties
  • CSS Pseudo-classes
  • More CSS Properties
CSS Advanced
We’re entering the deepest realms of CSS3 now — aspects that are often more specific than the CSS introduction, Step up with CSS as you learn about positioning elements followed by advanced features such as using pseudo-elements, variables, custom web fonts, and importing and composing stylesheets.

TOPIC :

  • Rounded Corners
  • Multiple Backgrounds
  • Gradients
  • Shadow Effects
  • 2D & 3D Transforms
  • The object-fit Property
  • The object-position Property
  • User Interface
  • Multiple Columns, and many more things..
Transitions and Animations
CSS transitions allows you to change property values smoothly, over a given duration & CSS allows animation of HTML elements without using JavaScript or Flash!An animation lets an element gradually change from one style to another. You can change as many CSS properties you want, as many times you want. To use CSS animation, you must first specify some keyframes for the animation. Keyframes hold what styles the element will have at certain times.

TOPIC :

  • CSS transitions Properties
  • CSS Animations
Responsive Web Design with Media Queries
Responsive web design makes your web page look good on all devices. Responsive web design uses only HTML and CSS. Responsive web design is not a program or a JavaScript. Web pages can be viewed using many different devices: desktops, tablets, and phones. Your web page should look good, and be easy to use, regardless of the device. Web pages should not leave out information to fit smaller devices, but rather adapt its content to fit any device: Desktop, Tablet or Phone. It is called responsive web design when you use CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen.

TOPIC :

  • Media queries
  • What is CSS Flexbox?
  • Creating rows and columns
  • More flexbox properties
  • Rows and Columns in Grid
  • Allocating cells
  • Grid template areas
  • Building a responsive image gallery
Phone: 0522 355 7128
Email: joborientedtraining@gmail.com
D-2 107, Vibhuti Khand, Gomti Nagar, Lucknow
Uttar Pradesh - 226010