počítače

E-karta na vašem webu

Leden 2021

V tomto tutoriálu vytvoříte webovou stránku s pozdravy pro vaše webové stránky. Téměř každý online poslal nebo obdržel online e-pohlednici. Ale to, co si většina lidí nemyslí, je, jak to funguje. Když pošlete pozdrav na elektronickou kartu, někomu opravdu neposíláte skutečnou elektronickou kartu. Odesíláte jim e-mailovou zprávu, která obsahuje odkaz na webovou stránku, na které je zobrazen pozdrav elektronické pohlednice online.

Tyto webové stránky elektronické pohlednice jsou vyrobeny z jednoduchého kódu HTML. Myslel jsem, že by to byl pěkný prázdninový projekt pro vytvoření vlastního pozdravu pro vaše webové stránky. Kliknutím sem zobrazíte hotovou elektronickou kartu. Vaše e-karta bude samozřejmě hezčí než ty komerční e-karty, protože nebude mít připojenou veškerou reklamu. A vy můžete říct celé své rodině a přátelům, že jste to zvládli sami. Stejně jako u každé elektronické e-karty budete moci e-mailem zaslat webovou adresu pro vaši e-kartu každému ze svého seznamu.

Pro tuto elektronickou kartu však budete potřebovat grafiku z dovolené. Takže jsem pro web vytvořil pěkný obrázek na pozadí a malou animaci „Sezónní pozdravy“. Vytvořme speciální složku pro vaši elektronickou kartu online a nazveme tuto složku „Dovolená“. Poté můžete do této složky vložit obrázky a samotnou webovou stránku a nahrát celou věc na svůj web. Po skončení svátků můžete složku smazat a na vašem hlavním webu to nebude mít žádný vliv.

Stáhněte si tyto obrázky do složky „Dovolená“. Klikněte pravým tlačítkem na obrázky níže a uložte do své složky.

1. Animace:
SeasonsGreetings.gif

2. Souvislosti:
SeasonsGreetingsbg.jpg

OK, otevřete textový editor a začněme.

Krok 1. Spouštěč HTML. Napište základní kód HTML, který se používá na každé webové stránce HTML. Potřebovat pomoc?

Krok 2. Název vaší e-karty. Zadejte název své e-karty mezi značky a.

Krok 3. Meta tagy. U tohoto úkolu se nezabýváme hledáním a zobrazováním vyhledávacích strojů na této webové stránce, takže můžete ponechat hodnoty pro metaznačky prázdné ("").

Krok 4. Body tag. Jedním z obrázků, které jste stáhli, byl obrázek na pozadí vaší webové stránky elektronické karty. Říkalo se tomu SeasonsGreetingsbg.jpg. Přidejme tedy atribut pozadí ke značce body.

Krok 5. Vytvořme tabulku. Použijeme jednoduchou tabulku HTML, která má tři řádky, jednu buňku tabulky v každém řádku a ohraničení nastaveno na nulu. Musíme také nastavit atribut zarovnání na střed a atribut valign na dolní pro každou buňku tabulky. Nakonec chceme, aby tabulka na 100% šířky webové stránky. Potřebovat pomoc?

Krok 6. Přidejte animaci. Nyní jste připraveni přidat staženou animaci. (SeasonsGreetings.gif) Jak vidíte, animace je soubor gif a prohlížeč s ním zachází jako s jakýmkoli obrazovým souborem gif. Tento animovaný obrázek umístíte do druhého řádku tabulky. Pamatujete si HTML kód obrázku?