Електронна карта на вашия уебсайт


В този урок ще създадете уеб страница за поздравителни електронни карти за вашия уебсайт. Почти всички, които са изпратили или получили поздрав онлайн чрез електронна картичка. Но това, което повечето хора не мислят, е как работи. Когато изпращате поздрав за електронна карта, всъщност не изпращате на някого действителната електронна карта. Изпращате им имейл съобщение, което съдържа връзка към уеб страницата, която показва онлайн поздрава на електронната карта.

Тези уеб страници на електронната карта са направени от обикновен HTML код. Мислех, че ще бъде хубав празничен проект да създадете своя собствена електронна картичка за вашия уебсайт. Щракнете тук, за да видите готовата електронна карта. Разбира се, вашата електронна карта ще бъде по-хубава от тези търговски електронни карти, защото няма да има прикрепена цялата тази реклама. И можете да кажете на цялото си семейство и приятели, че сте го направили сами. Подобно на всяка електронна електронна карта, вие ще можете да изпратите електронния адрес на електронната си карта до всички в списъка си.

Но за тази електронна карта ще ви трябват малко ваканционни уеб графики. Така че направих хубаво фоново изображение за уеб страницата и малка анимация „Поздрави за сезона“. Нека направим специална папка за вашата електронна карта и да наречем тази папка „Почивка“. След това можете да поставите изображенията и самата уеб страница в тази папка и да качите цялото нещо на вашия уебсайт. Когато празниците свършат, можете да изтриете папката и тя няма да има никакво влияние върху основния ви уебсайт.

Изтеглете тези изображения в папката си „Почивка“. Кликнете с десния бутон върху снимките по-долу и запишете в папката си.


1. Анимация:
SeasonsGreetings.gif

2. Обща информация:
SeasonsGreetingsbg.jpg


ОК, отворете текстовия редактор и нека започнем.

Стъпка 1. Начало на HTML. Напишете основния HTML код, който се намира на всяка HTML уеб страница. Нужда от помощ?

Стъпка 2. Заглавие на вашата електронна карта. Въведете заглавието на вашата електронна карта между и маркерите.

Стъпка 3. Мета маркери. За тази задача не се занимаваме с намирането и изброяването на тази уеб страница от търсачките, така че можете да оставите стойностите за мета таговете празни ("").

Стъпка 4. Етикет на тялото. Едно от изтеглените от вас изображения беше фоново изображение за уеб страницата на вашата електронна карта. Наричаше се SeasonsGreetingsbg.jpg. Затова нека добавим атрибута на фона към етикета на тялото.



Стъпка 5. Нека направим таблица. Ще използваме обикновена HTML таблица, която има три реда, по една клетка на таблицата във всеки ред и границата, зададена на нула. Също така трябва да зададем атрибута подравняване към центъра и атрибута valign към дъното за всяка клетка на таблицата. Накрая искаме таблицата да е 100% от ширината на уеб страницата. Нужда от помощ?

Стъпка 6. Добавете анимацията. Сега сте готови да добавите анимацията, която сте изтеглили. (SeasonsGreetings.gif) Както можете да видите, анимацията е gif файл и се третира като всеки файл с изображения на GIF от браузъра. Ще поставите това анимирано изображение във втория ред на таблицата. Спомняте ли си HTML кода за изображение?


border = "0" alt = "ECard">
Забележка--Стрелата показва, че кодът е увит във втори ред и наистина трябва да бъде целият на един ред.

Следващ →




Электронная сим-карта на iPhone - официально в России? (Може 2021)



Тагове Статия: E-карта на вашия уебсайт, HTML, уеб страница на Ecard, картичка, пощенска картичка, интернет пощенска картичка, HTML, XHTML, DHTML, хоствана CGI, уеб хостове, домейн, имена на домейни, FTP, JPEG, GIF, CSS, инструкции за работа, каскадни стилове, безплатна програма, Shareware, W3C, World Wide Web Consortium, стандарти, скриптове, изходен код, стилове, уеб, езици, връзки, курсове

Мария Тереза ​​Кумар

Мария Тереза ​​Кумар

пътуване и култура