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


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


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


» » Шаблон сайта. Фотогалерея "PhotoSketch"

Шаблон сайта. Фотогалерея "PhotoSketch"

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 18749
Шаблон сайта. Фотогалерея "PhotoSketch"

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

Шаблон PhotoSketch предназначен для создания фотогалереи, каталога товаров, полета мысли...
Построен на HTML, CSS и Java скриптах. Шаблон сайта готов к использованию при не значительных изменениях и дополнениях с Вашей стороны.

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

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

Шаблон состоит из четырех HTML страниц. При желании путем копирования можете создать дополнительные страницы (файлы).
При создании дополнительных страниц в портфолио и фотогалереи не забудьте включить их в навигацию по страницам: 1, 2, 3, 4, 5 ... 15

В папке images расположены изображения отвечающие за дизайн сайта.
В папке images/demo лежат картинки, которые подлежат замене. + Дополните свои изображения.
В папке images/prettyPhoto/dark_rounded и аналогичных, лежат картинки навигации по сайту и галереи.
В папке scripts - js скрипты, отвечающие за увеличение, перелистывание фото, слайд шоу.
В папке styles - стили CSS по темам. После того, как закончите редактирование шаблона, можете их объединить в один файл, для меньшей нагрузки на сервер и увеличения скорости работы сайта.

ВАЖНО!
В коде главной страницы index.html: замените названия картинок 1.gif 2.gif 3.gif и 192x75.gif на свои изображения, которые загрузите в папку images/demo.
Также, найдите в папке images/demo изображения 658x432.gif и 215x120.gif
Эти картинки используются как большая (просмотр) и маленькая (превью) в фотогалереи и портфолио.
В файлах gallery.html и portfolio.html необходимо поменять их наименование на имена ваших изображений.

Например: в файле gallery.html картинки 658x432.gif и 215x120.gif встречаются 12 раз. Замените 12 + 12 раз на свои изображения.
Обращайте внимание на расширения картинок: .jpg .png .gif

Файл portfolio.html
В папке images/demo найдите временные картинки 658x432.gif и 620x230.gif. Замените на свои. Пропишите в коде страницы (файла) portfolio.html их названия.
Размер увеличивающейся картинки ограничивается размером экрана.

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


Верстка: DIV, HTML, CSS, JS
Объем: 4.3 мб

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


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


Статья опубликована: 16-05-2012, 07:04


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

Использование материалов сайта приветствуется. При копировании и размещении данной информации на сторонних ресурсах, ссылка на сайт SiteY.ru желаема.