View Alla Kibzoun's LinkedIn profile View ArtStudio profile


Hажав    ,
пошлите эту подсказку
вашим партнерам
и проголосуйте
(Delicious, Facebook, Digg,..)
Интеллектуальная поисковая система Nigma.ru
 

ноября 29, 2008

Cсылки, картинки и баннеры в IntwayStore магазине

Эта подсказка для тех, кто начинает свой путь в Internet не как читатель, а как создатель своих Web страничек.

Все Web страницы пишутся HTML кодом. Internet браузер (программа на вашем компьютере) читает этот код (команды) и по этим командам высвечивает экран.

Intway конструктор сайтов это программа-редактор, которая позволяет вам сделать HTML страницу без знания HTML кода, просто нажатием кнопок изменять текст, вставлять в текст картинки и ссылки (конструктор пишет HTML код за вас).

В IntwayStore магазине нет такого конструктора. Если вы хотите вставить на страницу магазина не простой текст, а выделить фразы цветом, размером, вставить картинку, вы должны сами написать HTML команды для браузера.

Простейшие команды HTML написаны в уроке 5, достаточные, чтобы сделать магазин не однообразно скучным.


Сейчас поговорим подробнее о ссылках, картинках, баннерах.

Картинка. Чтобы ее вставить нужен такой код.

<img src='АДРЕС_картинки'>,

например, команда <img src='http://www.strana.ru/i/logo.gif' /> даст такой результат на экране



Картинка будет показана в своем размере. А если указать размеры, то картинка будет сжата или растянута по указанным размерам.

<img src='АДРЕС_картинки' width=500 height=300>,

где width - ширина, height - высота картинки.






Адрес - это Web адрес картинки, где она лежит в Internet, например, http://www.strana.ru/i/logo.gif
Здесь картинка лежит в файле 'logo.gif' находится в папке 'i' на сервере 'www.strana.ru'

Если ваша картинка лежит на вашем компьютере, а не на Internet сервере, то ее надо сначала положить куда-нибудь в Internet, например, на Intway сервер, где вы имеете место (хостинг).
Загрузите файл картинки с вашего компьютера (это делает FTP программа), например, на сервер Ваше_имя.intway.info в папку 'images', тогда адрес будет http://Ваше_имя.intway.info/images/имя_картинки

Ссылка - это текст, при нажатии на который открывается новая страница из Internet.
Чтобы вставить ссылку на страницу, надо эту текстовую фразу окружить кодом так:

<a href='АДРЕС'> ТЕКСТ </a>

Адрес - это Internet адрес (URL) страницы, которую вы хотите открыть. Адрес каждой страницы вы видите на верху экрана, нпример, адрес этой страницы http://intwaystore.info

Посетители страницы будут видеть только ТЕКСТ, а не код

Можно поместить ссылку не под текст, а под картинку, при нажатии на которую будет открываться новая страница. Такая ссылка-картинка называется баннер.

Чтобы вставить баннер на свою страницу, надо в обычной ссылке вместо ТЕКСТА поставить картинку, т.е. так:

<a href='АДРЕС_страницы'> <img src='АДРЕС_картинки'> </a>


Вот видите, ничего сложного!

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

<a href='document.location='http://intwayregistration.com''><img src='http://1.bp.blogspot.com/_0qVLypAc4dc/SSHkorwb87I/AAAAAAAAAj0/ZlluhJfPj7Y/s400/knopka-whitsmall.jpg' /> </a>
<font style='FONT-STYLE: italic'>
Регистрация партнера
кредитной картой VISA,
MasterCard, AMEX и PayPal</font>

Вставьте это на вашу страницу и на экране это будет видно так:


Регистрация партнера
кредитной картой VISA,
MasterCard, AMEX и PayPal





Таким образом вы можете вставлять ссылки и на страницы магазина.

А чтобы вставить ссылку или баннер на панель 'Информация' в шаблоне магазина, надо вспомнить подсказку Картинки-объявления на панели 'Информация' в Intway Store и вы сможете делать так:




Удачи!

.

7 комментариев:

Владимир комментирует...

Алла, великолепно. Я потихоньку начинаю понимать html .... жаль, что это все интвэй, искренне жаль.
С уважением, Владимир.

ArtStudio комментирует...

HTML он и в Африке HTML, и в Intway

irusya комментирует...

у меня кривовато получилось :)

Аня комментирует...

Здравствуйте, Алла! Воспользовалась подсказкой и разместила на главной странице своего магазина баннеры - картинки, являющиеся "лицом" всех моих категорий товаров. Получилось красиво и функционально. Посетитель, нажимая на картинку, сразу попадает в нужную категорию товаров. А т.к. картинки баннеров - это не логотипы, а изображения товаров, то, чтобы посетителю было понятно, я позволила себе немножко доработать Вашу подсказку (честно-способ нашла в интернете)и дописала кусочек кода, благодаря которому при наведении мышки на баннер (без нажатия) всплывает окошко комментария с названием этого раздела. Только что написала для наглядности этот код, а блог его не пропустил. Может, Вы укажите этот код для ваших читателей? Это им может помочь.
Cпасибо Вам за помощь. Аня.

ArtStudio комментирует...

Да, в HTML можно найти много маленьких приятных сюрпризов, например, как у вас сделано. Когда мышка находится над ссылкой (текстовой или картинкой), то будет всплывать текcт, помещенный в title, то есть так:

<a href='АДРЕС' title='всплывающий текст'> ТЕКСТ </a>

А для картинки всплывающий текст надо поместить в alt, то есть так:

<img src='АДРЕС' alt='всплывающий текст'>

ArtStudio комментирует...

А еще, Аня, вы сделали в своем магазине http://gala50.intwaystore.com бегущую строку с помощью тага

<marquee scrollamount="2">Бегущий текст</marquee>

scrollamount - скорость бегущей строки

Это может оживить страницы магазина, но не стоит перебарщивать, будет рябить в глазах и раздражать

Аня комментирует...

Добрый вечер! Это Аня. С мышкой я просто побаловалась-очень уж она мне понравилась. Скорее всего, я ее уберу. А строчки, как считаете, можно оставить? Больше ничего бегающего делать не собираюсь. Аня.

Отправить комментарий

Когда вы пишите комментарий, надо написать текст и выбрать идентификационную запись.
ИЛИ
комментируйте как "Анонимный"