O carte electronică pe site-ul dvs. web


În acest tutorial veți crea o pagină web de felicitare cu carduri electronice pentru site-ul dvs. web. Aproape toată lumea online a trimis sau a primit un felicitare online. Dar ceea ce majoritatea oamenilor nu se gândesc este cum funcționează. Când trimiteți un felicitare cu o carte electronică, nu trimiteți cu adevărat cuiva cartea electronică. Le trimiteți un mesaj de e-mail care conține un link către pagina web care afișează salutul online al cărții electronice.

Aceste pagini web cu carduri electronice sunt realizate dintr-un cod HTML simplu. M-am gândit că ar fi un proiect plăcut de vacanță să vă creați propriul dvs. felicitare cu carduri electronice pentru site-ul dvs. web. Faceți clic aici pentru a vizualiza cartea electronică finalizată. Desigur, cartea dvs. electronică va fi mai frumoasă decât acele cărți electronice comerciale, deoarece nu va avea atașată toată publicitatea. Și puteți spune tuturor familiei și prietenilor dvs. că l-ați făcut singur. La fel ca orice carte electronică online, veți putea trimite adresa de e-mail pentru cardul dvs. electronic tuturor celor de pe lista dvs.

Dar veți avea nevoie de niște elemente grafice web de vacanță pentru această carte electronică. Așa că am făcut o imagine de fundal frumoasă pentru pagina web și o mică animație „Salutări de sezon”. Haideți să creăm un folder special pentru cartea dvs. electronică online și să numim acest dosar „Vacanță”. Apoi, puteți pune imaginile și pagina web în sine în acest folder și să încărcați totul pe site-ul dvs. web. Când s-au încheiat sărbătorile, puteți șterge folderul și nu va avea deloc nicio afectare pe site-ul principal.

Descărcați aceste imagini în folderul dvs. „Vacanță”. Faceți clic dreapta pe imaginile de mai jos și salvați în folderul dvs.


1. Animație:
SeasonsGreetings.gif

2. Istoric:
SeasonsGreetingsbg.jpg


OK, deschideți editorul de text și să începem.

Pasul 1. Starter HTML. Scrieți codul HTML de bază care merge pe fiecare pagină web HTML. Nevoie de ajutor?

Pasul 2. Un titlu pentru cartea dvs. electronică. Tastați titlul pentru cartea dvs. electronică între etichete și.

Etapa 3. Etichetele meta. Pentru această misiune, nu ne preocupăm că motoarele de căutare găsesc și listează această pagină web, astfel încât să puteți lăsa valorile pentru meta tag-urile necompletate ("").

Pasul 4. Eticheta corpului. Una dintre imaginile pe care le-ați descărcat a fost o imagine de fundal pentru pagina dvs. de e-card. Se numea SeasonsGreetingsbg.jpg. Deci, să adăugăm atributul de fundal la eticheta corpului.



Pasul 5. Haideți să facem un tabel. Vom folosi o tabelă HTML simplă care are trei rânduri, o celulă de tabel în fiecare rând, iar granița este setată la zero. De asemenea, trebuie să setăm atributul aliniere la centru și atributul valign la partea de jos pentru fiecare celulă de tabel. În sfârșit, dorim ca tabelul să fie 100% din lățimea paginii web. Nevoie de ajutor?

Pasul 6. Adăugați animația. Acum sunteți gata să adăugați animația descărcată. (SeasonsGreetings.gif) După cum vedeți animația este un fișier gif și este tratat ca orice fișier cu imagini gif de către browser. Veți pune această imagine animată în al doilea rând al tabelului. Vă amintiți de codul HTML pentru o imagine?


border = "0" alt = "ECard">
Notă--Sageata indică faptul că codul este înfășurat într-o a doua linie și ar trebui să fie într-adevăr toate pe o singură linie.

Următorul →




Pachet Carte+DVD "LIBER DE DATORII" - disponibil si gratuit in format electronic (Iunie 2020)



Articol Tag-Uri: O carte electronică pe site-ul dvs., HTML, pagina web Ecard, Ecard, carte poștală, carte poștală internet, HTML, XHTML, DHTML, CGI găzduit, gazde web, domenii, nume de domeniu, FTP, JPEG, GIF, CSS, cum să faceți, în cascadă foi de stil, freeware, shareware, W3C, World Wide Web Consortium, standarde, scripturi, cod sursă, foi de stil, web, limbi, link-uri, cursuri

Romane romane Jocuri de cuvinte!

Romane romane Jocuri de cuvinte!

cărți și muzică

Populare Posturi De Frumusete

Website BeeAlive - Revizuire
sănătate și fitness

Website BeeAlive - Revizuire

Boomers combate Ageismul
sănătate și fitness

Boomers combate Ageismul

Botswana Date despre țară

Botswana Date despre țară

calatorii si cultura

aspecte

aspecte

hobby-uri și meserii