Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Creer un site web de la maquette photoshop a l integration html css pdf

Créer un site Web de la maquette Photoshop à l'intégration HTML CSS Objectifs Participants Prérequis Moyens pédagogiques Durée Utiliser Photoshop pour la découpe et l'optimisation des images Mettre en place une méthodologie d'intégration Réaliser une intégration HTML en respectant la sémantique Restituer le design d'un site avec les styles CSS en respectant les recommandations du W C Aborder la mise en ?uvre de la bibliothèque JavaScript jQuery Graphistes intégrateurs débutants ou toute personne désirant s'initier à l'intégration Web Bonne pratique de l'internet Connaissances de base en HTML Notions de design et connaissances de base de l'interface de Photoshop poste par participant - Vidéo projecteur - Support de cours fourni à chaque participant ?? Formation présentielle jours Code CREWEB-PHOTOHTMLCSS Programme Organisation du projet Analyse du ?chier Photoshop PSD Le zoning Choix des outils de développement L'environnement de développement Méthodologie Prise en compte des contraintes Exercice Edition du ?chier PSD fourni Exploration des calques Réalisation du zoning Détermination du nombre de modèles de pages La découpe dans Photoshop Bien penser sa découpe Les calques L'outil tranche L'optimisation d'images Le choix de format des images Fusion de tranches Export de tranches Les dangers de l'export HTML dans Photoshop Exercice Organisation de la découpe Réalisation de la découpe dans Photoshop Optimisation des images L'intégration XHTML Rappel de la syntaxe HTML Choix du Doctype Les principales balises HTML Utiliser les bonnes balises Valider son code Exercice Construction de la structure HTML du site en fonction du zoning e ?ectué précédemment Découverte du validateur WC Le design avec CSS Les navigateurs ciblés Localisation du CSS Les principaux sélecteurs CSS Les principales propriétés Le ux CSS La notion de bo? tes Les fusions de marges La notion de conteneur Priorité des sélecteurs Les balises block et inline Le commentaire conditionnel Exercice Construction de la feuille de style externe du site Découverte ou rappel de la syntaxe CSS les sélecteurs et les propriétés Inspection du code CSS avec Firebug ou Chrome CSS et le menu du site Bonnes pratiques Le respect des normes de développement en CSS Bien cibler les éléments HTML La syntaxe raccourcie Le regroupement des sélecteurs Valider son code CSS Commenter son code Convention d'écriture du code CSS Exercice Aperçu de la page dans di ?érents navigateurs Correction du code Mise en pratique des conventions d'écriture CSS Découverte du validateur CSS Construction d'une feuille de style pour IE Carousel jQuery Installation de jQuery Installation de jquery jcarousel pack Intégration d'un slider au site Exercice Installation de jQuery et jquery jcaroussel pack Découverte de la syntaxe Intégration d'un slider Modi ?cation du CSS et du script JavaScript C