Сайт своими руками


Пособие для начинающих
Редактируем готовые шаблоны


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


» » Готовый шаблон сайта Фотогалерии PhotoMan

Готовый шаблон сайта Фотогалерии PhotoMan

  • Автор: Saah
  • |
  • Комментариев: 2
  • |
  • Просмотров: 13879
Готовый шаблон сайта Фотогалерии PhotoMan

Готовый к употреблению и редактированию шаблон фотогалереи PhotoMan. Данный шаблон сайта может использоваться в качестве сайта визитки или для рекламы товара, предлагаемых услуг. Вполне подойдет для освещения какой-либо профессиональной деятельности. В контенте сайта достаточно места для размещения текстов статей.
Данный сайт построен по последним прогрессивным веб технологиям на основе javascript и CSS.
За счет них категории сайта открываются мгновенно, без перезагрузки страниц.

Основной отличительной особенностью сайта является то, что он состоит всего из одного действующего файла - index.html, при этом включает в себя 13 разделов:

Приведены ориентировочные названия разделов:
- О сайте: фото, текст
- Фотогалерея: просмотр увеличиваемых фото из превью
- Превью галерея: мини фото быстрый просмотр
- Галерея фонов: просмотр фото в качестве фона по размеру монитора компьютера
- Видео ролики: просмотр видео клипов, роликов и т.д.
- Портфолио 1: крупные фото с описанием
- Портфолио 2: средние фото в два столбика с описанием
- Портфолио 3: крупное фото со слайдером внизу и описанием
- Блок фото 1: крупные картинки, ссылки, описание
- Блок фото 2: средние картинки столбцом, ссылки, описание
- Комментарии: вопросы, ответы, всякое, что придумаете
- Полезно знать: страница с текстами в виде открывающихся спойлеров, всплывающих окон и т.д.
- Обратная связь: с размещением карты Google - местности, вплоть до вида крыши Вашего дома.

Установлен скрипт кнопок социальных закладок и сетей: ВКонтакте, Одноклассники, Мой Мир, FaceBook, Memori, Google, Яндекс и т.д. При нажатии на них пользователи сайта автоматически смогут добавить Ваш сайт себе в аккаунт. Очень полезна для поднятия сайта в рейтинге сети Интернет.




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

Технология редактирования контента сайта продумана с точки зрения простоты и удобства для исполнителя:
- В основном редактируете (размещаете свой) только русский текст, не касаясь самого кода. Меняете картинки, фото на свои, соблюдая размеры там, где это указано.
- Вы открываете файл index.html и видите сайт в действии на своем компьютере.
- Открываете тот же файл index.html с помощью любого текстового редактора.
- Содержимое сайта состоит из описания процесса редактирования кода. Указаны размеры фото, картинок и возможность изменения их размеров. А также их названия и расположение в папках.
- В самом коде тоже есть комментарии о том, где и чего расположено.
Возможно полезна будет статья о навигации по сайту и работе с файлами, папками.

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

В архиве с шаблоном Вы найдёте бесплатную книгу "Редактируем шаблоны готового сайта" и два справочника HTML и CSS кодов, которые встроены в данное руководство.

Верстка: DIV, HTML, CSS, JS
Объем архива: 8.8 Мб

Скачать шаблон сайта Фотогалерии PhotoMan бесплатно:


Людям интересно:


Статья опубликована: 19-04-2012, 23:18

Сохраните для себя

  • Оставил: Саша
  • Группа: Гости
  • 2
  • 24 октября 2015 23:18
Спасибо, удобный шаблон с очаровательными пояснениями!
Всё просто и понятно. Кроме одного - что такого содержится в эпизоде Превью галерея? Почему при её удалении сайт перестаёт грузиться? все data-rel выставлены согласно id.
При удалении блока Портфолио - сайт работает, при выносе Видео из группы подменю в отдельную кнопку, тоже всё работает. А вот Превью галерея как будто главный элемент, от которого всё строится. Почему так?
  • Оставил: paris
  • Группа: Гости
  • 1
  • 25 февраля 2015 15:32
Спасибо. Отличный шаблон. Все просто и сердито. Один недостаток был не существенный - кодировка текста как сайта так и документации была в козябрах.... но это исправимо.

Оставьте комментарий.
Ваше мнение будет полезно посетителям сайта:




Имя:* E-Mail:*
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищенной ссылки Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите код: *
Использование материалов сайта приветствуется. При копировании и размещении данной информации на сторонних ресурсах, ссылка на сайт SiteY.ru желаема.