Веб-дизайн и веб-разработка для компаний и частных лиц в Чешской Республике.
+420 608 713 199

Как сделать простой и стильный сайт-визитку

Как сделать простой и стильный сайт-визитку

С появлением новых технологий с одной стороны и стремлением сайтостроителей унифицировать дизайнерские стандарты с другой, все чаще встает вопрос о создании адаптивных сайтов, то есть сайтов которые бы выглядели на всех мобильных устройствах, планшетниках и компьютерах гармонично, но при этом оставались бы удобными для пользователя.

Один дизайн для всех девайсов

Суть адаптивного дизайна в том, что ваш дизайн с использованием JavaScript и media queries из CSS позволяет адаптироваться к любым устройствам для просмотра веб-страниц: от экрана монитора стационарного компьютера с высоким разрешением до мобильного телефона.

Обычно процесс дизайна таких сайтов выглядит следующим образом. Дизайнер разрабатывает минимум 3 (обычно 5-7) различных макетов сайта для отображения на мобильных телефонах, планшетниках и мониторах. Затем макеты отдаются программисту на верстку. После этого каждая страница сайта тестируется на различных экранах. Как правило это очень трудоемкий процесс, и, как следствие, затратный для заказчика.

Как сделать адаптивный сайт самому?

Существует очень простой способ создания сайта-визитки с нуля самостоятельно.

Скачиваем шаблон-заготовку будущего сайта. Распаковываем архив.

Заменяем главный рисунок (фон сайта).
Подготовим фотографию (или любой вам понравившийся рисунок), которую можно было бы использовать на достаточно больших экранах. Переименовываем или сохраняем его под именем nh_bg.jpg. В распакованной папке находим рисунок nh_bg.jpg и заменяем его на свой.

Меняем логотип.
Находим файл monogram.png и заменяем его на свой логотип.

Осталось только заменить текст.
Отрываем файл index.html в блокноте или любом текстовом редакторе (Word не подходит). Находим соответствующий текст и заменяем его на свой.

Этот шаблон уже содержит необходимые JavaScript и CSS, позволяющие сайту адаптироваться под различные разрешения экрана.

Смотреть демо

Получившийся сайт является очень простым, состоящим всего из одной страницы. Если вам нужен динамический функционал и панель управления, прочитайте вот эту статью: Как сделать сайт с уникальным дизайном без специальных знаний?

Если у вас возникли вопросы, обращайтесь к нам.

Интересуют наши услуги?
Наймите нас