HTML and CSS training (website development)

HTML and CSS training program (website development)

Woospeak, language and office training center since 2006 , offers you its expertise for your HTML and CSS training . Our experienced trainers will help you improve and master HTML and CSS .

Goal: Create responsive sites.
Master good HTML CSS programming practices.
Develop interfaces in HTML 5 / CSS.
Prepare natural referencing.
Method: Face to face, telephone, videoconference, e-learning
Prerequisites: Have already developed or participated in the development of a professional application and have a practice of a programming language.
Public: Webmaster or anyone in charge of redesigning an existing application.
Duration: 2, 4, 6, 8, 10 hours ... adjustable duration as needed
Possible certifications: TOSA and ENI.

The objectives of your HTML and CSS training

Our HTML and CSS training is one of our training courses in our office catalog. It will help you master HTML and CSS . This training will allow you among other things: to create responsive sites, to master good HTML CSS programming practices, to develop interfaces in HTML 5 / CSS, to prepare natural referencing.
Whatever your basic level, our tailor-made training programs are fully adapted to help you progress.

Your HTML and CSS training program (website development)

The content of the HTML and CSS training program is organized into 3 major areas, and will be adapted according to your objectives and your needs:


Module 1: Presentation of the ecosystem

  • What is HTML5?
  • What is CSS3?
  • Content: title and paragraph
  • Title and paragraph tags (<h1>, ... <h6>, <p>)
  • First CSS decorations: color and background-color
  • Content alignments: text-align
  • Color formats (hexadecimal, keywords)
  • Font families with and without serifs: font-family

Module 2: Language practice

  • The links :
    • Link to another page with the element and its href attribute
    • Underline (or not) a link: text-decoration
  • Apply margins (internal and external)
  • Introduction to the Box Model in CSS
  • Apply a margin under or on an element
  • The lists :
    • Create a list of elements: <ul> and <li>
    • Default and custom bullets
  • Overview of HTML tags

Module 3: Anatomy of a standard web page

  • The standard web page
  • Concept of “Doctype”
  • Structural elements
  • First web page
  • File tree
  • How to apply CSS styles?
  • Code editors (dream, notepad ++, web expression 4)
  • Images :
    • Display a content image: and its attributes
    • Display a decorative image: background-image and associated properties
    • Distinguish an image (HTML) from a background image (CSS)

Module 4: Installation of components

  • The components
  • What is a component?
  • Guess the components from the model
  • My first component: the button (with borders, notions of flow and pseudo-classes)
  • The navigation component (with notion of inheritance and CSS selectors)
  • The components of the footer
  • The info block (with the continuation and end box model, width, height, box-sizing)
  • The "Card" Component (HTML elements)
  • The Contact Form Component (HTML elements of the form)
  • What is Responsive Web Design?
  • Break points
  • The viewport
  • CSS Media Queries
  • Center the content on the page
  • With CSS width properties and automatic margins
  • Adding neutral elements (<div>)
  • Priorities in CSS

Module 5: Responsive part

  • The Flexbox model
  • How does Flexbox work?
  • Where do we need to apply Flexbox on the model?
  • Practical application: “Stays”, “nav” and “footer” components
  • The Flexbox model
  • How does Flexbox work?
  • Where do we need to apply Flexbox on the model?
  • Practical application: “Stays”, “nav” and “footer” components
  • Floating positioning
  • The float property
  • Data tables
  • A grid of elements (“Destinations” component)
  • The future of CSS with Grid Layout
  • What is Grid Layout? (Principles, support, application)
  • Grid Layout “Destinations” component
  • The standards
  • Will your code pass to the validator?
  • HTML entity concepts
  • The html 5 and CSS frameworks
  • BOOTSTRAP
  • SKELETON
  • KICKSTART
  • KNACCSS 5 (en)

Practical work & learning control

If you wish, we can also offer you an office certification such as TOSA. This HTML and CSS training is eligible for the CPF (Personal Training Account) .


HTML and CSS training program

HTML and CSS in videoformation, by phone or face to face

As a specialized training organization, Woospeak offers you different training methods:

This HTML and CSS training can take place at home or within your company.

DISCOVER ALL OURTRAINING METHODS

We organize training sessions wherever you are and everywhere in France

Want to know more ? Please do not hesitate to contact us with any questions.
You can also ask us for a quote on your HTML and CSS training. .