button.pswp__button{--wpr-bg-69ffbbe3-5e6f-44ee-a7c6-d1bfea12c735: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png');}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{--wpr-bg-bfbfb678-77f6-4923-ac3a-eb61137148d8: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png');}.pswp__preloader--active .pswp__preloader__icn{--wpr-bg-b4b27bed-3ce4-4b57-9c05-e5c0c1ae56ad: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif');}.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{--wpr-bg-21676593-f25d-4df1-86eb-931b9cb8d675: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg');}.woocommerce .blockUI.blockOverlay::before{--wpr-bg-bbe4addf-d97c-462d-a018-f6d6f58a6077: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/loader.svg');}.woocommerce .loader::before{--wpr-bg-1f2d835f-3627-4547-9885-89dc5bbec506: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/loader.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{--wpr-bg-d8bf1329-4437-454f-ac62-fff2e98b3f12: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{--wpr-bg-de674e9b-0e78-4004-a9e0-96cde8afbf6f: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{--wpr-bg-9d8dbe64-f281-44d5-8282-57de8a18e760: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/laser.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{--wpr-bg-1f6f8483-d9c9-410b-a7f8-2e9f4087e659: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/diners.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro{--wpr-bg-9a5423e5-1bad-4c53-957c-e772cce77ecb: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb{--wpr-bg-130b41bf-2ba8-4bc1-b8d7-b0898d4c9e37: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex{--wpr-bg-9ed2f8fa-5a07-43ac-9db4-5de49401e9ea: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/amex.svg');}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover{--wpr-bg-53ea0541-5a50-409f-bbe6-b0eea7419dba: url('https://www.apting.fr/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/discover.svg');}.single-jet-popup{--wpr-bg-95acd351-c05d-48b4-917c-6124fbecfb90: url('https://www.apting.fr/wp-content/plugins/jet-popup/assets/image/transparent.jpg');}.elementor-88 .elementor-element.elementor-element-dc852b3::before, .elementor-88 .elementor-element.elementor-element-dc852b3 > .elementor-background-video-container::before, .elementor-88 .elementor-element.elementor-element-dc852b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-88 .elementor-element.elementor-element-dc852b3 > .elementor-background-slideshow::before, .elementor-88 .elementor-element.elementor-element-dc852b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-88 .elementor-element.elementor-element-dc852b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--wpr-bg-20433586-0c16-4357-a75f-f0783d0ffd2b: url('https://www.apting.fr/wp-content/uploads/2024/04/Apting-4.png');}.elementor-88 .elementor-element.elementor-element-1591ccb::before, .elementor-88 .elementor-element.elementor-element-1591ccb > .elementor-background-video-container::before, .elementor-88 .elementor-element.elementor-element-1591ccb > .e-con-inner > .elementor-background-video-container::before, .elementor-88 .elementor-element.elementor-element-1591ccb > .elementor-background-slideshow::before, .elementor-88 .elementor-element.elementor-element-1591ccb > .e-con-inner > .elementor-background-slideshow::before, .elementor-88 .elementor-element.elementor-element-1591ccb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--wpr-bg-945b0bcd-404d-4ae9-bdfa-97b2dd062051: url('https://www.apting.fr/wp-content/uploads/2024/04/Apting-1.png');}#elementor-popup-modal-4940 .dialog-widget-content{--wpr-bg-c232b119-86d7-49fb-9410-99196c74c1fa: url('https://www.apting.fr/wp-content/uploads/2024/04/Apting-4.svg');}.chosen-container-single .chosen-single abbr{--wpr-bg-de45210e-af44-45c2-b4bb-e08f18886021: url('https://www.apting.fr/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-container-single .chosen-single div b{--wpr-bg-d3cc3bab-5c28-4745-a2f3-fbe9a2051f78: url('https://www.apting.fr/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-container-single .chosen-search input[type=text]{--wpr-bg-4bb3d319-a352-4aa8-ac79-07f161ba0585: url('https://www.apting.fr/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{--wpr-bg-466518ef-3f39-45ba-824d-de4480555804: url('https://www.apting.fr/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-rtl .chosen-search input[type=text]{--wpr-bg-f74dbe1a-643b-47f9-a250-bfdf5e225c46: url('https://www.apting.fr/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite.png');}.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{--wpr-bg-1f2d3bc2-9b33-44d4-bc31-dc699e110ab5: url('https://www.apting.fr/wp-content/plugins/jet-search/assets/lib/chosen/chosen-sprite@2x.png');}.elementor-11535 .elementor-element.elementor-element-ce679c4::before, .elementor-11535 .elementor-element.elementor-element-ce679c4 > .elementor-background-video-container::before, .elementor-11535 .elementor-element.elementor-element-ce679c4 > .e-con-inner > .elementor-background-video-container::before, .elementor-11535 .elementor-element.elementor-element-ce679c4 > .elementor-background-slideshow::before, .elementor-11535 .elementor-element.elementor-element-ce679c4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11535 .elementor-element.elementor-element-ce679c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--wpr-bg-8ae6d1a5-dbba-4229-9b1f-5133f60f2242: url('https://www.apting.fr/wp-content/uploads/2024/04/Apting-4.png');}

[WooAjaxCartCount]

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

Objectifs

Concevoir une maquette graphique professionnelle sous Photoshop
Exporter et optimiser les éléments graphiques pour le web
Traduire la maquette en code HTML structuré
Styliser le site avec CSS pour un rendu fidèle et responsive

Participants

Tous profils souhaitant apprendre la création complète d’un site web

Pré-requis

Connaissances de base en informatique et navigation web

Programme

Présentation de Photoshop et ses outils pour le web
Créer une maquette claire et organisée
Exporter les images, icônes et logos optimisés
Structurer la page en HTML avec balises sémantiques
Appliquer les styles CSS : couleurs, polices, espacements
Utiliser les boîtes flexibles et grilles CSS pour la mise en page
Gérer la responsivité avec media queries
Intégrer les polices web et effets visuels
Tester la compatibilité multi-navigateurs
Optimiser la performance (poids images, CSS)
Valider le code HTML et CSS selon les normes W3C
Mettre en place un workflow Photoshop – HTML/CSS efficace
Exporter et préparer le site pour la mise en ligne

Exercices pratiques

Réaliser une maquette simple sous Photoshop
Exporter les images nécessaires au site
Coder une page HTML basée sur la maquette
Styliser la page avec CSS pour un rendu fidèle

Aptibox

Guide des bonnes pratiques Photoshop pour le web
Fiche mémo des balises HTML essentielles
Tutoriel CSS sur la mise en page responsive
Checklist pour valider une intégration HTML/CSS

Référence

WEB17

Participants

Individuel
Collectif

Durée

2 heures

Prix

290,00 € HT

Format

Distanciel
Présentiel

Dates

Sur mesure

Options

Aptibox
Coaching
Entrainement intensif
Suivi

Ajouter au panier

Télécharger ce programme

Réserver une séance

Financements

Nous vous aidons dans vos démarches pour financer vos formations. Retrouvez toutes les informations sur les solutions de financement.

Nos forfaits

Nous vous proposons des forfaits/packs d’achat de modules à prix dégressifs, selon la quantité demandée.

Ces modules de 2h sont valables pour nos 5000 aptitudes ( = ateliers de formation 100% sur mesure allant à l’essentiel, tous thèmes confondus, sur tous nos catalogues management, RH, communication, développement personnel, commercial…) et valables également sur toutes nos prestations (séances de coaching, bilan de compétences , feedback 360°, codéveloppement…).