Rémi Fortier
parent
89e7b2fb02
commit
03fe194d21
|
|
@ -44,6 +44,20 @@
|
|||
"Каждое испытание имеет функцию проверки решения, которую вы можете запустить в любой момент нажатием на кнопку \"Run tests\". Как только ваше решение будет удовлетворять всем требованиям, вы сможете перейти к следующему испытанию.",
|
||||
"Для прохождения этого испытания измените текст элемента <code>h1</code> с \"Hello\" на \"Hello World\". Затем нажмите кнопку \"Run tests\"."
|
||||
],
|
||||
"titleFR": "Dites bonjour aux éléments HTML",
|
||||
"descriptionFR": [
|
||||
"Bienvenue au premier défi de code de Free Code Camp.",
|
||||
"Vous pouvez modifier le <code>code</code> dans votre <code>éditeur texte</code>, lequel est disponible dans cette page.",
|
||||
"Voyez-vous le code dans l'éditeur texte qui dit <code><h1>Hello</h1></code>? C'est un <code>élément</code> HTML.",
|
||||
"La plupart des éléments HTML ont une <code>balise ouvrante</code> et une <code>balise fermante</code>",
|
||||
"Les balises ouvrantes ont cette apparence :",
|
||||
"<code><h1></code>",
|
||||
"Les balises fermantes ont cette apparence :",
|
||||
"<code></h1></code>",
|
||||
"Notez que la seule différence entre une balise ouvrante et fermante est que la balise fermante a une barre oblique après son chevron ouvrant.",
|
||||
"Chaque défi contient des tests que vous pouvez éxécuter en cliquant sur le bouton \"Run tests\". Lorsque tous les tests sont réussis, vous pouvez poursuivre avec le défi suivant.",
|
||||
"Pour réussir le test de ce défi, changez le texte de l'élément <code>h1</code> pour \"Hello World\" plutôt que \"Hello\". Cliquez ensuite sur le bouton \"Run tests\"."
|
||||
],
|
||||
"title": "Say Hello to HTML Elements",
|
||||
"description": [
|
||||
"Welcome to Free Code Camp's first coding challenge.",
|
||||
|
|
@ -108,6 +122,14 @@
|
|||
"Этот элемент сообщает браузеру о структуре вашего web-сайта. Элементы <code>h1</code> часто применяют в качестве главных заголовков, в то время как элементы <code>h2</code> обычно используют для обозначения позаголовков. Также существуют элементы <code>h3</code>, <code>h4</code>, <code>h5</code> и <code>h6</code> для обозначения отдельных секций.",
|
||||
"Добавьте метку <code>h2</code> с текстом \"CatPhotoApp\" для создания второго HTML <code>элемента</code> под вашим элементом <code>h1</code> с текстом \"Hello World\"."
|
||||
],
|
||||
"titleFR": "Un titre avec l'élément h2",
|
||||
"descriptionFR": [
|
||||
"Pour les quelques prochains défis, nous construirons une application HTML5 qui ressemblera à ceci :",
|
||||
"<a href=\"//i.imgur.com/jOc1JF1.png\" data-lightbox=\"img-enlarge\"><img class=\"img-responsive\" src=\"//i.imgur.com/jOc1JF1.png\" title=\"Cliquez pour agrandir\" alt=\"Une capture écran de notre application de photo de chats\"></a>",
|
||||
"L'élément <code>h2</code> que vous entrerez créera un élément <code>h2</code> sur le site.",
|
||||
"Cet élément renseigne votre navigateur sur la structure de votre site. Les éléments <code>h1</code> sont souvent utilisés comme titre, tandis que les éléments <code>h2</code> sont généralement utilisés comme sous-titres. Il existe également les éléments <code>h3</code>, <code>h4</code>, <code>h5</code> et <code>h6</code> qui indiquent une nouvelle et différente section.",
|
||||
"Ajoutez une balise <code>h2</code> contenant \"CatPhotoApp\" pour créer un second <code>élément</code> HTML sous l'élément <code>h1</code> contenant \"Hello World\"."
|
||||
],
|
||||
"title": "Headline with the h2 Element",
|
||||
"description": [
|
||||
"Over the next few challenges, we'll build an HTML5 app that will look something like this:",
|
||||
|
|
@ -160,6 +182,13 @@
|
|||
"<code><p>Я метка p!</p></code>",
|
||||
"Создайте элемент <code>p</code> под вашим элементом <code>h2</code> и присвойте ему текст \"Hello Paragraph\"."
|
||||
],
|
||||
"titleFR": "Informez avec l'élément paragraphe",
|
||||
"descriptionFR": [
|
||||
"L'élément <code>p</code> est le préféré pour les textes de paragraphes de taille normale. P est l'acronyme de \"paragraphe\",",
|
||||
"Vous pouvez créer un élément <code>p</code> comme ceci :",
|
||||
"<code><p>Je suis une balise p!</p></code>",
|
||||
"Créez un élément <code>p</code> sous votre élément <code>h2</code> et inscrivez-y le texte \"Hello Paragraph\"."
|
||||
],
|
||||
"title": "Inform with the Paragraph Element",
|
||||
"description": [
|
||||
"<code>p</code> elements are the preferred element for normal-sized paragraph text on websites. P is short for \"paragraph\".",
|
||||
|
|
@ -209,6 +238,13 @@
|
|||
"Вы можете начать комментарий с <code><!--</code> и закончить его <code>--></code>",
|
||||
"Раскомментируйте свои элементы <code>h1</code>, <code>h2</code> и <code>p</code>."
|
||||
],
|
||||
"titleFR": "Décommenter du HTML",
|
||||
"descriptionFR": [
|
||||
"Commenter est une façon de laisser des commentaires dans votre code sans affecter le fonctionnement du code.",
|
||||
"Commenter est aussi un moyen pratique de rendre du code inactif sans devoir le supprimer entièrement.",
|
||||
"Vous pouvez débuter un commentaire avec <code><!--</code> et le terminer avec <code>--></code>.",
|
||||
"Décommenter vos éléments <code>h1</code>, <code>h2</code> et <code>p</code>."
|
||||
],
|
||||
"title": "Uncomment HTML",
|
||||
"description": [
|
||||
"Commenting is a way that you can leave comments within your code without affecting the code itself.",
|
||||
|
|
@ -261,6 +297,12 @@
|
|||
"Тут вам необходимо завершить комментарий до начала вашего элемента <code>h2</code>.",
|
||||
"Закомментируйте ваши элементы <code>h1</code> и <code>p</code>, но оставьте ваш элемент <code>h2</code> раскомментированным."
|
||||
],
|
||||
"titleFR": "Commentez du HTML",
|
||||
"descriptionFR": [
|
||||
"Souvenez-vous que pour débuter un commentaire, vous devez utiliser <code><!--</code> et que pour le terminer, vous devez utiliser <code>--></code>.",
|
||||
"Ici vous devrez terminer le commentaire juste avant que l'élément <code>h2</code> commence.",
|
||||
"Commentez les éléments <code>h1</code> et <code>p</code>, mais laissez l'élément <code>h2</code> tel quel."
|
||||
],
|
||||
"title": "Comment out HTML",
|
||||
"description": [
|
||||
"Remember that in order to start a comment, you need to use <code><!--</code> and to end a comment, you need to use <code>--></code>",
|
||||
|
|
@ -314,7 +356,14 @@
|
|||
"Текст <code>lorem ipsum</code> применяется в качестве замещающего текста наборщиками с 16-го века, и эта традиция продолжается в сети.",
|
||||
"5 веков довольно долгий период. Так как мы строим приложение CatPhotoApp, давайте используем нечто называемое текстом <code>kitty ipsum</code>.",
|
||||
"Замените текст внутри вашего элемента <code>p</code> первыми двумя словами текста <code>kitty ipsum</code>: <code>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</code>"
|
||||
],
|
||||
],
|
||||
"titleFR": "Remplissez les blancs avec du faux-texte",
|
||||
"descriptionFR": [
|
||||
"Les développeurs Web utilisent traditionnellement du <code>lorem ipsum</code> comme texte de substitution. Le texte lorem ipsum provient d'un extrait de Cicero, de la Rome antique.",
|
||||
"Le texte lorem ipsum a été utilisé comme faux-texte par des typographes depuis le 16<sup>ème</sup> siècle et cette tradition se poursuit sur le Web.",
|
||||
"Enfin, 5 siècles est suffisament long. Étant donné que nous fabriquons une application de photos de chats, utilisons plutôt du texte <code>Kitty ipsum</code>.",
|
||||
"Remplacez le texte à l'intérieur des éléments <code>p</code> avec ces quelques mots du texte Kitty ipsum : <code>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</code>"
|
||||
],
|
||||
"title": "Fill in the Blank with Placeholder Text",
|
||||
"description": [
|
||||
"Web developers traditionally use <code>lorem ipsum text</code> as placeholder text. The 'lorem ipsum' text is randomly scraped from a famous passage by Cicero of Ancient Rome.",
|
||||
|
|
@ -362,6 +411,12 @@
|
|||
"Давайте удалим некоторые ненужные элементы, чтобы мы могли приступить к созданию приложения CatPhotoApp.",
|
||||
"Удалите ваш <code>h1</code> элемент, чтобы упростить общий вид."
|
||||
],
|
||||
"titleFR": "Supprimer des éléments HTML",
|
||||
"descriptionFR": [
|
||||
"Notre téléphone n'a pas beaucoup d'espace vertical.",
|
||||
"Enlevons les éléments superflus pour débuter la construction de notre application de photos de chats.",
|
||||
"Supprimez l'élément <code>h1</code> afin de simplifier l'affichage."
|
||||
],
|
||||
"title": "Delete HTML Elements",
|
||||
"description": [
|
||||
"Our phone doesn't have much vertical space.",
|
||||
|
|
@ -418,6 +473,15 @@
|
|||
"<code><h2 style=\"color: blue\">CatPhotoApp</h2></code>",
|
||||
"Измените стиль вашего элемента <code>h2</code> таким образом, чтобы текст элемента стал красным."
|
||||
],
|
||||
"titleFR": "Changer la couleur du texte",
|
||||
"descriptionFR": [
|
||||
"Changeons maintenant la couleur de quelques-uns de nos textes.",
|
||||
"Nous pouvons le faire en changeant le <code>style</code> de votre élément <code>h2</code>.",
|
||||
"Le style responsable de la couleur de texte d'un élément est \"color\".",
|
||||
"Voici comment changer en bleu la couleur du texte de votre élément <code>h2</code> :",
|
||||
"<code><h2 style=\"color: blue\">CatPhotoApp</h2></code>",
|
||||
"Changez le style de votre élément <code>h2</code> pour que son texte soit de couleur rouge."
|
||||
],
|
||||
"title": "Change the Color of Text",
|
||||
"description": [
|
||||
"Now let's change the color of some of our text.",
|
||||
|
|
@ -486,6 +550,18 @@
|
|||
"Обратите внимание, что важно наличие открывающих и закрывающих фигурных скобок (<code>{</code> и <code>}</code>) вокруг стиля каждого элемента. Также вам необходимо убедиться в том, что стиль элемента присвоен внутри элемента <code>style</code>. В завершении, убедитесь, что строка объявления каждого элемента стиля должна заканчиваться точкой с запятой.",
|
||||
"Удалите атрибут стиль вашего элемента <code>h2</code> и взамен создайте CSS-элемент <code>style</code>. Добавьте необходимый CSS, чтобы все элементы <code>h2</code> стали синими."
|
||||
],
|
||||
"titleFR": "Utiliser les sélecteurs CSS pour styliser des éléments",
|
||||
"descriptionFR": [
|
||||
"Avec CSS, il y a des centaines de <code>propriétés</code> que vous pouvez utliser pour changer l'apparence d'un élément dans votre page.",
|
||||
"Quand vous avez entré <code><h2 style=\"color: red\">CatPhotoApp</h2></code>, vous donniez à cet élément <code>h2</code> uniquement, un style <code>inline</code>.",
|
||||
"C'est une des façons d'ajouter un style à un élément, mais une meilleure approche est d'utiliser <code>CSS</code>, acronyme de <code>Cascading Style Sheets</code>.",
|
||||
"Au sommet de votre code, créez un élément <code>style</code> comme ceci :",
|
||||
"<blockquote><style><br></style></blockquote>",
|
||||
"À l'intérieur de cet élément style, vous pouvez créer des <code>sélecteurs CSS</code> pour tous les éléments <code>h2</code>. Par exemple, si vous voulez que tous les éléments <code>h2</code> soient en rouge, votre élément style ressemblerait à ceci :",
|
||||
"<blockquote><style><br> h2 {color: red;}<br></style></blockquote>",
|
||||
"Prenez note qu'il est important d'avoir les accolades ouvrantes et fermantes (<code>{</code> and <code>}</code>) autour de chaque élément de style. Vous devez aussi vous assurer que vos styles se retrouvent entre une balise style ouvrante et fermante. Finalement, assurez-vous d'ajouter un point-virgule â la fin de chacun des styles d'éléments.",
|
||||
"Supprimez les attributs de styles de votre élément <code>h2</code> et créez plutôt un élément de <code>style</code> CSS. Ajoutez le CSS nécessaire pour rendre tous vos éléments <code>h2</code> de couleur bleu."
|
||||
],
|
||||
"title": "Use CSS Selectors to Style Elements",
|
||||
"description": [
|
||||
"With CSS, there are hundreds of CSS <code>properties</code> that you can use to change the way an element looks on your page.",
|
||||
|
|
|
|||
Loading…
Reference in New Issue