Последнее с форума
Вы здесь
Уроки HTML.
-
- Опубликовано:
Получив основные знания о стратегии продаж на аукционе eBay, об изготовлении качественных фотографий, решив какой товар выставить на продажу и какова будет его стартовая цена вам теперь стоит подумать о том, как создать качественную страницу на eBay, на которой будет распложена информация о лоте - его описание, фотографии и на которой, собственно и будут вестись торги.
Как вы наверное уже знаете eBay предлагает на выбор достаточное количество инструментов для создания страницы. Новички в основном используют шаблоны, но опытные Продавцы знают, что шаблонные лоты уже давно успели набить оскомину и чем в большей степени использовался авторский подход при создании страницы тем в меньшей степени она замыливает глаза, следовательно она привлечет больше внимания потенциальных Покупателей. Действительно со вкусом подобранные шрифты разного вида, цвета, размера, плюс немного графики придаст вашему лоту ту самую "изюминку", которой не хватает шаблонным лотам, которые как будто сделаны под копирку.
Что же необходимо для создания такой страницы? Все просто - это базовые знания HTML - языка программирования, который используется для создания Web страниц. И пугаться этого конечно же не стоит - от вас не требуются навыки профессионального вебмастера и умение создавать целые сайты со скриптами и графикой вам не нужно. Нужны лишь базовые навыки. Сейчас мы постараемся в нескольких уроках максимально доходчиво рассказать вам об азах HTML.
Существует большое количество программ, которые позволяют автоматизировать работу с HTML. Самые распространенные из них это Microsoft FrontPage, Adobe DreamWeaver и некоторые другие. eBay же в свою очередь предлагает вам сверстать лот во встроенном HTML редакторе.
Урок Первый. Вступление в HTML
Аббревиатура HTML расшифровывается как Hyper-Text Markup Language (язык используемый для создания Веб страниц). Команды HTML называются тэги (tags). В начале и в конце каждого тэга ставятся квадратные скобки. Например, начинающий тэг <B> дает команду начать выделять текст жирным шрифтом, а заканчивающий тэг </B>, дает компьютеру команду закончить выделять текст жирным шрифтом.
<B> VXZone </B>, в результате дает нам:
VXZone
HTML тэг <CENTER> дает команду расположить текст по центру страницы, соответственно тэг <RIGHT> располагает текст справа, а тэг <LEFT> - слева. Писать тэги можно, как большими, например <CENTER>, так и маленькими - <center>, буквами. Результат от этого не изменится. Рекомендуется писать тэги именно большими буквами, чтобы легко отличать их на фоне обычного текста.
Если вы используете более чем один тэг, тогда необходимо размещать закрывающие тэги (или конечные тэги - это тэги со слэшем, например </B>) в обратном порядке, чем начинающие тэги. Разберем на примере.
Если Вы хотите написать текст одновременно: жирным шрифтом (<B></B>), подчеркнутым (<U></U>) и курсивом (<EM></EM>), нужно написать следующим образом: <B><U><EM> VXZone </EM></U></B>, в результате получаем:
VXZone
Давайте немного поэкспериментируем. Вот более сложное задание: <B><U><EM> VXZone </EM> com </U></B>, в результате получаем:
VXZone com
Урок Второй. Форматируем аукционную страницу
Цвет Фона
При желании вы можете установить цвет фона на вашей аукционной странице. Это делается с помощью тэга <BODY BGCOLOR="(color)">. Вместо "(color)" необходимо вставить название цвета.
Шрифт
Тэг <FONT FACE="font name"></FONT>, где "font face" - наименование шрифта, позволяет изменить вид шрифта на вашей аукционной странице. Вот примеры некоторых шрифтов:
<FONT FACE="comic sans ms"></FONT>
Example of Comic Sans MS
<FONT FACE="courier new"></FONT>
Example of Courier New
<FONT FACE="Book Antiqua"></FONT>
Example of Book Antiqua
<FONT FACE="Arial"></FONT>
Example of Arial
<FONT FACE="Times New Roman"></FONT>
Example of Times New Roman
Видов шрифтов сотни и вы можете выбрать какой захотите. Список установленных у вас шрифтов вы можете получить проследовав по маршруту Windows: Меню "Пуск" - Панель управления - папка "Шрифты".
Размер Шрифта
Вы можете выбрать размер шрифта используя тэг <FONT SIZE="#"></FONT>, где "#" - размер (значения могут быть от "1" и выше). Вот примеры:
<FONT SIZE="1">Font Size 1</FONT>
Font Size 1
<FONT SIZE="2">Font Size 2</FONT>
Font Size 2
<FONT SIZE="3">Font Size 3</FONT>
Font Size 3
<FONT SIZE="4">Font Size 4</FONT>
Font Size 4
<FONT SIZE="5">Font Size 5</FONT>
Font Size 5
<FONT SIZE="6">Font Size 6</FONT>
Font Size 6
Цвет шрифта
Вы можете выбрать цвет шрифта используя тэг <FONT COLOR="#"></FONT>, где "#" - значение цвета (значения представляют из себя наименования цветов). Вот примеры:
<FONT COLOR="RED">Example 1</FONT>
Example 1
<FONT COLOR="BLUE">Example 2</FONT>
Example 2
<FONT COLOR="GREEN">Example 3</FONT>
Example 3
А теперь все свойства шрифта объединяем для простоты в один тэг. Очередность атрибутов в одном тэге значения не имеет.
<FONT SIZE="5" FACE ="Times New Roman" COLOR="orange">VXZone</FONT>
В итоге получаем:
VXZone
Урок третий. Составляем текст аукционной страницы
Пробелы
HTML, в отличии от большинства текстовых редакторов, сжимает написанный текст до одного пробела.
Например:
"Текст написанный таким
образом в HTML"
будет выглядеть следующим образом -
"Текст написанный таким образом в HTML"
Для того, чтобы между словами был более чем один пробел, используйте этот тэг (без скобок):  . Если Вы хотите, чтобы было 2 или 3 пробела, пишите  .
Используйте тэг <BR>, чтобы закончить одну строку и начать другую.
Например: "строка 1<BR>строка 2" в результате нам даст:
Используя тэг <HR>, Вы сможете получить горизонтальную линию:
Размещение текста по центру
Тэги <CENTER></CENTER> позволяют разместить текст по центру. Например: <CENTER>VXZone</CENTER>
VXZone
Давайте еще раз вкратце рассмотрим тэги для жирного выделения текста, выделения курсивом и подчеркивания, о которых упоминалось в 1-ом уроке.
<B> VXZone </B>
VXZone
<U>The underline tag</U>
The underline tag
<I>The italic tag</I>
The italic tag
Для маркировки отдельных строк и построения списка, применяются следующие тэги - <UL>, <LI>, </UL>
Приведем пример:
<UL>
<LI> WWW
<LI> VXZone
<LI> Com
</UL>
в результате:
- WWW
- VXZone
- Com
Для того, чтобы пронумеровать строки, используются следующие тэги - <OL>, <LI>, </OL>.
Приведем пример:
<OL>
<LI> WWW
<LI> VXZone
<LI> Com
</OL>
в результате:
- WWW
- VXZone
- Com
Похожие статьи

Аукцион eBay. Поиск товара.
- 0
- 28239

Продажа на eBay. Помощь и советы.
- 0
- 160832

Изучаем интерфейс My eBay
- 0
- 18021

Структура лота на аукционе ebay
- 0
- 21383
Примеры в уроках с 1 по 3 - почти нигде не отображаются правильно, возможно это связано с переносом их на новую платформу