HTML5 & CSS: how to create modern websites




DESCRIPTION

In this training, you will learn how to create modern websites using HTML5 and CSS3 languages: installation, use tags, create CSS styles, create professional forms, add multimedia elements and publish your site.

Prerequisites:
  • Know how to use a computer,
  • Know how to use a web browser.

  Download syllabus




DETAILS

Live or self-paced

  •   Course syllabus
  • Introduction to HTML5
    Client/server web architecture
    PHP MySQL Platform
    Tools: install and test
    HTML: features and fersions
    Benefits of using HTML5
    Typical structure of HTML5 page
    Browser support
    Principle of CSS styles
    Principle of the Javascript language
    Code Validators

    Master HTML5 markup
    Tag and attribute
    Paragraphs, line breaks, separator
    Titles, divisions, blockquote
    Bold and italic
    Special characters, entities
    Ordered and unordered lists
    Other common HTML tags
    Different types of web images
    Adding images to a page
    Figure and figcaption
    Links, anchors, imagemap
    Semantic tags
    HTML5 tables

    CSS style sheets (I)
    Types of CSS
    Comments, units, colors
    Selectors by redefinition
    Classes, IDs, compound selectors
    Pseudo classes, attribute selectors
    Fonts, text, lists
    CSS for HTML tables

    Lab: HTML5 CSS3 (I)
    The ATLANTIC sample site
    Site structure
    Create different webpages
    Adding tables and menus
    Adding content: text, images
    Creating CSS rules
    CSS Skin
    Testing the pages

    Use HTML5 forms
    Different forms
    Insert a form
    Method, action, enctype
    Field categories
    HTML of each field
    HTML5 field validation
    Create a complete form
    Submitting a form
    Retrieve user entries (PHP)

    CSS Style Sheets (II)
    Tags: inline, block
    display property
    The box model
    Margins, edges, rounded edges
    Formatting a DIV box
    Rounded edges
    Center boxes and contents
    Float, clear and overflow
    CSS Positioning
    Visibility, z-index
    Displays, animations

    Lab: HTML5 CSS3 (II)
    Layout templates
    Tags for organize content
    Adding form to a webpage
    Add different fields
    Validate fields in HTML5
    Form submission
    The VINEYARD Project
    Positioning elements
    Use visibility and z-index
    Create a CSS3 animation
    Adding interactivity

  •   What's included
  • + Experienced instructor
    + Complete syllabus
    + Course material (PDF)
    + Miscellaneous course notes

  •   Who it is for
  • + Webmasters.
    + Web designers.
    + Developers.
    + Technical project managers.

  •   Certification
  • The training is illustrated by case studies and practical work. It does not yet lead to certification.



BENEFITS. TESTIMONIALS

  • Your Reconvert instructor,
  • Hands-on based teaching,
  • Immediate access to VODs,
  • Good quality PDF materials.

Excellent quality, the teacher knows how to create an environment of trust and confidence which makes the training really enjoyable. The course was dynamic and easy to understand. The trainer is an excellent instructor.
J. Ruiz
The Moneytizer, Mexico

The training session with you was awesome, really interesting and full of useful information. I’m currently a Cloud & Big Data engineer with Micropole, Paris. Thanks.
A. Chuttoo
Micropole, France

These 4 days have been enriching. After a training-course in HTML and then CSS, the one on Javascript gave me a lot more knowledge and skills in client side web development.
J. Salgueiro
The Moneytizer, Brazil



Other references :

Click on the logo.


Capgemini Atos Allianz TheMoneytizer CPAM M2iFormation Global Knowledge Ikea Hewlett Packard Department of Defense AKKA Ministry of the Interior AFP Enedis Viveris Titeflex Others


UPCOMING DATES


2022/09/07      LIVE      3 d

2022/10/05      LIVE      3 d

2022/11/09      LIVE      3 d

2022/12/07      LIVE      3 d


Time zone: Pacific time
Do you have your own dates ? - Contact us


PRICE. BOOKING

  •   Online Instructor Led
  • Get a quote or book now.
    Video conference tools : Zoom or Teams.
    Getting a quote does not require any payment or commitment.

    Price : 1350 €

    Get a quote

    I receive my quote fast

  •   Online self-paced
  • With Online self-paced format, the lesson is webcast AND turored. In fact, you are never left to work alone – you are able to interact asynchronously with the instructor via a dedicated Discord channel. The lesson is accessible during 30 days on our dedicated LMS platform.

    For the moment, this training course is available exclusively online via ZOOM or Microsoft TEAMS sessions, i.e. as Virtual Class (= Online Instructor Led). It will shortly be available Online self-paced.

    Please stay tuned for further information.

  •   Video On Demand
  • When available, access to VOD is immediate.
    And you'll get access to videos 24/7, by paying by credit card.

    For the moment, this training course is available exclusively online via ZOOM or Microsoft TEAMS sessions, i.e. as Virtual Class (= Online Instructor Led). It will shortly be available in VOD.

    Please stay tuned for further information.




Others trainings

Python programming by hands-on
Learn by hands-on how to program in Python language : syntax, functions, databases.

Creating dynamic PHP web applications
Learn to create PHP applications connected to SQL databases.

Workshop: discovering web development
Discover web development in 30 minutes, and see if this job is for you.

Getting started in algorithms with Java
Learn how to solve a problem by describing it in pseudo code language and then by producing a Java code.

Workshop: learn SQL with MySQL
Learn how to get started with a database by writing simple SQL clauses.

Mastering SQL language with MySQL
Learn how to write and test SQL for your web application data.

Workshop: learn programming with Python
Get started with Python by learning how to install it and create small programs.

Javascript programming
Learn how to create interactivity on the browser with the Javascript language.

E-marketing: techniques and tools
Understand and carry out e-marketing campaigns with professional tools.

How to create a blog without coding
Learn how to create a personal or business blog in your web browser, without programming.

jQuery programming
Learn how to create interactivity with jQuery and use Ajax technology.

Java Database Connectivity
Learn how to perform the interaction between Java code and a relational database.

GIT - source code management
Learn how to manage and deploy all your IT projects with Git and GitHub.

UML: analysis and design
Learn to design object applications with UML by representing entities in classes and interactions between objects.

Java SE programming
Learn how to create Java applications using object-oriented programming.

Java Web Programming
Learn how to create dynamic, data-connected web applications using Java and JEE technology.

JPA and Hibernate persistence
Learn how to use the JPA standard and the Hibernate ORM to manage persistence in your applications.

Spring Web programming
Learn how to use Spring Framework, Spring MVC and Spring Boot to build secure web applications.

Web services with Java REST API
Learn how to create REST services in Java, secure them, deploy them and consume them.

Unit testing with JUnit
Get started with the JUnit reference testing framework and implement unit and integration tests.

Angular: web development
Learn how to develop web applications using the Angular framework.

Web application security
Learn how to detect attacks, secure web applications, implement best practices in web security.

Python API and REST Web Services
Learn how to create REST services in Python, secure them, deploy them and consume them.

Advanced PHP, Doctrine and Web Services
Learn how to create object-oriented PHP applications using specialized libraries and Web services.

Symfony : web development
Learn Symfony concepts to create modern and secure MVC web applications.

Django: web development with Python
Learn how to develop web applications in Python using the Django framework.