Верстка сайтов

Анастасия Петухова

Добро пожаловать на персональный сайт верстальщика. Здесь Вы можете ознакомиться с примерами моих работ и заказать верстку.

Анастасия Петухова

Обо мне

Меня зовут Анастасия Петухова, я верстальщик. Выполняю верстку сайтов по Вашим макетам, используя HTML5, CCS3 и Java Script. Сайты доступны для слабовидящих - скринридеры (устройства для считывания информации) считают все, что необходимо. В HTML-разметке я использую БЭМ-методологию. Работаю на сборщике GULP, пишу CSS-код на препроцессоре SCSS. По итогу Вы получаете минифицированные файлы, что облегчает работу сайта, соответственно скорость его работы будет выше. Готовый код я проверяю на наличие ошибок через валидатор. Если Вам что-то непонятно, то можете написать мне в социальных сетях или форме обратной связи. Все проекты адаптированы под устройства с различной шириной экрана.

Примеры моих
проектов

  • Многостраничник

    Ресторан с доставкой

    Cайт посвящен ресторану, где клиенту доставляют все необходимые ингредиенты для быстрого приготовления ресторанного блюда.

    Ссылка на сайт
    скрин сайта
    скрин сайта
    скрин сайта
  • Лендинг

    Салон красоты

    Cайт создан для салона красоты, оказывающего различные услуги бьюти-индустрии.

    Ссылка на сайт
    скрин сайта
    скрин сайта
    скрин сайта
  • Многостраничник

    Фитнес-йога

    Сайт спортивного центра по направлению фитнесс-йога с блоговым разделом, расписанием, формами подписки на новости, галереей.

    Ссылка на сайт
    скрин сайта
    скрин сайта
    скрин сайта

Часто задаваемые
вопросы

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

  • Бургер-меню

    Кнопка на веб-сайтах и в приложениях, которая обычно открывается в боковом меню или панели навигации. Мы используем его, чтобы упростить навигацию.

  • Адаптив

    Адаптивный сайт будет работать на разных устройствах в зависимости от общих размеров и разрешений экрана.

  • Аккордеон

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

  • Лендинг

    Автономная веб-страница, созданная специально для маркетинговой или рекламной кампании.

  • Прелоадер

    То, что вы видите на некоторых сайтах до того, как будет загружено основное содержимое веб-страницы. Их основная цель - развлекать посетителей сайта, пока фактическое содержимое страницы все еще загружается в фоновом режиме.

  • Прогресс-бар

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

  • “Ленивая” загрузка

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

  • Хэдер, футер

    Верхний и нижний разделы документа соответственно. Это отдельные разделы от основного документа.

  • БЭМ-методология

    Методология, которая помогает создавать расширяемые и повторно используемые компоненты интерфейса.

  • Wordpress

    Самая распространенная CMS (система управления контентом) в мире.

  • Табы

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

  • Ховер-эффект

    Изменение внешнего вида компонента графического интерфейса при наведении курсора мыши на него, даже если он не был выбран.

  • Параллакс

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

  • Попап

    Область отображения графического интерфейса пользователя, обычно небольшое окно, которое внезапно появляется («всплывает») на переднем плане визуального интерфейса.

Что делает
верстальщик

Сайты создаются в несколько этапов, один из них - это верстка.

  1. Изначально веб-дизайнер создает макет в графическом редакторе

  2. Затем верстальщик интегрирует его в веб-формат посредством HTML5, CCS3 и JavaScript

  3. При необходимости бэкенд-специалист настраивает сайт со стороны сервера

Контакты

Напишите мне

Подтверждаю согласие на обработку моих персональных данных в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных».