Как применять полученные знания на практике?

Здравствуйте, вопрос следующий.

Версткой занимаюсь не так давно, и пока-что была только теория, но как только нужно применить мои теоретические знания на практике... Впадаю в ступор, смотрю на макет и не знаю что мне с ним делать, с чего начать, как правильно верстать и т.д. Буду рад всему что здесь будет написано по сабжу.
  • Вопрос задан
  • 1089 просмотров
Пригласить эксперта
Ответы на вопрос 2
andykov
@andykov
Shit happens
Для начала начинайте визуально размечать макет на секции.
Возьмем к примеру такой макет, оригинал
В данном случае можно разделить на:
1. Шапка (включает логотип, меню и кнопки поиска с корзиной)
2. Блок с фоновым изображением и вступительным текстом
3. Слайдер
4. Каталог
5. Подписка
6. Рекомендованные товары с фильтром
7. Форма обратной связи
8. Подвал

В каждой секции соответственно свои элементы.
Потом определите ширину контентной области и начинайте верстать сверху вниз.
Сначала сделайте разметку, потом наполните контентом по макету и далее пишите стили дополняя/изменяя по необходимости разметку.

Насчет того, как правильно верстать, не зацикливайтесь сейчас на этом. Не бойтесь что есть сомнения, это нормально, так приходит опыт ибо мозг начинает думать и искать решения. Пусть будут ошибки и жуткий говнокод, через какое то время взгляните на свои первые работы и спросите себя "это я что ли написал?")). Все через это проходили.

Главное начать, а не тупо пялится в монитор!

UPD:
www.youtube.com/watch?v=98rUSTa5-dE
www.youtube.com/watch?v=YzivmuO8Vzs
Ответ написан
Комментировать
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы