КАК СОЗДАТЬ САЙТ

БЕСПЛАТНЫЕ ШАБЛОНЫ HTML САЙТОВ

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


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

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

   В архиве есть текстовый файл с HTML кодами. Сначала копируем  HTML код №1 из текстового файла который находится в архиве.

  Перед тем как копировать вместо " 999.jpg". впишите имя файла картинки которая будет у Вас на страничке.

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

   Цифры 195 это ширина картинки на странице.

   Цифра 159 это высота картинки на странице.

   При развёртывании, картинка будет показываться в полную свою собственную величину.

   Ставим курсор в текст где должна быть картинка и нажимаем в верхней панели кнопку HTML.

    У Вас откроется окно для ввода HTML кода, ищем в тексте ту фразу после которой Вы хотите вставить картинку и после закрывающих тэгов этой строки вставляем наш исправленный HTML код, и жмём ОК. Самой картинки Вы не увидите, только рамку.

   Затем кликаем на эту рамку мышкой, она станет у Вас выделенной  и в верхней панели нажимаем кнопку "Расположение" чтобы определить расположение картинки.

   И так делаем со всеми картинками, которые на рабочем сайте должны будут увеличиваться при клике мышкой.

   Следующий этап делаем уже когда сформируем файлы для отправки на хостинг.

   В папку где сформированы файлы сайта копируем все файлы из скачанного архива. Затем в скопированную папку "examples" копируем файлы картинок которые должны будут в последствии увеличиваться. 

       Остался последний штрих, файл сформированной странички нужно открыть программой "блокнот"  и вставить  HTML код №2 который находится в текстовом файле скачанного архива, вставляем между тэгами "head", в то место где я указал в картинке, и сохраняем.

ВСЁ МОЖНО ОТПРАВЛЯТЬ ФАЙЛЫ САЙТА НА ХОСТИНГ


 ВЕРНУТСЯ К СПИСКУ УРОКОВ 


РЕКЛАМА