des ordinateurs

Une carte électronique sur votre site Web

Août 2022

Une carte électronique sur votre site Web


Dans ce didacticiel, vous allez créer une page Web d'accueil de carte électronique pour votre site Web. Presque tout le monde en ligne a envoyé ou reçu une salutation de carte électronique en ligne. Mais ce que la plupart des gens ne pensent pas, c'est comment cela fonctionne. Lorsque vous envoyez un message électronique, vous n'envoyez pas vraiment à quelqu'un la véritable carte électronique. Vous leur envoyez un e-mail contenant un lien vers la page Web qui affiche le message d'accueil de la carte électronique en ligne.

Ces pages Web de cartes électroniques sont faites à partir d'un simple code HTML. Je pensais que ce serait un beau projet de vacances de créer votre propre carte de vœux pour votre site Web. Cliquez ici pour voir l'e-card terminée. Bien sûr, votre carte électronique sera plus agréable que ces cartes électroniques commerciales, car elle ne comportera pas toute cette publicité. Et vous pouvez dire à toute votre famille et à tous vos amis que vous l'avez fait vous-même. Tout comme n'importe quelle carte électronique en ligne, vous pourrez envoyer par courriel l'adresse Web de votre carte électronique à toutes les personnes figurant sur votre liste.

Mais vous aurez besoin de quelques graphiques Web de vacances pour cette carte électronique. J'ai donc fait une belle image de fond pour la page Web et une petite animation "Season's Greetings". Créons un dossier spécial pour votre e-carte en ligne et appelons ce dossier "Vacances". Ensuite, vous pouvez mettre les images et la page Web elle-même dans ce dossier et télécharger le tout sur votre site Web. Lorsque les vacances sont terminées, vous pouvez supprimer le dossier et cela n'aura aucun effet sur votre site Web principal.

Téléchargez ces images dans votre dossier "Holiday". Faites un clic droit sur les images ci-dessous et enregistrez-les dans votre dossier.


1. Animation:
SeasonsGreetings.gif

2. Arrière plan:
SeasonsGreetingsbg.jpg


OK, ouvrez votre éditeur de texte et commençons.

Étape 1. HTML de démarrage. Écrivez le code HTML de base qui se trouve sur chaque page Web HTML. Besoin d'aide?

Étape 2. Un titre pour votre carte électronique. Tapez le titre de votre carte électronique entre les balises et.

Étape 3. Balises méta. Pour cette mission, nous ne nous soucions pas de trouver et de répertorier cette page Web dans les moteurs de recherche. Vous pouvez donc laisser les valeurs des balises META vides ("").

Étape 4. Étiquette de corps. L'une des images que vous avez téléchargées était une image d'arrière-plan pour votre page Web de carte électronique. Il s'appelait SeasonsGreetingsbg.jpg. Ajoutons donc l'attribut background à la balise body.



Étape 5. Faisons un tableau. Nous utiliserons un simple tableau HTML qui comporte trois lignes, une cellule de tableau dans chaque ligne et la bordure définie sur zéro. Nous devons également définir l'attribut align au centre et l'attribut valign au bas pour chaque cellule du tableau. Enfin, nous voulons que le tableau atteigne 100% de la largeur de la page Web. Besoin d'aide?

Étape 6. Ajoutez l'animation. Vous êtes maintenant prêt à ajouter l'animation que vous avez téléchargée. (SeasonsGreetings.gif) Comme vous pouvez le voir, l'animation est un fichier gif et est traitée comme n'importe quel fichier image gif par le navigateur. Vous mettrez cette image animée dans la deuxième ligne du tableau. Vous souvenez-vous du code HTML d'une image?


border = "0" alt = "ECard">
Remarque--La flèche indique que le code est encapsulé sur une deuxième ligne et devrait vraiment être tout sur une seule ligne.

Suivant →




Trouver des défaillances et réparer les cartes électroniques avec le SYSTEME 8 de ABI Electronics (Août 2022)



Tags Article: Une carte électronique sur votre site Web, HTML, page Web Ecard, Ecard, carte postale, carte postale Internet, HTML, XHTML, DHTML, CGI hébergé, hôtes Web, domaine, noms de domaine, FTP, JPEG, GIF, CSS, mode d'emploi, cascade feuilles de style, freeware, shareware, W3C, World Wide Web Consortium, normes, scripts, code source, feuilles de style, web, langues, liens, cours