Портфолио верстальщика сайтов html, верстка сайтов html и css

Что такое верстка и для чего она нужна

Вёрстка сайта — это расположение текста, заголовков и изображений на странице. Верстальщик создаёт основу и элементы веб-страницы, указывает их расположение, затем оформляет её в соответствии с дизайном. От качества вёрстки страницы зависит её загрузка, скорость открытия и корректность отображения в браузере. Для создания используются специальные языки — HTML, CSS и JavaScript. Структура страницы собирается с помощью языка HTML (язык разметки гипертекста). CSS (каскадные таблицы стилей) придаёт стиль будущей странице. А JavaScript (динамический язык программирования) указывает браузеру, что и как нужно сделать с элементами на странице.

Фиксированная верстка

При любых разрешениях экрана одно и тоже отображение контента. То есть величины фиксированные.

Адаптивная верстка

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

Flex верстка

CSS flexbox (Flexible Box Layout Module) — модуль макета гибкого контейнера.Flexbox позволяет контролировать размер, порядок и выравнивание элементов по нескольким осям.

Кроссбраузерная верстка

Кроссбраузерность — это одинаковое отображение и работа сайта в различных браузерах

Валидная верстка

Это верстка без ошибок. Верстка, выполненная в соответствии со стандартами W3C. Проверяется HTML-страница на корректность с помощью специального валидатора W3C

Семантическая верстка

Это подход к созданию веб-страниц, основанный на использовании HTML-тегов в соответствии с их семантикой (предназначением), а также предполагающий логичную и последовательную иерархию страницы.

Мои навыки

HTML5

Семантическая разметка кода
Использование БЭМ

Css3

Стилизация элементов на странице

JavaScript

Подключение скриптов для динамичности страницы

Bootstrap

Использование сетки и быстрая адаптация сайта

Query

Подключение анимации на странице

PHP

Программирование сайта

Sass

Быстрое написание стилей

Pug

Быстрая верстка с шаблонизатором

Gulp

Быстрая компиляция файлов

Photoshop

Верстка сайта по макету PSD

Обо мне

Ответственная

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

Всегда на связи

Мне можно писать в любое время , на почту или в соц сетях, в письме укажите тему "Верстка по макету" и я обязательно Вам отвечу в течение 5ти минут Не пропадаю без причины, если взялась за проект-верстку, то он обязательно будет сделан.

Быстро обучаюсь

Я постоянно практикуюсь и изучаю что-то новое, не стою на одном месте, а иду со временем.

Вам нужен HTML-верстальщик ? Обращайтесь !

Я занимаюсь созданием веб-сайтов больше 2х лет. Делаю любую верстку сайта в том числе и адаптивную, по макетам PSD и Figma. Все что Вам нужно это написать мне и прислать макет на оценку. Если Вам нужен HTML-верстальщик в проект также пишите буду рада !

Мои работы

Здесь можно посмотреть мои примеры работ, однако здесь можно увидеть не все работы, есть которые я только начала делать, есть которые дорабатываю, например, адаптацию сайта, есть которые переношу на WordPress.