Адаптивные шаблоны

Описание шаблона

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

Эти великолепные, современные шаблоны, на основе гибких дизайнов, подстраиваются под различные разрешения экрана. Это означает, что каждый адаптивный шаблон на нашем сайте будет адаптироваться к любому устройству, которое люди используют, чтобы войти на сайт, основанный на этом шаблоне. Технически мы достигаем этого с помощью CSS3 запросов, поэтому это подходит для большинства браузеров и устройств, которые вы можете использовать для доступа на веб-сайт. Вы даже можете увидеть, как шаблон реагирует, играя с шириной окна браузера – измените его при просмотре любого демо-сайта, чтобы увидеть, как меняется шаблон. Однако, для наших читателей, которые любят старые нежелательные браузеры — или мы должны вежливо называть эти браузеры «устаревшими» – мы должны сказать, что динамическая регулировка размера экрана не будет работать в старых версиях Internet Explorer. Мы предполагаем, что люди, просматривая веб-сайты на основе этих шаблонов, будут просматривать с помощью мобильных версий Safari, Firefox или Opera Mini и других мобильных браузеров, которые не имеют проблем с CSS3.

Template number: 55108

• Live Demo
• Download Sample

Доступные исходные материалы:

Необходимое программное обеспечение:

Чтобы использовать продукт, Вам необходимо иметь следующее программное обеспечение, установленное на Вашем компьютере.

• Adobe Dreamweaver 8+;
• Adobe Photoshop CS+;

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

Особенности шаблона:

Адаптивные шаблоны включают несколько разметок, каждая из которых оптимизирована для правильного разрешения экрана. На самом деле есть много вариантов ширины, но основные из них – для настольного компьютера, планшета, и 2 размера экранов смартфонов (горизонтальная и вертикальная разметка):

• настольный компьютер (980 пкс);
• планшет (768 пкс);
• смартфон – горизонтальная разметка (480px);
• смартфон– портретная разметка (320px).

Эти 4 основные типы разметки, а также вторичные, активируются в соответствии с разрешением экран. Чтобы увидеть эти Адаптивные шаблоны в действии, пожалуйста, посмотрите демо-версии шаблонов и измените ширину окна браузера, и шаблон подстроится под «новый» экран, с новым разрешением. После этого Вы можете совершить экскурсию по нашим адаптивным шаблонам и решить, какой дизайн нужен для вашего нового адаптивного сайта.

Структура шаблона

Вы получили шаблон, запакованный в ZIP архив, и распаковали его. Давайте посмотрим, что внутри.

• documentation
• ContactForm
• bin
• css
• js
• index.html — откройте этот файл, чтобы ознакомиться с документацией по Контакт-форме шаблона.
• screenshots – contains скриншоты шаблона. Здесь нет файлов для редактирования
• site – содержит.html, .js, .css файлы для обычной версии шаблона
• sources – содержит доступные исходные материалы
• info.txt – содержит информацию о защищенной паролем папке “sources”
• full_site_readme.pdf — содержит информацию о шаблоне и инструкции по его редактированию
• fonts_info.txt – содержит информацию о шрифтах, использованных в шаблоне

Замечание: По соображениям безопасности папка Sources (Исходные материалы) заархивирована и защищена паролем. Чтобы разархивировать защищенный паролем архив, Вам необходимо иметь программу-архиватор и правильный пароль. Когда Вы начнете распаковывать файл, появится уведомление о необходимости ввести пароль. Паролем является номер Вашего заказа. Вы можете найти этот норме на странице заказа, ссылка на которую высылается Вам на электронную почту.