computers

Een e-card op uw website

November 2020

Een e-card op uw website


In deze zelfstudie maakt u een e-card groetpagina voor uw website. Bijna iedereen online heeft een online e-card-begroeting verzonden of ontvangen. Maar waar de meeste mensen niet aan denken, is hoe het werkt. Wanneer u een e-kaartgroet verzendt, stuurt u niet echt iemand de werkelijke e-kaart. U stuurt hen een e-mailbericht met een link naar de webpagina waarop de online e-kaartgroet wordt weergegeven.

Deze e-card webpagina's zijn gemaakt van eenvoudige HTML-code. Ik dacht dat het een leuk vakantieproject zou zijn om je eigen e-card groet voor je website te maken. Klik hier om de voltooide e-card te bekijken. Natuurlijk zal uw e-kaart mooier zijn dan die commerciële e-kaarten omdat er niet al die advertenties aan vastzitten. En je kunt al je familie en vrienden vertellen dat je het zelf hebt gemaakt. Net als elke online e-card, kunt u het webadres voor uw e-card naar iedereen op uw lijst e-mailen.

Maar voor deze e-kaart heb je wat vakantie-webafbeeldingen nodig. Dus ik heb een mooie achtergrondafbeelding gemaakt voor de webpagina en een kleine "Season's Greetings" -animatie. Laten we een speciale map maken voor uw online e-card en deze map "Vakantie" noemen. Vervolgens kunt u de afbeeldingen en de webpagina zelf in deze map plaatsen en het geheel naar uw website uploaden. Wanneer de feestdagen voorbij zijn, kunt u de map verwijderen en heeft dit geen enkele invloed op uw hoofdwebsite.

Download deze afbeeldingen in uw map "Vakantie". Klik met de rechtermuisknop op de onderstaande afbeeldingen en sla deze op in uw map.


1. Animatie:
SeasonsGreetings.gif

2. Achtergrond:
SeasonsGreetingsbg.jpg


OK, open uw teksteditor en laten we aan de slag gaan.

Stap 1. Starter HTML. Schrijf de eenvoudige HTML-code die op elke HTML-webpagina staat. Hulp nodig?

Stap 2. Een titel voor uw e-card. Typ de titel voor uw e-card tussen de tags en.

Stap 3. Metatags. Voor deze opdracht houden we ons niet bezig met zoekmachines die deze webpagina vinden en vermelden, zodat u de waarden voor de metatags leeg kunt laten ("").

Stap 4. Lichaamstag. Een van de afbeeldingen die u hebt gedownload, was een achtergrondafbeelding voor uw e-card-webpagina. Het heette SeasonsGreetingsbg.jpg. Laten we het achtergrondkenmerk dus toevoegen aan de body-tag.



Stap 5. Laten we een tafel maken. We gebruiken een eenvoudige HTML-tabel met drie rijen, een tabelcel in elke rij en de rand ingesteld op nul. We moeten ook het uitlijnkenmerk instellen op midden en het valign-kenmerk onderaan voor elke tabelcel. Ten slotte willen we dat de tabel 100% van de breedte van de webpagina is. Hulp nodig?

Stap 6. Voeg de animatie toe. Nu ben je klaar om de animatie toe te voegen die je hebt gedownload. (SeasonsGreetings.gif) Zoals je kunt zien is de animatie een gif-bestand en wordt het door de browser behandeld als elk gif-afbeeldingsbestand. U plaatst deze geanimeerde afbeelding op de tweede rij van de tabel. Herinner je je de HTML-code voor een afbeelding?


border = "0" alt = "ECard">
Notitie--De pijl geeft aan dat de code op een tweede regel is ingepakt en eigenlijk allemaal op één regel moet staan.

Volgende →




How to Redeem Xbox Game Pass Digital Code from Amazon (November 2020)



Labels Artikel: Een e-card op uw website, HTML, Ecard-webpagina, Ecard, briefkaart, internetprentbriefkaar, HTML, XHTML, DHTML, gehoste CGI, webhosts, domein, domeinnamen, FTP, JPEG, GIF, CSS, how-to, cascading style sheets, freeware, shareware, W3C, World Wide Web Consortium, standaarden, scripts, broncode, style sheets, web, talen, links, cursussen

M & M's Cookie Mix

M & M's Cookie Mix

eten en wijn