HTML5 & CSS: how to create modern websites
Prerequisites:
- Know how to use a computer,
- Know how to use a web browser.
Download syllabus
DETAILS
- 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 if available,
- 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
DURATION (H)
Duration : 21 hours.
PRICE & QUOTES
- Online Instructor Led
-
Get a quote now.
Video conference tools : Zoom or Teams.
Getting a quote does not require any payment or commitment.Guide price : $1490
Others trainings
Python programming by hands-on
Learn by hands-on how to program in Python language : syntax, functions, 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.
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.
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 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.
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.