Урок Ольги Бор

Многие интересуются, как сделать баннер и опубликовать его код. Я в недавнем прошлом тоже относилась к таким интересующимся, пока не проштудировала посты замечательного сообщества


1.Сначала скачайте програмку Кодер HTML, 1.0 ЗДЕСЬ

 

2.Написание кода.

1)Загружаем созданный баннер на радикал.

2)После загрузки открывается страница с кодами и изображением.
В полях "полноразмерное изображение стоит "переход на URL" и рядом адрес этого URL, т. е. адрес сайта радикал ру.


3)Удаляем адрес радикала ( выделяем, клик правой кнопкой мыши - выбираем позицию "удалить"
А на это место вставляем адрес сайта, который рекламируем в баннере.(копируем из строки браузера и вставляем). В моём случае - это адрес моего сайта с картинками. После этого делаем один клик левой кнопкой мыши в любом месте страницы и этот новый адрес отобразится в коде №6.


Если адрес не отобразился, то это можно сделать вручную. Удалить адрес радикала в коде №6 и вставить свой адрес.

4)Полученный код с новым адресом и есть код вашего баннера. Копируете его и вставляете в HTML редактор.

Но нам нужно опубликовать этот код, чтобы его смогли копировать другие пользователи и вставлять к себе на ресурсы. Вот для этого нам и нужна програмка Кодер HTML

3.Конвертация кода.
Запускаем Кодер HTML, удаляем путём выделение - удаление из верхнего окошка ( из нижнего окошка всё удалится автоматически) и вставляем полученный код баннера в верхнее окошко. Тут же произошла конвертация кода, результат которой отобразился в нижнем окне.


4.Публикация кода

Мы получили конвертированный код, но он длинный и не очень красиво будет смотреться при публикации. Давайте его оформим в рамочку.
1)Я воспользовалась последним кодом из этого поста
Скопировала код

А потом, удалила слова текст или код и вставила конвертированный код из Кодер HTML, 1.0

2)В итоге у вас в HTML редакторе должны быть опубликованы два кода
Первый - это код до конвертации.
Второй - конвертированный код в рамочке.
Выглядит это так.



/olgabor.ru/"><img" target="_blank">http://olgabor.ru/"><img src="//s50.radikal.ru/i130/1006/15/1f06d377b04c.gif" ></a>" type="text" />

Можно добавить слова.



HTML код
/olgabor.ru/"><img" target="_blank">http://olgabor.ru/"><img src="//s50.radikal.ru/i130/1006/15/1f06d377b04c.gif" ></a>" type="text" />

Пост написан по материалам сообщества Как создать и оформить блог или сообщество ®:

1.Кодер HTML ...

2.Формы для текста.

В заключении хочу добавить, что не надо переходить в упрощённый формат редактора во время написания и редакции кодов. Результат вы всегда можете посмотреть в предпросмотр.