computer

Una e-card sul tuo sito web

Novembre 2020

Una e-card sul tuo sito web


In questo tutorial creerai una pagina web di auguri per e-card per il tuo sito web. Quasi tutti online hanno inviato o ricevuto un biglietto di auguri online. Ma ciò a cui la maggior parte delle persone non pensa è come funziona. Quando si invia un biglietto di auguri e-card, in realtà non si invia a qualcuno la vera e-card. Si invia loro un messaggio di posta elettronica che contiene un collegamento alla pagina Web che visualizza il messaggio di saluto della cartolina elettronica online.

Queste pagine Web di e-card sono costituite da un semplice codice HTML. Ho pensato che sarebbe stato un bel progetto di vacanza creare il tuo biglietto di auguri personalizzato per il tuo sito web. Fai clic qui per visualizzare la e-card finita. Naturalmente, la tua e-card sarà più bella di quelle commerciali perché non avrà tutta quella pubblicità allegata. E puoi dire a tutti i tuoi familiari e amici che ce l'hai fatta tu. Proprio come qualsiasi e-card online, sarai in grado di inviare per e-mail l'indirizzo web della tua e-card a tutti i tuoi membri nell'elenco.

Ma per questa e-card avrai bisogno di grafica per le vacanze. Quindi ho creato una bella immagine di sfondo per la pagina Web e una piccola animazione "Season's Greetings". Creiamo una cartella speciale per la tua e-card online e chiamiamo questa cartella "Festività". Quindi puoi inserire le immagini e la stessa pagina web in questa cartella e caricare tutto sul tuo sito web. Al termine delle vacanze, puoi eliminare la cartella e non avrà alcun effetto sul tuo sito Web principale.

Scarica queste immagini nella cartella "Festività". Fare clic con il tasto destro del mouse sulle immagini sottostanti e salvare nella cartella.


1. Animazione:
SeasonsGreetings.gif

2. Contesto:
SeasonsGreetingsbg.jpg


OK, apri il tuo editor di testo e cominciamo.

Passaggio 1. HTML iniziale. Scrivi il codice HTML di base presente su ogni pagina Web HTML. Ho bisogno di aiuto?

Passaggio 2. Un titolo per la tua e-card. Digita il titolo della tua e-card tra i tag e.

Passaggio 3. Meta tag. Per questo compito non ci occupiamo del fatto che i motori di ricerca possano trovare ed elencare questa pagina Web in modo da poter lasciare vuoti i valori per i meta tag ("").

Passaggio 4. Tag corpo. Una delle immagini che hai scaricato era un'immagine di sfondo per la tua pagina web e-card. Si chiamava SeasonsGreetingsbg.jpg. Quindi aggiungiamo l'attributo background al tag body.



Passaggio 5. Facciamo un tavolo. Useremo una semplice tabella HTML che ha tre righe, una cella di tabella in ogni riga e il bordo impostato su zero. Dobbiamo anche impostare l'attributo align su center e l'attributo valign su bottom per ogni cella della tabella. Infine, vogliamo che la tabella sia al 100% della larghezza della pagina Web. Ho bisogno di aiuto?

Passaggio 6. Aggiungi l'animazione. Ora sei pronto per aggiungere l'animazione che hai scaricato. (SeasonsGreetings.gif) Come puoi vedere, l'animazione è un file gif ed è trattato come qualsiasi file immagine gif dal browser. Inserirai questa immagine animata nella seconda riga della tabella. Ti ricordi il codice HTML per un'immagine?


border = "0" alt = "ECard">
Nota--La freccia indica che il codice è racchiuso in una seconda riga e dovrebbe essere davvero tutto su una riga.

Successivo →




Support: Adding a microSD card to a handheld device (Novembre 2020)



Modifiche Dell'Articolo: Una E-Card sul tuo sito Web, HTML, pagina Web Ecard, Ecard, cartolina, cartolina Internet, HTML, XHTML, DHTML, CGI ospitato, host web, dominio, nomi di dominio, FTP, JPEG, GIF, CSS, istruzioni, a cascata fogli di stile, freeware, shareware, W3C, World Wide Web Consortium, standard, script, codice sorgente, fogli di stile, web, lingue, collegamenti, corsi

Wedding Crashers

Wedding Crashers

tv e film