Илья Ростопка:
3. Хорошо. Каким тогда образом зафиксировать прокрутку на разных разрешениях? Искал в гугле, не нашел. Разжевывать не надо, просто ссылку на статью, гайд или документацию. Можно на английском.
4. К чему применить эти маргины? <body>? <div class="container">? <div class="main">?
Какую сетку взять за основу?
KazeZlat:
Благодарю за скорый ответ.
4. Вариант с main посередине мне больше нравится. Тогда получается, что у меня трехколоночный макет, где два сайдбара по бокам в пикселях, а основной блок в процентах?
P.S. Не разобрался как адекватно наложить эту тень внизу экрана.
Большое спасибо за комментарий.
Так понимаю, что надо будет прочитать документацию для этого fullpage.js. JS знаю крайне плохо, на уровне вывода alert. Стараюсь не распыляться на все три языка сразу (HTML, CSS, JS), а наработать опыт верстки с первыми двумя, потому что уже понял, что с JS "чем дальше в лес, тем больше дров".
С флексами не совсем удается. Понял, как размещать блоки, однако с этим макетом это так не работает. Нужно разместить блоки разных размеров в разных местах. Неужели надо делать пустые и задавать размеры?
3. Сделал левый блок на флексе. Не совсем понял, как задавать размер блокам так, чтобы они занимали определенное пространство?
Разбил элементы на три блока, блоку задал фиксированую ширину в 110px, отцентровал три блока по вертикали, затем наложил сверху черную точку.
4. Именно поэтому не сделал справа такой же сайдбар, хотя по идее он не должен сильно отличаться от левого. Задать width: 110px, затем центр по вертикали, задать блокам определенные размеры?
Пытался так сделать, но из-за позиционирования других блоков-элементов относительно родителя в <div class="main">, он вылетает напрочь за пределы страницы.
5. Если JS, то где искать туториал? Откровенно говоря, знания языка у меня почти нулевые. Взялся за макет, чтобы упрочить навыки вёрстки, в процессе обучаться благодаря решению появляющихся проблем и задач.
Если хотя бы на уровне "скопировал-вставил", это реализуемо?
7. Сделал минимальные эффекты для черных элементов. Для белых не приходит в голову, что и сделать.
P.S. Шрифты заменил.
Спасибо за скорый ответ!
Любой должен иметь название?
должен означать БЭМ? Т.е. первым должен идти "блок", затем "элемент", потом уже "модификатор"? Нельзя "блок-элемент-элемент"?
Следовательно, я неправильно понял суть, буду штудировать дальше.
Сайт хостится на конструкторе, где нет возможности подключать свои .css, поэтому прописываю в файле. В будущем куплю хостинг.
Три с минусом? Для меня это похвала. Восьмой день учусь вёрстке.
Дивам тоже max-width: 100% задавать?
Моя логика такая: пока я научусь сносно верстать, Grid станет популярнее. К тому времени, уже буду в курсе того, как и что при помощи его делать. Плюс мне безумно нравится его лаконичность и простота.
1. Конструктор лендингов есть. На нем сайт и "сидит". Есть вариант поколдовать в нём и сделать непохожий на прежний лендинг.
2. Прежде всего, мне жутко интересно, как это всё работает. Копаюсь в коде страницы (могу ссылку дать). Смотрю, как называются элементы, какие у них стили и пр.
3. Заранее говорю, что не прошу сделать работу за меня. Это не нужно хотя бы потому, что сам хочу научиться это делать своими руками. Раньше к веб-программированию близок не был, сейчас появилась возможность получить опыт и знания с нуля. Для меня это бесценная возможность научиться всему, что ранее было тайной за семью печатями.
4. В коде страницы есть ссылки на CSS файлы, однако редактировать их не могу. Открываются в странице браузера. Как можно открыть и отредактировать их?
