Учимся делать веб-сайты с нуля до трудоустройства. Сегодня учимся верстать дизайн сайта. Что такое верстка? Это, по большому счету, превращение картинки дизайна или дизайна из конструктора в код. Что было на прошлом уроке? На прошлом уроке мы создали красивый дизайн нашего сайта в специальном конструкторе. Что будет на этом уроке? На этом уроке мы этот дизайн превратим в качественную верстку - превратим в качественный код. Мы сегодня также изучим новую технологию: Sass. И познакомимся с новым сервисом иконок: Fontello...

Вы смотрите на красивый сайт и думаете: «Я хочу так же». Всё начинается с малого. С самой главной детали — кнопки. Это не просто цветной прямоугольник. Это призыв к действию, который может заставить пользователя купить, подписаться или узнать больше. Сегодня мы не просто сделаем кнопку. Мы оживим её. Это ваш первый шаг из мира теории в мир настоящей веб-разработки. Поехали! Нам понадобится всего два файла: index.html и style.css. Всё, ваш «станок» готов. Теперь за работу. Откройте файл index.html в любом текстовом редакторе (подойдет даже Блокнот, но лучше — VS Code или Notepad++)...