Categories

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

Alex Ross Апрель 25, 2012
Rating: 4.0/5. From 4 votes.
Please wait...

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

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

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

Template number: 55108

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

.HTML .PSD

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

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

  • 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 (Исходные материалы) заархивирована и защищена паролем. Чтобы разархивировать защищенный паролем архив, Вам необходимо иметь программу-архиватор и правильный пароль. Когда Вы начнете распаковывать файл, появится уведомление о необходимости ввести пароль. Паролем является номер Вашего заказа. Вы можете найти этот норме на странице заказа, ссылка на которую высылается Вам на электронную почту.

Пожалуйста, помогите нам сохранить качество и уникальность нашей продукции, не загружая исходные материалы (Sources) на сервер, в запакованном, либо распакованном виде.
Эта запись была размещена в Адаптивные веб шаблоны, Шаблоны сайта и помечена как about, adaptive, description, Responsive web. Добавьте в закладки постоянную ссылку.

Submit a ticket

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