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


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


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


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

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

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 22624
Шаблон сайта. Фотогалерея "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


Похожие публикации:


Шаблон готового сайта Шаблон готового сайта "SEREBRO"
Шаблон готового сайта "SEREBRO", для размещения на нем личной...

Шаблон сайта визитки Myface. HTML, CSS, Java, Div Шаблон сайта визитки Myface. HTML, CSS, Java, Div
Шаблон Myface прекрасно подойдет для создания сайта визитки....

Готовый сайт. Шаблон Готовый сайт. Шаблон "Prosto"
Простой по своему исполнению шаблон сайта "Prosto". Может быть...

Вернуться


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