From c32682b053bad2602a8c910cc7e4106acaefade1 Mon Sep 17 00:00:00 2001 From: MDN Date: Fri, 18 Mar 2022 00:13:02 +0000 Subject: [CRON] sync translated content --- files/ru/_redirects.txt | 2 + files/ru/_wikihistory.json | 14 +-- .../api/window/deviceorientation_event/index.html | 39 ++++++++ .../styling_a_biography_page/index.html | 105 +++++++++++++++++++++ .../using_your_new_knowledge/index.html | 104 -------------------- .../web/api/window/ondeviceorientation/index.html | 38 -------- 6 files changed, 153 insertions(+), 149 deletions(-) create mode 100644 files/ru/conflicting/web/api/window/deviceorientation_event/index.html create mode 100644 files/ru/learn/css/first_steps/styling_a_biography_page/index.html delete mode 100644 files/ru/learn/css/first_steps/using_your_new_knowledge/index.html delete mode 100644 files/ru/web/api/window/ondeviceorientation/index.html (limited to 'files/ru') diff --git a/files/ru/_redirects.txt b/files/ru/_redirects.txt index 1c06359a39..dbf6990fb3 100644 --- a/files/ru/_redirects.txt +++ b/files/ru/_redirects.txt @@ -171,6 +171,7 @@ /ru/docs/Learn/CSS/CSS_layout/Навыки_позиционирования /ru/docs/Learn/CSS/CSS_layout/Position_skills /ru/docs/Learn/CSS/CSS_layout/Нормальный_поток /ru/docs/Learn/CSS/CSS_layout/Normal_Flow /ru/docs/Learn/CSS/CSS_layout/Отзывчивый_дизайн /ru/docs/Learn/CSS/CSS_layout/Responsive_Design +/ru/docs/Learn/CSS/First_steps/Using_your_new_knowledge /ru/docs/Learn/CSS/First_steps/Styling_a_biography_page /ru/docs/Learn/CSS/First_steps/Как_структурирован_CSS /ru/docs/Learn/CSS/First_steps/How_CSS_is_structured /ru/docs/Learn/CSS/First_steps/Что_такое_CSS /ru/docs/Learn/CSS/First_steps/What_is_CSS /ru/docs/Learn/CSS/Introduction_to_CSS /en-US/docs/Learn/CSS/First_steps @@ -386,6 +387,7 @@ /ru/docs/Web/API/WebRTC_API/связь /ru/docs/Web/API/WebRTC_API/Connectivity /ru/docs/Web/API/Window/crypto /ru/docs/Web/API/crypto_property /ru/docs/Web/API/Window/mozAnimationStartTime /ru/docs/Web/API/Animation/startTime +/ru/docs/Web/API/Window/ondeviceorientation /ru/docs/conflicting/Web/API/Window/deviceorientation_event /ru/docs/Web/API/Window/ongamepadconnected /ru/docs/conflicting/Web/API/Window/gamepadconnected_event /ru/docs/Web/API/Window/ongamepaddisconnected /ru/docs/conflicting/Web/API/Window/gamepaddisconnected_event /ru/docs/Web/API/Window/performance /ru/docs/Web/API/performance_property diff --git a/files/ru/_wikihistory.json b/files/ru/_wikihistory.json index 1bae2b40bf..74e40ecc51 100644 --- a/files/ru/_wikihistory.json +++ b/files/ru/_wikihistory.json @@ -2226,7 +2226,7 @@ "Immdevrov" ] }, - "Learn/CSS/First_steps/Using_your_new_knowledge": { + "Learn/CSS/First_steps/Styling_a_biography_page": { "modified": "2020-12-03T17:31:51.841Z", "contributors": [ "RoPy73", @@ -11292,12 +11292,6 @@ "ShantyHoz" ] }, - "Web/API/Window/ondeviceorientation": { - "modified": "2019-03-23T22:29:46.961Z", - "contributors": [ - "timur-gilauri" - ] - }, "Web/API/Window/onpaint": { "modified": "2019-03-23T22:08:47.903Z", "contributors": [ @@ -24229,6 +24223,12 @@ "akhabibullina" ] }, + "conflicting/Web/API/Window/deviceorientation_event": { + "modified": "2019-03-23T22:29:46.961Z", + "contributors": [ + "timur-gilauri" + ] + }, "conflicting/Web/API/Window/gamepadconnected_event": { "modified": "2020-11-17T12:43:15.635Z", "contributors": [ diff --git a/files/ru/conflicting/web/api/window/deviceorientation_event/index.html b/files/ru/conflicting/web/api/window/deviceorientation_event/index.html new file mode 100644 index 0000000000..7ce1ddf2cf --- /dev/null +++ b/files/ru/conflicting/web/api/window/deviceorientation_event/index.html @@ -0,0 +1,39 @@ +--- +title: Window.ondeviceorientation +slug: conflicting/Web/API/Window/deviceorientation_event +tags: + - API + - Мобильные устройства + - Ориентация + - Ориентация устройства + - Свойства +translation_of: Web/API/Window/ondeviceorientation +original_slug: Web/API/Window/ondeviceorientation +--- +

{{ ApiRef() }}

+ +

Кратко

+ +

Обработчик события {{event('deviceorientation')}}, который содержит информацию об изменении относительной ориентации устройства.

+ +

Синтаксис

+ +
window.ondeviceorientation = function(event) { ... };
+window.addEventListener('deviceorientation', function(event) { ... });
+
+ +

Спецификации

+ +{{Specifications}} + +

Совместимость с браузерами

+ +

{{ page("/en-US/docs/Web/API/DeviceOrientationEvent","Browser_compatibility") }}

+ +

Смотрите также

+ + diff --git a/files/ru/learn/css/first_steps/styling_a_biography_page/index.html b/files/ru/learn/css/first_steps/styling_a_biography_page/index.html new file mode 100644 index 0000000000..028424217d --- /dev/null +++ b/files/ru/learn/css/first_steps/styling_a_biography_page/index.html @@ -0,0 +1,105 @@ +--- +title: Использование ваших новых знаний +slug: Learn/CSS/First_steps/Styling_a_biography_page +tags: + - Beginner + - CSS + - Learn + - Playground + - Начинающий + - Обучение +translation_of: Learn/CSS/First_steps/Using_your_new_knowledge +original_slug: Learn/CSS/First_steps/Using_your_new_knowledge +--- +

{{LearnSidebar}}{{PreviousMenu("Learn/CSS/First_steps/How_CSS_works", "Learn/CSS/First_steps")}}

+ +
+
С учётом того что вы узнали за последние несколько уроков, вы должны обнаружить, что вы можете форматировать простые текстовые документы с использованием CSS, чтобы добавить к ним свой собственный стиль. Эта статья даёт вам возможность сделать это.
+
+ + + + + + + + + + + + +
Необходимые знания:Перед тем как начать, вы должны разобраться в основах CSS и HTML (смотрите Введение в HTML).
Задача:Попрактиковать использование CSS с вашими новыми знаниями.
+ +

Перед началом

+ +

Вы можете писать код в редакторе ниже или скачать исходный код, чтобы работать в вашем собственном редакторе. Это страница с кодом HTML и CSS внутри него. Если вам так удобнее, вы можете переместить CSS в отдельный файл на вашем компьютере. Или вы можете использовать онлайн-редакторы, такие как CodePen, jsFiddle или Glitch.

+ +
+

Примечание: Если у вас не получается, попросите о помощи — читайте раздел {{anch("Помощь")}} с кодом ниже.

+
+ +

Работа с CSS

+ +

В следующем примере демонстрируется биография, стилизованная с помощью CSS. Каждое использованное мной свойство CSS — ссылка на соответствующую страницу MDN.

+ + + +

Я использовал разные селекторы, такие как h1 и h2, а также создал класс для названия профессии для его стилизации.

+ +

Измените значения свойств CSS, чтобы поменять внешний вид биографии.

+ +
    +
  1. Сделайте заголовок розовым, используя CSS-цвет hotpink.
    2. +
  2. Значение свойства заголовка {{cssxref("border-bottom")}} сделайте пунктирным (10px dotted) и добавьте цвет purple.
    3. +
  3. Примените к подзаголовку <h2> курсив.
    4. +
  4. Установите цвет #eeeeee для фона {{cssxref("background-color")}} маркированного списка с контактными данными и значение 5px solid purple для {{cssxref("border")}}. Используйте {{cssxref("padding")}}, чтобы отделить содержимое блока от границы.
    5. +
  5. Сделайте ссылки зелёными при наведении.
    6. +
+ +

У вас должно получиться примерно как-то так:

+ +

Screenshot of how the example should look after completing the assessment.

+ +

После этого попробуйте использовать селекторы, не указанные здесь, но описанные в Руководстве по CSS. Не бойтесь ошибок — практикуйтесь!

+ +

Помните: тут нет неверного решения — сейчас вы предоставлены сами себе; развлекайтесь!

+ +

{{EmbedGHLiveSample("css-examples/learn/getting-started/biog.html", '100%', 1600)}} 

+ +

Помощь

+ +

Если вы хотите, чтобы вашу работу оценили, или вы не справляетесь, и вам нужна помощь:

+ +
    +
  1. Загрузите ваш код на CodePen, jsFiddle или Glitch.
    2. +
  2. Напишите пост с просьбой о помощи и / или оценке на форуме MDN. Добавьте тег "learning" к вашему посту, чтобы нам легче было его найти. В вашем посте должны быть: +
      +
    • Заголовок с описанием наподобие "Assessment wanted for CSS First Steps".
      • +
    • Описание того, что вам нужно, — к примеру, что вы уже пробовали, что у вас не получается и вам нужна помощь.
      • +
    • Ссылка на ваш код в онлайн-редакторе.
      • +
    • Ссылка на страницу о помощи, чтобы мы смогли помочь вам с вашим вопросом.
      • +
    +
    3. +
+ +

Что дальше?

+ +

Поздравляем вас с завершением первого модуля! Теперь вы неплохо разбираетесь в CSS и можете разобраться в таблицах стилей. В следующем модуле, Как устроен CSS, мы глубже разберёмся в некоторых аспектах языка.

+ +

{{PreviousMenu("Learn/CSS/First_steps/How_CSS_works", "Learn/CSS/First_steps")}}

+ +

В этом модуле

+ +
    +
  1. Что такое CSS?
    2. +
  2. Начало работы с CSS
    3. +
  3. Как структурирован CSS
    4. +
  4. Как работает CSS
    5. +
diff --git a/files/ru/learn/css/first_steps/using_your_new_knowledge/index.html b/files/ru/learn/css/first_steps/using_your_new_knowledge/index.html deleted file mode 100644 index a330376ca0..0000000000 --- a/files/ru/learn/css/first_steps/using_your_new_knowledge/index.html +++ /dev/null @@ -1,104 +0,0 @@ ---- -title: Использование ваших новых знаний -slug: Learn/CSS/First_steps/Using_your_new_knowledge -tags: - - Beginner - - CSS - - Learn - - Playground - - Начинающий - - Обучение -translation_of: Learn/CSS/First_steps/Using_your_new_knowledge ---- -

{{LearnSidebar}}{{PreviousMenu("Learn/CSS/First_steps/How_CSS_works", "Learn/CSS/First_steps")}}

- -
-
С учётом того что вы узнали за последние несколько уроков, вы должны обнаружить, что вы можете форматировать простые текстовые документы с использованием CSS, чтобы добавить к ним свой собственный стиль. Эта статья даёт вам возможность сделать это.
-
- - - - - - - - - - - - -
Необходимые знания:Перед тем как начать, вы должны разобраться в основах CSS и HTML (смотрите Введение в HTML).
Задача:Попрактиковать использование CSS с вашими новыми знаниями.
- -

Перед началом

- -

Вы можете писать код в редакторе ниже или скачать исходный код, чтобы работать в вашем собственном редакторе. Это страница с кодом HTML и CSS внутри него. Если вам так удобнее, вы можете переместить CSS в отдельный файл на вашем компьютере. Или вы можете использовать онлайн-редакторы, такие как CodePen, jsFiddle или Glitch.

- -
-

Примечание: Если у вас не получается, попросите о помощи — читайте раздел {{anch("Помощь")}} с кодом ниже.

-
- -

Работа с CSS

- -

В следующем примере демонстрируется биография, стилизованная с помощью CSS. Каждое использованное мной свойство CSS — ссылка на соответствующую страницу MDN.

- - - -

Я использовал разные селекторы, такие как h1 и h2, а также создал класс для названия профессии для его стилизации.

- -

Измените значения свойств CSS, чтобы поменять внешний вид биографии.

- -
    -
  1. Сделайте заголовок розовым, используя CSS-цвет hotpink.
    2. -
  2. Значение свойства заголовка {{cssxref("border-bottom")}} сделайте пунктирным (10px dotted) и добавьте цвет purple.
    3. -
  3. Примените к подзаголовку <h2> курсив.
    4. -
  4. Установите цвет #eeeeee для фона {{cssxref("background-color")}} маркированного списка с контактными данными и значение 5px solid purple для {{cssxref("border")}}. Используйте {{cssxref("padding")}}, чтобы отделить содержимое блока от границы.
    5. -
  5. Сделайте ссылки зелёными при наведении.
    6. -
- -

У вас должно получиться примерно как-то так:

- -

Screenshot of how the example should look after completing the assessment.

- -

После этого попробуйте использовать селекторы, не указанные здесь, но описанные в Руководстве по CSS. Не бойтесь ошибок — практикуйтесь!

- -

Помните: тут нет неверного решения — сейчас вы предоставлены сами себе; развлекайтесь!

- -

{{EmbedGHLiveSample("css-examples/learn/getting-started/biog.html", '100%', 1600)}} 

- -

Помощь

- -

Если вы хотите, чтобы вашу работу оценили, или вы не справляетесь, и вам нужна помощь:

- -
    -
  1. Загрузите ваш код на CodePen, jsFiddle или Glitch.
    2. -
  2. Напишите пост с просьбой о помощи и / или оценке на форуме MDN. Добавьте тег "learning" к вашему посту, чтобы нам легче было его найти. В вашем посте должны быть: -
      -
    • Заголовок с описанием наподобие "Assessment wanted for CSS First Steps".
      • -
    • Описание того, что вам нужно, — к примеру, что вы уже пробовали, что у вас не получается и вам нужна помощь.
      • -
    • Ссылка на ваш код в онлайн-редакторе.
      • -
    • Ссылка на страницу о помощи, чтобы мы смогли помочь вам с вашим вопросом.
      • -
    -
    3. -
- -

Что дальше?

- -

Поздравляем вас с завершением первого модуля! Теперь вы неплохо разбираетесь в CSS и можете разобраться в таблицах стилей. В следующем модуле, Как устроен CSS, мы глубже разберёмся в некоторых аспектах языка.

- -

{{PreviousMenu("Learn/CSS/First_steps/How_CSS_works", "Learn/CSS/First_steps")}}

- -

В этом модуле

- -
    -
  1. Что такое CSS?
    2. -
  2. Начало работы с CSS
    3. -
  3. Как структурирован CSS
    4. -
  4. Как работает CSS
    5. -
diff --git a/files/ru/web/api/window/ondeviceorientation/index.html b/files/ru/web/api/window/ondeviceorientation/index.html deleted file mode 100644 index 97709fa1ad..0000000000 --- a/files/ru/web/api/window/ondeviceorientation/index.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: Window.ondeviceorientation -slug: Web/API/Window/ondeviceorientation -tags: - - API - - Мобильные устройства - - Ориентация - - Ориентация устройства - - Свойства -translation_of: Web/API/Window/ondeviceorientation ---- -

{{ ApiRef() }}

- -

Кратко

- -

Обработчик события {{event('deviceorientation')}}, который содержит информацию об изменении относительной ориентации устройства.

- -

Синтаксис

- -
window.ondeviceorientation = function(event) { ... };
-window.addEventListener('deviceorientation', function(event) { ... });
-
- -

Спецификации

- -{{Specifications}} - -

Совместимость с браузерами

- -

{{ page("/en-US/docs/Web/API/DeviceOrientationEvent","Browser_compatibility") }}

- -

Смотрите также

- - -- cgit v1.2.3-54-g00ecf