тел. 8 (909) 168-37-93

Предлагаю услуги по верстке сайтов. Гарантирую идеальное качество и точные сроки. Мой опыт верстки 13 лет. Как пример адаптивной и мобильной верстки этот Сайт, которые можно увидеть изменяя размеры окна и открыв сайт в мобильном телефоне. Некоторые примеры моих работ тут.
Звоните, договоримся: 8 (909) 168-37-93 , 8 (916) 693-26-82, 8 (963) 670-11-17   Дмитрий.

Верстка кроссбраузерная, то есть корректно отображается во всех современных браузерах.

Фиксированная верстка сайтаот 2 000 руб
Резиновая верстка сайтаот 4 000 руб
Адаптивная верстка сайта (за 1 опорный размер)
за каждый дополнительный размер
от 5 000 руб
500 руб
Верстка мобильной версии сайтаот 3 000 руб
Лэндинг пэйдж (Landing Page)от 8000 руб
Точную стоимость можно расчитать только определив сложность и объём работы.

Рассмотрю любые предложения о сотрудничестве.

Верстка сайта - это один из самых важных этапов при создании сайта.

Вёрстка - это процесс преобразования графического дизайн-макета сайта, в интерактивную веб-страницу.

Типы верстки сайта

Существует несколько типов верстки сайта:

Фиксированная верстка сайта - это когда размеры самой web страницы и её элементы имеют фиксированный размер (по большей части это касается ширины элементов), размер задаётся в фиксированных единицах измерения px, mm и др.

Страницы сайта с фиксированной версткой не меняют свои размеры вне зависимости от размеров экрана пользователя. Например если задать ширину страницы сайта в 1000px, то у посетителя с шириной экрана 800px страница уже не поместится в экран и появится горизонтальный скролл.

Резиновая верстка сайта - это когда размеры WEB страницы и её элементов задаются не фиксированными единицами измерения, например в процентах.

Таким образом ширина страницы сайта задаётся в процентном соотношении от ширины экрана посетителя страницы. Например при ширине странички WEB сайта 80%, страница сайта будет всегда занимать 80% ширины экрана посетителя сайта и горизонтальные скроллы не будут появляться, какая бы ширина экрана ни была.

Но при этом на очень широких экранах абзацы текста могут растягиваться в очень длинные строки, которые неудобно читать. И наоборот, на маленьких экранах абзацы текста могут собираться в узкие столбики, которые тоже не удобно читать.

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

Адаптивная верстка сайта - этот тип верстки позволяет подстраивать WEB страницу и её элементы не только под размер экрана посетителя, но и под конкретные устройства, например планшеты и смартфоны. Адаптивная верстка позволяет не просто растягивать или уменьшать элементы WEB страницы, но так же даёт возможность менять одни элементы сайта на другие или же вовсе не отображать их на странице сайта. Для определения типа устройства посетителя сайта используют медиа запросы @media.

При адаптивной верстке сайта обычно используют несколько опорных размеров ширины экрана.

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

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

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

Так вот, адаптивная верстка позволяет подстраивать один сайт под разные устройства, а не создавать дополнительную версию сайта.

Наиболее распространённые размеры экранов можно узнать, посмотрев статистику на сайтах, которые предоставляют такую возможность. Например, набрав в поисковике запрос "статистика разрешений экрана" и посмотреть один или несколько сайтов с данной информацией. Данная статистика будет содержать большое количество всевозможных размеров экранов, большая часть которых будет представлена только сотой или тысячной долей процента, такие размеры конечно не нужно принимать во внимание, а брать за основу только несколько размеров, например тройку лидеров. Эти размеры пойдут за основу для стационарных ПК. Так же версии для планшета и смартфона, их альбомную и портретную ориентацию экрана. Количество опорных размеров зависит только от вашего бюджета.

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

Так же возможно применение различных типов верстки в одном проекте и задание как фиксированных размеров, так и не фиксированных размеров.



Обо мне

Дмитрий HTML-Верстка Добрый день!
Моё имя Дмитрий. Мне 40 лет, живу в Москве, женат, 3 детей.

Последнее место работы компания "Яндекс" 2007-2015 в должности модератор Яндекс Директ.

Моё любимое хобби это делать сайты, которым я занимаюсь с 2004 года. Начинал с сайтов на "народе", затем изучал все имеющиеся бесплатные движки, так же есть опыт написания собственных движков для сайтов. Мои работы можете посмотреть тут.

Из всего процесса создания сайтов больше всего нравится верстка сайта, на что и сделал основной упор в своей работе.
Имею хорошие знания HTML, CSS так же при работе использую PHP, JavaScript.

Если Вам нужна верстка сайта/сайтов или полное создание сайта, куда входит дизайн, весь функционал, верстка, наполнение, и любые работы по дополнениям и изменениям на уже имеющемся сайте, то пожалуйста пишите тут и/или звоните 8 (909) 168-37-93.

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