Menu
Catégories
Cours Apprendre la Photo
Elephorm – After Effects CS6
Elephorm – ArchiCAD 17
Elephorm – Audition CC
Elephorm – PHP5 et MySQL
Elephorm – Macrophotographie
Elephorm – Google AdWords
Elephorm – Retouche Photo Mode
Elephorm – Illustrator CS6
Elephorm – Indesign CS6
Elephorm – Photoshop et Maya
Elephorm – Concept Photoshop
Elephorm – Peinture Photoshop
Elephorm – Reflex numérique
Elephorm – Revit Architecture
Elephorm – AutoCAD 2013
Elephorm – Avid Studio
Elephorm – Corel Painter
Elephorm – Facebook et Twitter
Elephorm – Final Cut Pro X
Elephorm – HTML5 et CSS3
Elephorm – Java pour le Web
Elephorm – Photo panoramique
Elephorm – Design Sonore
Elephorm – Mastering Audio
Elephorm – Mixage audio
Elephorm – Rendu 3D avec V-Ray
Elephorm – Web Python Django
Elephorm – Eclairage photo
Elephorm – Cinema 4D Atelier
La photo expliquée à Grand-Mère
Retouche de mode
Créer un site en flash
Thème e-commerce Wordpress
Skillbees – Facebook TPE et PME
Skillbees – Le management

Apprendre CSS3 – Les fondamentaux et perfectionnements

Apprendre CSS3 – Les fondamentaux et perfectionnements

ISO | Français | 14 H 25 Min | 9.8 Go

Dans ce tutoriel, je vous propose de découvrir le langage CSS3. Cette formation est destinée à ceux qui souhaitent avoir un aperçu global de ce qu’apporte le CSS3. Vous y découvrirez un ensemble conséquent de nouveautés, comment utiliser les préfixes propriétaires, de mettre en pratique toutes les notions abordées, découvrir les propriétés CSS3, d’aller plus loin avec les propriétés CSS3 sur les bases du CSS3 etc…

Partie 01 :
• Installer les pré-requits (navigateur et editeur notepad++)
• Installer des plugin a Notepad++ dont Emmet
• Appliquer une règle de style sur une balise HTML5
• Appliquer plusieurs règles de style sur une même balise HTML5
• Créer une balise HTML5 de style pour y placer toutes nos règles CSS
• Apprendre les sélecteurs fondammental en CSS soit une balise, un id et une class
• Quelque notion sur le poids des règles CSS
• Externalisé nos règles CSS dans une feuille de style soit un fichier css
• Enfin lier une feuille de style css à notre page web HTML5

Partie 02 :
• Comprendre la notion de poids
• Utiliser Emmet pour coder du CSS3
• Bien comprendre le système de couleur en CSS3
• Débugger un code CSS avec le navigateur Chrome (ou autre)
• Exploration de quelques attribut de texte
• Changer la mise en forme d’un lien et d’une liste
• Utiliser le site W3Schools pour nous aider (_http://www.w3schools.com/cssref/)
• Externalisé nos règles CSS dans une feuille de style soit un fichier css
• Enfin lier une feuille de style css à notre page web HTML5

Partie 03 :
• Configurer Aptana Studio 3
• Le principe de flottaison
• Les positionnements
• Les propriétés de dimmensionnement
• Appliquer une bordure

Partie 04 :
• Le chargement des régles css et leur poids
• Les sélecteurs
• La propriété display

Partie 05 :
• La sélection par filtre d’attribut
• La sélection par le fitrage par les valeurs d’attributs
• La sélection par filtrage multiple
• La sélection par speudo class

Partie 06 :
• L’alignement d’une image dans un bloc de paragraphe
• La différence entre les margin et padding
• Centré un bloc de paragraphe sans centré son contenu
• Voir une petite différence entre les unitées comme le %, em et px
• Création d’une page HTML puis la stylisé en CSS
• Mettre une image en arrière plan
• Créer un calque de transparence

Partie 07 :
• Utiliser des propriétés CSS3
• Mettre un fond et un texte transparent
• Comprendre la différence entre la propriété opacity par rapport a l’alpha
• Créer des dégradées de couleur
• Ajouter des ombres sur un block ou du texte
• Appliquer des transformations d’échelle, de translation et rotation
• Utiliser LiveReload et des générateurs de code CSS

Partie 08 :
• Utiliser des propriétés CSS3
• Utiliser les transformations
• Utiliser les transitions
• Utiliser les animations
• Mettre en place des images pour nos menus
• Utiliser le programme Inkscape
• Utiliser des générateurs de code CSS

Partie 09 :
• Optimiser nos images de menu
• Utiliser les sprites
• Bien comprendre le background-position
• Créer des sprites a partir de nos icones
• Générer automatiquement nos sprites et le code css
• Utiliser le system d’icone du Bootstrap version 2
• Utiliser le nouveau system d’icone du Bootstrap version 3
• Utiliser Inkspace et Gimp pour nos images

Partie 10 :
• Personnaliser ses menus horizontaux ou verticaux
• Utiliser la navigation des pills du bootstrap 2
• Principe d’un site avec positionnement fixe en pixel
• Principe d’un site avec redimmensionnement en pourcentage
• Principe d’un site responsive et redistribuable avec les media queries
• Adapter la fenêtre de son navigateur pour simuler l’écran d’un périphèrique
• Utiliser le system de grille fluide du Bootstrap 2

TELECHARGER
01 02 03 04 05 06 07 08 09 10 11 12 13
14 15 16 17 18 19 20 21 22 23 24 25 26
Pass: warezlander.com

Abonnez-vous aux flux RSS
Articles récents
Shutterstock Mega Collection
Adobe Creative Cloud WIN & MAC
Vengeance Ultimate Pack
Ableton Live 9 – Mega Collection
MAGIX Soundpool DVD Collection
Comprendre et utiliser le Bitcoin
V2B Photoshop CS6
V2B C++ 11 Les fondamentaux
V2B Camtasia 8 Fondamentaux
V2B Créer application web PHP
V2B Créer site avec WordPress
V2B Découverte de Cubase 8
V2B Excel VBA Notions avancées
V2B Illustrator Création d’icônes
V2B iMovie 10 Les fondamentaux
V2B iPhoto 9 Les fondamentaux
V2B La 3D avec Photoshop CC
V2B Correction images DxO Labs
V2B Peinture avec Photoshop
V2B Détourage cheveux avec PS
V2B Le HDR avec Photoshop
V2B Les fondamentaux de C#
V2B Capture One Pro 8
V2B Dropbox Les fondamentaux
V2B La programmation
V2B Lightroom 6 et CC
V2B Logic Pro X Fondamentaux
V2B Photoshop CC Colorisation