Как правильно, быстро и без вырванных волос сверстать html css из шаблона?

Мой порядок таков:
1) Разбить всю страницу на блоки, header, главный блок, рекламный блок и т.п.
2) Начать делать
3) Приступил
4) Ступор...
Я прекрасно знаю как сверстать каждый блок, но как дело доходит до страницы все теряется, как лучше поступить?
  • Вопрос задан
  • 2865 просмотров
Решения вопроса 5
Я делаю сначала html разметку всех страниц, затем определяю стили шрифта для p, a, h1, h2, h3 и т.д Затем делаю сетку всех страниц, после чего сверху вниз верстаю все элементы с уже рабочей сеткой. Элементы сетки нельзя позиционировать абсолютно. Если все так плохо, то на HtmlAcademy можно пройти эпичный курс Кексби, там поэтапно делается сайт
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
1. Сетка (+подключение необходимых js/css) с расположением динамически подгружаемых блоков. Используем https://github.com/xmoonlight/includeHTML
2. Общий CSS
3. Отдельные блоки (меню, header, footer и т.д.)
4. Добавление стилей для блоков в общий CSS по мере необходимости.

В итоге - имеем несколько html-файлов с разными частями кода для каждого из блоков, которые будут грузиться согласно сетке расположения в единую HTML-страницу.
Ответ написан
Sanes
@Sanes
!
Или сверху вниз или от общего к частному.
Ответ написан
@lionkka
Ступор скорее от боязни, как с английским, просто посмотрите видео как верстают полностью страницу. Например такое https://youtu.be/7gjxE_VEA_4
Или есть целый сайт, где вы просто смотрите как кто-то что-то делает https://www.livecoding.tv/
Ответ написан
lxsmkv
@lxsmkv
Test automation engineer
ну верстайте блоки и вставляйте в предназначеные для этого места. Не очень понимю отчего ступор.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы