Приветствую всех, дорогие читатели!
Сегодня я рассказываю о верстке сайта: инструкция для начинающих. Объясняю простыми словами.
Верстка сайта — это структурированное сочетание элементов: изображений, заголовков, подзаголовков, таблиц, инфографик, текста и пр., на странице c помощью языка разметки HTML и языка описания внешнего вида страницы CSS.
📜Изначально понятие вёрстки было применимо к издательской деятельности. Книги, газеты, журналы содержат структурированную информацию. В них есть чёткая сетка, блоки, в которых текст и графические материалы упорядочены таким образом, чтобы максимально облегчить читателю процесс потребления информации и заинтересовать его.
👨💻В разработке сайтов вёрсткой называется перевод дизайн-макетов в интерактивный, читаемый браузерами вид. То есть, верстальщик пишет код, который формирует веб-страницу, с элементами которой может работать пользователь.
В контексте создания сайтов есть два вида разработки:
Back-end — программирование функционала сайта;
Front-end — программирование внешнего отображения и интерактивных элементов сайта.
Верстальщик сайтов — front-end разработчик. А всё что отвечает за логику работы сайта и передачу данных - back-end.
🖥Вёрстка правильно располагает все элементы на странице и делает так, чтобы с ними было удобно работать. Поэтому вёрстка сайта – это ответственная задача, требующая внимательности, терпения и постоянного тестирования.
Вёрстку веб-страниц невозможно представить без HTML. Если говорить простыми словами, то HTML — это единый стандарт отображения всех элементов веб-страницы. Это язык разметки, с помощью которого браузеры показывают нам порядок, размер, формы и шрифт текста. Многие? Кто часто сидит в интернете, знакомы с элементами языка (тегами):
<body> </body> — все содержимое страницы;
<h1> </h1> — это обозначение заголовка;
<h2> </h2> — подзаголовок;
<img> — изображение;
<a> </a> — ссылка на другой ресурс.
Бывает, что ты случайно, будучи в браузере, нажимаешь F12, вылезает та самая структура из этих элементов. И ты в страхе быстрее закрываешь всё это дело, пока ничего не сломал 😄 Можешь потренироваться на сайте Aroken.ru и посмотреть, что получится, если убрать элементы или некоторые из свойств).
Теперь ты знаешь, что это такое. А если тебе хочется узнавать больше о мире IT – подписывайся на наш канал и не забывай рассказывать друзьям😉
Не забывайте ставить лайки и комментировать данную публикацию.
