Intégration d'une image PNG avec Dreamweaver

Générer le code CSS du rollover et structurer le lien en HTML
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Photoshop CC pour le Web
Revoir le teaser Je m'abonne
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont :


  • Apprendre à créer une page HTML avec Dreamweaver.
  • Comprendre les bases de la structure HTML5.
  • Savoir ajouter et styliser un lien hypertexte avec CSS.
  • Intégrer une image de fond dans un élément HTML.

Découvrez comment intégrer facilement une image PNG dans une page HTML à l'aide de Dreamweaver et styliser le lien avec CSS.

Dans cette leçon, nous allons vous montrer comment intégrer une image au format PNG dans une page HTML en utilisant Dreamweaver. Nous commencerons par créer une page HTML et enregistrer le document dans un dossier de travail nommé index.html. Vous apprendrez à naviguer entre les différents modes de Dreamweaver tels que le mode création, le mode code, et le mode fractionné afin d'avoir un aperçu de votre travail.

Ensuite, nous couvrirons les bases de HTML5, y compris l'utilisation d'un doctype simplifié et la structure de la page HTML comprenant les métadonnées et appels de script. Une partie importante de la leçon sera de créer un lien hypertexte, le styliser avec CSS en utilisant diverses propriétés comme display-block, position, width, height, et text-align.

Enfin, nous intégrerons notre image en utilisant la propriété background-image. En suivant ce tutoriel, vous pourrez créer des pages web plus interactives et visuellement attrayantes.

Voir plus
Questions réponses
Comment créer une page HTML dans Dreamweaver?
Pour créer une page HTML dans Dreamweaver, commencez depuis l'écran d'accueil, sélectionnez l'option pour créer une nouvelle page HTML, et enregistrez le fichier dans votre dossier de travail.
Quelle est la structure de base d'une page HTML5?
La structure de base d'une page HTML5 comprend un doctype simplifié, une balise englobante, une entête () pour les métadonnées et scripts, et un corps () pour le contenu visible.
Comment centrer un texte dans un bloc en CSS?
Pour centrer un texte horizontalement dans un bloc en CSS, utilisez la propriété text-align: center. Pour centrer verticalement, utilisez la propriété line-height de la même hauteur que le bloc.

Programme détaillé