Code your own portfolio – HTML & CSS basics

Go to class
Write Review

Free Online Course: Code your own portfolio – HTML & CSS basics provided by Skillshare is a comprehensive online course, which lasts for 3-4 hours worth of material. The course is taught in French and is free of charge. Code your own portfolio – HTML & CSS basics is taught by Aga Naplocha.

Overview
  • Dans ces cours, nous allons voir le portfolio de la conceptuelle, ce qui signifie que nous allons apprendre les bases de la HTML et du CSS en appliquant la mise en page, étape par étape.

    L'objectif de ce cours est de vous montrer que le code est un excellent outil pour les designers d'UI et UX pour exprimer leurs idées dans un environnement réel sur les projets de votre navigateur web.

    Après ce cours, vous serez en mesure de mieux transférer vos projets aux développeurs et de mieux parler leur langue.

    Vous avez déjà essayé de modifier les modèles de HTML pour Wordpress ? Ce cours vous aidera à les adapter à vos besoins.

    Ce que vous allez apprendre :

    • Ébauches HTML
    • Les bases et les propriétés du CSS
    • Mettre en place les polices sur le site web
    • Utiliser les outils dev dans un navigateur web

    À qui s'adresse ce cours ?

    Ce cours est dédié aux utilisateurs et aux utilisateurs qui souhaitent commencer à apprendre à l'apprentissage de HTML et de la CSS à travers des exemples pratiques.

    Aucune connaissance préalable en codage n'est requise. Nous parlerons des bases étape par étape, pour vous permettre de suivre votre cours.

    –––––––––––––––––––––––––––––––––––––––––––––––––

    N'hésitez pas à consulter mes autres cours sur le codage, les animations sur le Web et le CSS en général :)

    –––––––––––––––––––––––––––––––––––––––––––––––––

Syllabus
    • Intro
    • Les bases du HTML
    • Premier exercice en HTML
    • Les premières étapes avec CSS
    • S'amuser avec plus de propriétés CSS
    • Commencer notre projet de portfolio
    • Créer les sections et les éléments restants en HTML
    • Typographie Web
    • Placer des éléments sur la grille définie
    • 1/2 Placement des éléments sur la grille définie
    • 2/2 Placement des éléments sur la grille définie - partie 1
    • Développer la navigation
    • Ajuster l'en-tête
    • Ajouter une image en arrière-plan et une ombre pour la boîte
    • Styliser la liste et les sections de projet
    • Styliser le bas de page
    • Styliser la navigation
    • Fonction de transition CSS
    • Résumé du cours