Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development CSS

HTML5 CSS3 & responsive design : formation professionnelle

Apprenez à transformer une maquette Photoshop en page HTML CSS et mettez à jour vos connaissances HTML5 CSS3 en continu.
Rating: 4.6 out of 54.6 (21 ratings)
86 students
Created by Cyrille Tuzi
Last updated 5/2015
French
30-Day Money-Back Guarantee

What you'll learn

  • Fondamentaux solides en HTML CSS, basés sur les standards et les bonnes pratiques d'aujourd'hui.
  • Transformer une maquette Photoshop en page HTML CSS de façon autonome, avec une méthodologie complète et professionnelle.
  • Mise à jour continue des connaissances en HTML5 CSS3 : meilleur référencement, vidéos et animations sans Flash, graphisme avancé...

Course content

26 sections • 109 lectures • 5h 25m total length

  • Preview07:12

  • Rôles du HTML, CSS et autres technologies du web
    06:08
  • Problématiques transversales : ergonomie, référencement, accessibilité,...
    05:07
  • L'intégrateur HTML & CSS et les autres métiers du web
    00:58
  • Connaître son rôle
    4 questions

  • Introduction : l'outil fait le moine
    00:13
  • Choisir un navigateur professionnel
    01:33
  • Choisir un éditeur de code professionnel
    03:14
  • Standards W3C et compatibilité
    01:39
  • Les manuels HTML & CSS officiels
    01:11

  • Introduction : création et organisation du projet
    02:02
  • Preview02:30
  • Syntaxe HTML : balise et attributs
    01:25
  • Preview02:16
  • Preview02:16
  • Preview04:02
  • Preview01:13
  • Preview01:09
  • Conclusion : le modèle technique d'une page HTML
    00:40
  • Une bonne ossature HTML
    4 questions

  • Introduction : y a-t-il un architecte dans l'avion ?
    00:55
  • Dessine-moi un site web
    01:38
  • Du dessin au code HTML : les blocs et leurs noms
    03:15
  • Conclusion : méthodologie de structuration HTML
    00:52
  • Une bonne structure HTML
    2 questions

  • Introduction : vous savez déjà le faire !
    01:06
  • Preview03:30
  • Preview02:50
  • Preview01:50
  • Preview01:09
  • Conclusion : les principales balises HTML à retenir
    01:08
  • Donner du sens
    4 questions

  • Introduction : enrichir sa page web
    00:43
  • Preview02:20
  • Le bon lien
    3 questions
  • Preview02:38
  • Formats d'image et optimisation
    02:01
  • Le bon choix d'image
    5 questions
  • Contenus externes : vidéos Youtube, publicités, boutons Like,...
    01:14

  • Le validateur HTML officiel du W3C
    02:04
  • Conclusion : vous savez maintenant créer une page HTML !
    00:35

  • Introduction : qu'est-ce qu'un sélecteur CSS ?
    01:06
  • Preview05:24
  • Méthodologie pour nommer
    05:10
  • Preview02:08
  • Preview01:42
  • La cascade CSS et le piège des priorités
    06:22
  • Conclusion : organisation de son code CSS
    00:30
  • Choisir le bon sélecteur
    6 questions

  • Introduction : syntaxe CSS
    00:25
  • Preview04:22
  • Preview02:06
  • Preview02:05
  • Preview00:53
  • Le bon graphisme CSS
    5 questions

Requirements

  • Logiciel Photoshop conseillé mais facultatif pour le cas pratique

Description

HTML5 CSS3 : la porte d'entrée du web professionnel

HTML et CSS sont la base du web, et leur maitrise est désormais demandée pour tous les métiers du secteur, que l'on soit graphiste, développeur, rédacteur, blogueur, chargé de marketing, community manager...

Même s'il est accessible à tous, ce cours a pour objectif d'acquérir des connaissances solides sur le HTML5 et CSS3 pour être autonome, et savoir réaliser le travail d'un intégrateur professionnel : transformer une maquette Photoshop en page HTML & CSS.

Une formation HTML5 CSS3 professionnelle

Il ne s'agit pas d'un simple tutoriel : ce cours est la version numérique d'une vraie formation professionnelle, parmi celles que je dispense depuis plusieurs années à des centaines de personnes dans les principaux centres de formation à Paris. Avec les avantages supplémentaires de pouvoir aller à votre rythme, et de consulter le cours et les ressources à tout moment.

Méthodologie HTML CSS complète

Il est facile de trouver sur le web des ressources sur le HTML CSS. Pourtant, beaucoup de personnes, même des développeurs expérimentés dans un milieu professionnel depuis plusieurs années, bidouillent et tâtonnent quand il s'agit de CSS. Ce cours développe une vraie méthodologie de travail, claire et réutilisable en toutes circonstances.

Fondamentaux HTML CSS et cas pratique à partir d'une maquette Photoshop

Le cours aborde d'abord les fondamentaux, qui permettent d'être autonome quels que soient le projet et les outils utilisés, en mélangeant théorie et pratique, à travers un projet simple.

Puis, fort de la méthodologie développée, le cours finit par un cas pratique réel, tel qu'il se produit en entreprise : une maquette Photoshop, cette fois très graphique, attrayante et visuelle, mais avec la structure plus complexe d'un véritable site web, vous sera donnée, et il faudra l'intégrer en HTML et CSS.

Mise à jour HTML5 CSS3 en continu

Ce cours permet aussi de se mettre à jour avec les nouveautés HTML5 CSS3 en continu : de nouvelles leçons sur les nouvelles fonctionnalités sont ajoutées au fur et à mesure qu'elles deviennent supportées par les principaux navigateurs.

Exercices HTML5 CSS3 corrigés et quizz

Tous les fichiers finaux du projet et du cas pratique sont évidemment fournis.

Des questionnaires permettent de vérifier régulièrement l'acquisition des connaissances.

Formation HTML5 CSS3 en Français

Il y a déjà suffisamment de notions à intégrer sans rajouter en plus la difficulté d'une autre langue. L'intégralité de la formation est en Français.

Certificat de formation HTML5 CSS3

A la fin du cours, Udemy vous délivrera un certificat, attestant que vous avez suivi cette formation, que vous pourrez facilement mettre en lien dans votre CV en ligne ainsi que sur les réseaux sociaux professionnels comme Viadeo et LinkedIn.

Questions et accompagnement

Je suis là pour vous aider ! Comme dans une vraie formation, vous pouvez me poser vos questions sur le cours dans l'espace de discussion prévu à cet effet, j'y répondrai sans faute.

Who this course is for:

  • Débutants enthousiasmés à l'idée de créer un site web en codant
  • Graphistes voulant compléter leurs compétences en devenant également intégrateurs
  • Intégrateurs ou développeurs web souhaitant consolider leurs connaissances avec une méthodologie de travail et se mettre à jour
  • Hors sujet : création d'une maquette Photoshop, outil de gestion des contenus (CMS), newsletters, APIs JavaScript (géolocalisation, stockage local, canvas, 3D...)

Instructor

Cyrille Tuzi
Formateur HTML5 & JavaScript, certifié PHP
Cyrille Tuzi
  • 4.6 Instructor Rating
  • 21 Reviews
  • 86 Students
  • 1 Course

Coding websites from 16 years, I've been a lead developer in a web agency for several years, where I've done many institutional websites, including a rewarded one for Alstom Transport.

I got the professionally recognized PHP certification twice (for PHP 5 then PHP 5.3, you can check that on my website).

Recently, I'm a HTML5, CSS3, jQuery and JavaScript professional trainer from 5 years in the most important training centers in Paris.

I'm now committed to provide those professional trainings for everyone in a more affordable way.

***

Codeur depuis plus de 16 ans, j'ai été lead développeur pendant plusieurs années en agence web, où j'ai réalisé de nombreux sites web institutionnels, dont un projet pour Alstom Transport qui a été récompensé.

J'ai obtenu la certification PHP, reconnue professionnellement, deux fois (pour PHP 5 et PHP 5.3, vous pouvez le vérifier sur mon site web).

Dernièrement, je suis formateur HTML5, CSS3, JavaScript & jQuery professionnel depuis 5 ans dans les plus importants centres de formation à Paris.

Je m'occupe maintenant de fournir ces formations professionnelles à tous d'une manière plus abordable.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.