Каким образом я должен разработать макет веб-сайта?

#html #css #flexbox #grid

#HTML #css #flexbox #сетка

Вопрос:

Я новичок в веб-дизайне. Теперь я часто использую свойство float для разработки своих макетов. Я также немного узнал как о grid-системе, так и о системе flexbox. Мой вопрос в том, какой метод мне следует использовать и почему, существует ли какой-либо другой метод, кроме floats, grids и flexbox, для разработки макета веб-сайта? Если да, пожалуйста, объясните.

Комментарии:

1. Вы должны выполнить цикл в bootstrap. getbootstrap.com/docs/4.3/getting-started/introduction

2. Прежде чем что-либо делать, просто проверьте статистику на caniuse.com Таким образом, вы можете четко понимать, в каком формате вы должны создавать свой дизайн

3. Ваш вопрос полностью сводится к личному мнению.

Ответ №1:

Как заявляли другие, ни один метод не является всеобъемлющим. Если бы он был, мы все использовали бы его и ничего больше.

Однако, похоже, вы можете спросить, лучше ли flex, чем grid, grid лучше, чем flex, floats лучше, чем grid и т.д. Я использую комбинацию всего этого в большинстве проектов, над которыми я работаю. У каждого из них есть сильные и слабые стороны, которые необходимо использовать или избегать в определенных ситуациях.

Однако вам необходимо будет знать о поддержке браузера (или ее отсутствии) и предоставить резервные варианты для этих случаев (например, CSS-сетки и IE11).

Ответ №2:

Лучший способ разработать макет вашего сайта — начать с листа бумаги и карандаша. Нарисуйте грубые наброски того, где вы представляете различные части сайта, какая страница ведет на другую страницу и т.д. Затем выясните, как сделать все это функциональным.

Не существует одного метода кодирования, вы разрабатываете свой стиль на основе опыта использования комбинации любого из нескольких языков кодирования. Сначала решите, что вы хотите видеть на своей странице, затем ищите решение. Это процесс.

Комментарии:

1. Пожалуйста, прочитайте описание полностью. Я ищу стандартный метод кодирования, а не концепцию.

2. (Отредактированный ответ) Пожалуйста, поймите, что не существует единого языка программирования, который сделает все это. Вы только начинаете учиться, воспользуйтесь несколькими онлайн-уроками, посмотрите видео на YouTube, никогда не прекращайте учиться.