HTML Разметка сайта,или же, как с нулевыми знаниями сделать сайт :)
Вкратце, я полный профан в web-разработке, но обстоятельства сложились так, что мне нужно сверстать сайт, который сам же и нарисовал. Мой опыт в вебе, примерно 4 часа.
Суть проблемы:
Я пытаюсь понять, как сделать правильную разметку сайта, что бы сразу сделать её верной, не колхозной и адаптивной.
Вот как это должно быть:
Честно говоря, я даже не знаю как правильно задать вам вопрос, на второй картинке, я попытался передать то, что нужно исправить и понять как это вообще работает.
Вот что есть сейчас:
Максимально колхозный код)
P.S: Если кто то будет править код, пожалуйста, напишите что именно вы изменили, почему, и зачем.
Также просьба к спецам, можете ли подсказать какие-нибудь адекватные и актуальные на 2020 год гайды, книги, вообще, откуда лучше всего черпать знания?
P.S.S: Прошу прощения, за столь банальные вопросы. Видимо, по мере проработки сайта, их будет очень много.
Ответы (1 шт):
скачать Visual Studio Code — редактор исходного кода
посмотреть и за одно сверстать 2-3 шаблона как минимум
первая ссылка
https://www.youtube.com/watch?v=ltMSrSis9ww&list=PLoq3Accf02PVdUqjqPdWMG4HbEZXlhICW&index=1
в этом курсе в 11 то ли в 12 видео используется jQuery вот с этого момента (мае мнение => хочеш по короткому но плохому пути посмотри и выучи jQuery если же по длинному но хорошему просто повторяй за ним но не вдавайся глубоко в детали а когда сделаешь все то что написано внизу учи javaScript внизу есть ссылка на хороший ресурс ) остальные сам поищи в youtube
для работы с psd можно использовать https://www.markupeasy.ru/ сам пользуюсь
ознакомся с методологией бэм
поищи видео или блог топ полезных плагинов для vscode облегчат жизнь
ознакомься с препроцессорами они нужны для сокращения написанного тобой кода на css я использую scss он древний но синтаксисом похож на css чем и нравится ps scss тоже что и sass отличие в отсутствии ; и {}
ознакомься с bootstrap многие любят это библиотека с готовыми кусочками кода плюс в просторах интернета много чего готового для решения тех или иных зодачь
после этого верстку сделать сможеш
и потом начнется сложная часть а именно javaScript(https://learn.javascript.ru/) , webpack , reack и тогдалие