Как создать галерею на сайте с нуля без знаний HTML и CSS

Создание галереи на сайте

Хотите уметь создавать красивые галереи на сайте? Нет, вопрос лучше поставить следующим способом:

Хотите создавать красивые, профессиональные галереи на сайте всего за пару минут?

Не знаете, что такое галерея? Пример ее вы можете посмотреть по ссылке, размещенной ниже:

посмотреть пример галереи на сайте

На создание этой галереи у меня ушло около 30 минут, и то, это время, в основном, было потрачено на обработку изображений к ней.

Способ создания галереи на сайте, которым я хочу с вами поделиться, отличается простотой и удобством для новичков, которые не знают ни HTML, ни CSS, ни Java Script.

Тренинг по вёрстке сайта на HTML5 и CSS3

Все, что необходимо вам – это картинки, которые вы собираетесь использовать в галерее. После того, как вы выбрали все необходимые картинки – создание профессиональной, красивой галереи сводится к простому добавлению текста(подписей) к картинкам и размещения их на хостинге вашего сайта, или у себя на компьютере.

Я создал специальный видеоурок по созданию профессиональной галереи. Смотрим ниже.

Все свои пожелания и вопросы оставляем ниже, в комментариях.

Также, в комментариях, вы можете оставлять ссылки на свои галереи.

Комментариев: 45 RSS

Тренинг по вёрстке сайта на HTML5 и CSS3
Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

(обязательно)

Комментариев: 45
  •  Наталья | 25 июня 2010 в 16:53:53

    gulp Здорово как!excaimБольшое спасибо Вам!!!

    Какой умница!grin!

  •  Серёга | 25 июня 2010 в 16:57:59

    Мяу, мяу, мяу. Я "пусистый" и "класивый" red face.

    А если серьезно, спасибо большое, буду стараться и вылаживать еще что-нибудь полезное cool smile

  •  Комментатор2 | 26 июля 2010 в 22:43:14

    Очень интересная программа, как раз искала, как сделать такой альбом. grin

    Жаль только на мой сайт установить не получилось. Сайт динамический и на нем запрещена закачка файлов с расширением .html через FTP. downer

  •  Серёга | 27 июля 2010 в 07:55:00

    Сочувствуюrolleyes

    Так если через фтп нельзя, может через админ панель можно?

    Иногда можно закачать архивом, а в админ панели хостинга этот архив распаковать.

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

    И кстати, динамический сайт - это не приговор, это злотое правило, и сейчас большинство сайтов - динамические, к примеру - этот сайт, закачать же себе галерею я смог, тут проблема с хостингом.wink

  •  Александр | 29 августа 2010 в 01:02:53

    Скачаный урок почему-то не запускается mad ( документ под названием "Читать" читалexcaim )

  •  Серёга | 29 августа 2010 в 10:03:00

    Какая винда? Win7?

    Блин, их влаживать наверное надо не выпендриваясь - обычными видеофайламиcheese

  •  Александр | 29 августа 2010 в 14:34:52

    У меня Windows XP SP3... Ладно уж можешь не заморачиваться посмотрю и онлайн версию....

  •  Серёга | 29 августа 2010 в 14:41:08

    Скорее всего - это антивирус, так как книга на XP SP3 должна нормально запускаться.

  •  Александр | 29 августа 2010 в 14:46:57

    Так другие ваши курсы нормально запускаются (скачал демо курс CSS-мастер, и курс по изучению HTML)...

  •  Серёга | 29 августа 2010 в 14:50:27

    Ну да, чет я про это забыл.

    Надо будет подумать.

    А ошибку какую выдает?

  •  Александр | 29 августа 2010 в 14:54:49

    Никакой ошибки не выдаёт просто не грузит, висит окошко и всё http://s56.radikal.ru/i152/1008/7e/d8dbb20c5358.jpg

  •  Серёга | 29 августа 2010 в 15:04:41

    Попробуй подождать подольше.

    Там я использовал компилятор - он не особо дружит с большими видео файлами.

  •  Александр | 29 августа 2010 в 15:26:59

    После 20 минутного ожидания всё заработало!!!! Спасибо!!grin

  •  Серёга | 29 августа 2010 в 15:32:47

    Вот именно по этой причине я перекомпилировал и создал новую версию курса CSS-мастер.

    Использовал уже другой компилятор.

  •  Ольга | 16 декабря 2010 в 19:46:29

    Здравствуйте! Очень понравился Ваш сайт и видеоурок. smile Уже галерею сделала, но дальше пока думаю, что можно сделать. Через фтп закачать нельзя, в админ панель архивы не допускаются, если все же удастся вручную закачать папки, подскажите пожалуйста как лучше прописать html код для размещения галереи в нужном месте на сайте

  •  Артемий Новиков | 21 февраля 2011 в 23:18:47

    Спасибо большое за урок. Мне, как новичку, очень пригодилсяokokok

  •  Рита | 12 марта 2011 в 14:04:48

    Спасибо большое!!!!!

  •  Poison | 16 марта 2011 в 18:44:11

    Спасибо ОГРОМНОЕ,Сереж.

    Давно искала такую "машину",

    а выучить ява-у меня в списке прямо за игрой на гитаре,и французским...

    зы:Чуваааакdance!!!

  •  Серёга | 22 марта 2011 в 23:29:32

    Большое человеческое - ПОЖАЛУЙСТА cool smile

  •  Санёк | 14 апреля 2011 в 00:26:17

    Благодарствую! Молдечик! smile

  •  Стас | 6 июня 2011 в 17:12:00

    А как поменять на русский язык кнопки в самом конце галереи?

    At last page

    <p>Where to go next?</p>

    Start over

    Back to home

    Stop

    В index файле этого кода нет...Где его можно отредактировать????

    Этот код видно только, если запросить код элемента в Chrome.

  •  Аноним | 14 июля 2011 в 13:36:39

    Такая классная штучка!!!!А ко мне на сайт не ставиться.Можно как то это решить?Логин пишу правильно и все остальное,но выдает типа логин не правильный.Как так?

  •  Серёга | 14 июля 2011 в 14:25:12

    Ну значит указали что то не правильно, логин, пароль, сервер.

    Стас - чет я твой коммент пропустил. Мне надо взглянуть на страницу самому.

  •  светлана | 26 сентября 2011 в 17:23:54

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

  •  Серёга | 26 сентября 2011 в 18:18:28

    В галерее?

  •  Аноним | 27 сентября 2011 в 21:54:46

    Здравствуйте. Подскажите, пожалуйста, как залить созданные альбомы на сайт? У меня вот такая ошибка: http://gomanyuk.at.ua/error.jpg

    что делать?

  •  Сергей | 16 октября 2011 в 15:03:27

    У меня че то не получается установить галерею , сначала писал логин не коректен, теперь Auth fale

    •  Серёга | 16 октября 2011 в 20:41:22

      Это по ходу тоже самое только на буржуйском smile

      Вы точно зарегистрировались??

  •  Аноним | 22 ноября 2011 в 09:36:19

    Приветствую всех.Не знаю как у вас,но должен сказать, что я тоже не нарадовался этой штукой, пока не получил, по истечению двух недель, приглашение на приобретение прем. акаунта на год со скидкой, всего лишь за 20,5 евро. А галерею я сохранил у них, ну и кончилась моя радость, заблокировали.

    •  Серёга | 22 ноября 2011 в 10:07:46

      Походу там надо платить не за галерею - а за место под нее.

      Поэтому - юзаем свой хостинг smile

  •  Игорь | 19 декабря 2011 в 23:21:14

    Все сделал, как на ролике!Однако захожу на сайт, а галереи нет - положил в папку с названием сайта на ftp сервере, галерея на ftp есть, а на сайте нету. Я что-то не так сделал?

    •  Серёга | 20 декабря 2011 в 20:35:17

      Наверное что-то не то smile

      Я не могу сказать пока сам не увижу.

  •  WestWay | 26 декабря 2011 в 13:45:06

    Wondershare.Flash.Gallery.Factory круче. больше настроек, куча разнообразных переходов, и эффектов, возможность создавать не только галереи, но и слайд шоу. также есть возможность добавлять звуковое сопровождение к галереи. преимущество Jalbum в ее доступности, и только. также минус данных программ в том, что нет возможности добавлять изображения в уже имеющиеся галереи. только создание галереи по новой.

  •  Владислав | 27 января 2012 в 02:20:23

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

  •  Серёга | 27 января 2012 в 08:31:05

    Ну так открывайте главный файл html - и вставляйте там свою ссылку.

  •  Владислав | 27 января 2012 в 17:51:44

    Спасибо. Я просто думал, что уже созданная галерея не позволяет своего редактирования пользователям, чтобы не потерять свою работоспособность. Значит я могу отредактировать так файл готовой галереи, что могу вставить в него свое личное меню сайта, а галерею сделать под этим меню?

  •  Серёга | 27 января 2012 в 19:56:52

    Такой вариант тоже возможен.

    Правда он уже будет несколько сложнее в реализации.

  •  Владислав | 27 января 2012 в 21:40:38

    Большое спасибо за консультацию!beer

    Пробую реализовать.

  •  Аноним | 8 апреля 2012 в 21:40:52

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

  •  Николай | 30 августа 2012 в 00:33:38

    Добрый день! Галереи этой программы очень красивы. Но все сильно портит реклама внизу. Возможно ли как-то избавиться от этой рекламы не покупая программу?

  •  Елена | 17 октября 2012 в 08:41:43

    Большое спасибо! Надо попробовать.

  •  Валерий | 15 ноября 2012 в 22:59:19

    Просто супер галерея обязательно поставлю на свой сайт .Большое Вам спасибо.

  •  аня | 18 января 2013 в 17:33:58

    Спасибо большое!!!!!!!!!!!!!

  •  ks | 28 февраля 2014 в 08:05:12

    Хороша то хороша галерейка, но! Дальше надо покупать, чтобы не было рекламы на ней! (((((((

  •  Мария | 16 июля 2014 в 11:27:47

    По поводу оформления фотогалерии на сайте советую почитать тут http://kvinta-a.ru/oformlenie-fotogalerei-na-sayte/