Bonjour, je suis le Dr Brown. Et dans ce chapitre, nous allons jeter un oeil aux bases du HTML, ou langage de balisage hypertexte, CSS, feuilles de style en cascade, et une introduction à la programmation Java. Commençons par un aperçu du langage de balisage hypertexte, qui est la base de tous les sites Web construits aujourd'hui. HTML est un langage de balisage de texte qui se compose d'une série de balises définies. Ces balises sont utilisées pour structurer le contenu d'une page Web. Nous utiliserons l'éditeur Notepad ++ comme affiché ici pour créer notre toute première page web. Les pages HTML ont une structure définie qui utilise une série de balises ouvertes et fermées qui sont utilisés pour marquer le texte à afficher sur notre site Web. Nous commencerons par indiquer quel type de document nous créons à l'aide de la balise HTML DocType. Nous avons donc entré le spécificateur DocTyped en tant que document HTML. Toutes les balises sont entourées d'un signe d'insertion ouvert et fermé. Ensuite, nous allons entrer la balise suivante, qui est la balise HTML, qui incorpore le corps de notre page Web. Comme indiqué précédemment, toutes les balises d'ouverture ont une balise de fermeture. Toutes les balises fermantes sont préfixées par la barre oblique, donc le contenu du reste de notre site Web sera enfermé dans cette balise HTML ouverte et fermée. Ensuite, nous préciserons que nous avons un corps pour cette page Web en utilisant la balise Body. N'oubliez pas que toutes les balises de contenu doit avoir une balise ouvrante et fermante. Au fur et à mesure que nous construisons le contenu de notre page Web, tous ces contenus seront enfermés dans le corps. Ensuite, nous voulons changer la couleur de fond de notre page Web du blanc au bleu poudré. Nous allons donc définir la couleur d'arrière-plan de l'attribut de style dans la balise Body en bleu poudré. Donc, ce que nous avons fait est dans la balise Body, nous avons défini la couleur d'arrière-plan de l'attribut de style au bleu poudré. Nous sommes maintenant prêts à commencer à mettre du texte sur notre page Web. Nous allons donc saisir le texte c'est ma première page web, mais nous l'entrerons comme en-tête de niveau 1 à l'aide d'une balise d'en-tête de niveau 1. Et nous centrerons également ce texte sur notre page en utilisant la balise Centre. Très bien, donc nous voyons ici, nous avons la balise H1, Header 1, la balise d'en-tête H1 fermante. Nous avons la balise Center, qui centrera ce texte sur notre page, et la balise centrale de fermeture. Je peux empiler des balises sur une seule ligne. Nous devons juste nous rappeler que nos balises fermantes seront dans l'ordre inverse. Nous voulons maintenant entrer une autre ligne de texte en tant qu'en-tête de niveau 2 à l'aide de la balise d'en-tête de niveau 2. Nous voulons également centrer cela aussi. Ce texte indiquera, oh la route ouverte. Comme nous le voyons ici, nous avons un en-tête de niveau 2 centré. Le texte indiquera, oh la route ouverte. Nous avons notre étiquette de centre de fermeture suivi de notre balise de fermeture Header 2. Enfin, nous voulons entrer une image sur notre site Web car aucun site web n'est complet sans une image. Nous utiliserons donc l'image JPEG de la route inclus dans les supports de cours, et nous le centrerons également sur la page. Nous allons définir l'attribut source de l'image ainsi que le texte alternatif, la largeur, et la hauteur de l'image. L'image doit être dans le même dossier comme où la page Web est enregistrée afin qu'elle soit trouvée. Très bien, nous allons voir que nous avons le centre, encore une fois, pour centrer l'attribut image. La source est définie sur route, ce JPEG. Le texte alternatif sera route. La largeur sera de 500 et la hauteur de 600. Et ceux-ci sont en pixels. Nous sommes maintenant prêts à enregistrer et à exécuter notre nouvelle page Web. Nous devons nous assurer de sauvegarder la page Web sous forme de document HTML. Nous allons donc changer notre type Enregistrer sous en HTML. Et nous allons l'appeler Ma première page Web. Et nous pouvons enregistrer le fichier. Une chose que Notepad ++ fait est-ce qu'il met en évidence certains de vos mots clés, tels que style, source, alt, largeur et hauteur, vous permet de savoir que vous l'avez formaté correctement. Alors maintenant, nous allons exécuter notre première page Web. Nous devons localiser le fichier que nous avons enregistré, et nous devons changer le type de fichier en Tous les fichiers pour qu'il trouve notre fichier HTML. Et nous choisissons MyFirstWebPage.html. Et nous pouvons voir que nous avons créé notre toute première page Web. Nous avons le texte d'en-tête de niveau 1 qui indique Ceci est ma première page Web. Nous avons le texte d'en-tête de niveau 2, Oh The Open Road, et nous avons notre image centrée sur notre page. Merci de nous avoir rejoint. Ensuite, nous allons découvrir les feuilles de style en cascade et leur utilisation dans notre développement web.