Делаем Основную сетку сайта и начинаем верстать шапку
Для начала , как не сложо догадаться нужно разобраться с самыми базовыми вещами в HTML и CSS чтобы худо-бедно сверстать прототип страницы.
Потратив некоторое количество времени на изучение тегов HTML и базовую работу с селекторами CSS я начал делать первую страничку своего НН проекта.
Дальше понадобилось напрячь свою думалку и понять каким я хочу видеть свой первый сайт. Тут можно набросать примерный вариант в paint, либо использовать уже какой-то готовый сайт (мой выбор), но только не копируя его исходный код, а на глаз сделать также (как же я об этом пожалею наверное).
Для примера взял какой-то сайт для поиска работы
С макетом определились, дальше нужно было сверстать это чудо (или что-то издалека похожее).
Первые проблемы я испытал уже при создании "Шапки сайта" потому что поиск, который задуман макетом находится сильно левее остальных элементов.
Саму шапку делаю списком через тег <ul>, хотя были ещё варианты сделать её всю через теги <div> и ссылки <a>, но посчитал что списком будет легче
Пытался его вынести за предел списка и оформить через <div>, но тогда он оказывался не в уровень с остальными элементами, попытки их выровнять оказались безуспешные,
поэтому вернул его в список и через псевдокласс в CSS :first-child сделал внешний отступ справа больше и выровнял его.
Дальше осталось разобраться с правыми кнопками, которые будут отвечать за вход и регистрацию, т.к. планируется сделать блог с возможностью регистрации, чтобы изучить это всё тоже.
Кнопки регистрации и входа переместились довольно легко, благодаря простому обтеканию, прописанному по их классу. а Отступ от поиска был скорректирован с фиксированного значения (px) в плавающее значение (%)