Skip to content
This repository has been archived by the owner on Nov 2, 2021. It is now read-only.

Latest commit

 

History

History

process

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

Процесс верстки сайта

Описание задания:

Домашнее задание выполнять в редакторе по ссылке Домашнее задание к лекции «Процесс верстки сайта»

  1. Выбрать один любимый сайт.
  2. Разбить сайт на блоки.
  3. Сверстать сетку блоков сайта.
  4. В качестве содержимого блоков ничего добавлять не нужно. Но можно задать минимальное оформление, например, цвет фона или картинку.
  5. Так как содержимого блоков нет, допустимо задать их размеры. Думаю, не нужно объяснять, почему лучше этого не делать в реальном макете.
  6. Выбрать один блок в макете и сверстать раскладку его элементов.

Что будет проверяться:

  • Подход к разбиению на блоки. Он не обязательно должен повторять подход, используемый в проекте.
  • Подход к построению сетки.
  • Подход к раскладке блока на элементы.
  • Используемые контейнеры.
  • Именование классов и используемые селекторы в CSS.

Процесс реализации

  1. Прочитать инструкцию по работе с онлайн-редактором Codepen.
  2. Зарегистрироваться в Codepen.
  3. После регистрации перейти по ссылке https://codepen.io/Netology/pen/YEOmPx.
  4. Нажать кнопку Fork.
  5. Выполнить домашнее задание.
  6. Нажать кнопку Save.
  7. Скопировать адрес из адресной строки браузера.
  8. В личном кабинете на сайте Нетологии открыть страницу домашней работы и вставить скопированную ссылку в поле «Комментарий к решению». Также вставить ссылку на выбранный вами оригинальный сайт.

Никакие файлы загружать не нужно.