Как разделить на области сайт

@Gjf · Регистрация: 17.05.2016

Студворк — интернет-сервис помощи студентам

Как разделить на области сайт лендинг.

1 область на весь экран, как в лендинге.

Qwerty_Wasd · 05.02.2018, 13:27

Gjf, к примеру - песочница

HTML5
1
2
<div class="first-screen">Первая область</div>
<div class="second-screen">Вторая область</div>

CSS
1
2
3
4
5
*{marging:0;padding:0;box-sizing:border-box;font-size:30px;font-weight:bolder}
html,body{height:100%;width:100%;}
.first-screen,.second-screen{height:100vh;width:100%;text-align:center}
.first-screen{background:#29B6F6}
.second-screen{background:#E57373}

@Gjf · 05.02.2018, 14:01 **[ТС]**

а как сделать чтобы переходил по кнопке с первой области на вторую?

Qwerty_Wasd · 05.02.2018, 15:07

Gjf, по якорю например. И упреждая возможный ход событий, вы начните делать, что не будет получаться выкладывайте сюда - поможем. А то щас начнется - а сделайте мне то, это и вот то.

Добавлено через 1 минуту
Кстати, вот вам хороший ресурс, который ответит на 90% ваших вопросов =>ТЫК<=

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@Gjf 0 / 0 / 0 Регистрация: 17.05.2016 Сообщений: 107

	Как разделить на области сайт 05.02.2018, 09:22. Показов 3475. Ответов 3 Метки нет (Все метки) Как разделить на области сайт лендинг. 1 область на весь экран, как в лендинге. 0

@Gjf 0 / 0 / 0 Регистрация: 17.05.2016 Сообщений: 107
	05.02.2018, 14:01 [ТС]
	а как сделать чтобы переходил по кнопке с первой области на вторую? 0

Qwerty_Wasd 2151 / 1496 / 651 Регистрация: 16.04.2016 Сообщений: 3,696
	05.02.2018, 15:07
	Gjf, по якорю например. И упреждая возможный ход событий, вы начните делать, что не будет получаться выкладывайте сюда - поможем. А то щас начнется - а сделайте мне то, это и вот то. Добавлено через 1 минуту Кстати, вот вам хороший ресурс, который ответит на 90% ваших вопросов =>ТЫК<= 1