Créer un site Web de la maquette Photoshop à l’intégration HTML/CSS

Formation complète permettant de transformer une maquette Photoshop en site web fonctionnel en HTML/CSS avec introduction à jQuery et aux bonnes pratiques d’intégration web.

• • Transformer une maquette graphique en site web fonctionnel
• • Maîtriser la découpe et l’optimisation d’images sous Photoshop
• • Réaliser une intégration HTML sémantique et structurée
• • Appliquer des styles CSS conformes aux standards W3C
• • Comprendre les bases de JavaScript et jQuery dans l’intégration
• • Développer des sites web responsives et compatibles navigateurs

• ➤ 1. Organisation du projet
• ➤ Analyse de la maquette PSD
• ➤ Zoning et structure des pages
• ➤ Méthodologie d’intégration
• ➤ 2. Découpe Photoshop
• ➤ Calques et tranches
• ➤ Optimisation des images
• ➤ Formats web et export
• ➤ 3. Intégration HTML
• ➤ Structure HTML sémantique
• ➤ Doctype et balises principales
• ➤ Validation du code
• ➤ 4. Design CSS
• ➤ Sélecteurs et propriétés CSS
• ➤ Modèle de boîte
• ➤ Responsive et compatibilité navigateurs
• ➤ 5. Bonnes pratiques
• ➤ Code propre et structuré
• ➤ Convention CSS
• ➤ Validation W3C
• ➤ 6. Introduction JavaScript / jQuery
• ➤ Installation jQuery
• ➤ Intégration de carousel / slider
• ➤ Interactions simples