Merge pull request #4449 from vtamara/fix/spaord1
Reordering spanish descriptions to follow changes in englishpull/4477/head
Quincy Larson
commit
99a565e82e
|
|
@ -33,15 +33,14 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Saluda a los Elementos HTML",
|
||||
"nameEs": "Saluda a los Elementos HTML",
|
||||
"descriptionEs": [
|
||||
"¡Bienvenido/a al primer desafío de programación de Free Code Camp! Haz click en el botón de abajo para tener más instrucciones.",
|
||||
"Genial. Ahora puedes leer el resto de las instrucciones de este desafío.",
|
||||
"¡Bienvenido/a al primer desafío de programación de Free Code Camp!",
|
||||
"Puedes editar tu <code>código</code> en tu <code>editor de texto</code>, que hemos incrustado en esta página web.",
|
||||
"¿Ves el código en tu editor de texto que dice <code><h1>Hello</h1></code>? Ese es un <code>elemento</code> HTML.",
|
||||
"La mayoría de los elementos HTML tienen una <code>etiqueta de apertura</code> y una <code>etiqueta de cierre</code>. Las etiquetas de apertura se ven como: <code><h1></code>. Las etiquetas de cierre se ven como: <code></h1></code>. Fíjate que la única diferencia entre las etiquetas de apertura y de cierre es que estas últimas tienen un / después de su signo de apertura (<).",
|
||||
"Una vez que hayas completado cada desafío, y que hayas pasado todas sus pruebas, el botón \"Ir a mi siguiente desafío\" se activará. Haz click en él - o presiona control y enter al mismo tiempo - para avanzar al siguiente desafío.",
|
||||
"Para activar el botón \"Ir a mi siguiente desafío\" de este ejercicio, cambia tu texto de la etiqueta <code>h1</code> para que diga \"Hello World\" en lugar de \"Hello\"."
|
||||
"Cada desafio tiene pruebas que puedes ejecutar en cualquier momento presionado el botón \"Ejecutar pruebas\". Una vez logres pasar todas las pruebas, podrás avanzar al siguiente desafio.",
|
||||
"Para pasar la prueba en este desafio, cambia tu texto de la etiqueta <code>h1</code> para que diga \"Hello World\" en lugar de \"Hello\". Entonces presiona el botón \"Ejecutar pruebas\"."
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -84,12 +83,14 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Encabezado con el elemento h2",
|
||||
"nameEs": "Encabezado con el elemento h2",
|
||||
"descriptionEs": [
|
||||
"Agrega una etiqueta <code>h2</code> que diga \"CatPhotoApp\" para crear un segundo <code>elemento</code> HTML debajo de tu elemento <code>h1</code> \"Hello World\".",
|
||||
"El elemento h2 que ingreses creará un elemento h2 en el sitio web.",
|
||||
"Durante los siguientes desafios, construiremos una aplicación HTML que lucirá como la siguiente:",
|
||||
"<a href=\"http://i.imgur.com/jOc1JF1.png\" data-lightbox=\"img-enlarge\"><img class=\"img-responsive\" src=\"http://i.imgur.com/jOc1JF1.png\" title=\"Pulsa para agrandar\" alt=\"Pantallazo de la aplicación Cat Photo terminada\"></a>",
|
||||
"El elemento <code>h2</code> que ingreses creará un elemento <code>h2</code> en el sitio web.",
|
||||
"Este elemento le dice al navegador cómo mostrar el texto que contiene.",
|
||||
"Los elementos <code>h2</code> son ligeramente más pequeños que los elementos <code>h1</code>. También hay elementos <code>h3</code>, <code>h4</code>, <code>h5</code> y <code>h6</code>"
|
||||
"Los elementos <code>h2</code> son ligeramente más pequeños que los elementos <code>h1</code>. También hay elementos <code>h3</code>, <code>h4</code>, <code>h5</code> y <code>h6</code>",
|
||||
"Agrega una etiqueta <code>h2</code> que diga \"CatPhotoApp\" para crear un segundo <code>elemento</code> HTML debajo de tu elemento <code>h1</code> \"Hello World\"."
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -127,11 +128,11 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Informa con el Elemento Párrafo",
|
||||
"nameEs": "Informa con el Elemento Párrafo",
|
||||
"descriptionEs": [
|
||||
"Crea un elemento párrafo debajo de tu elemento h2, y dale el texto \"Hello Paragraph\". Apenas escribas la etiqueta de apertura <code><p></code>, una de nuestras pruebas pasarán (ya que ésta es HTML válido). Asegúrate de cerrar el elemento agregando la etiqueta de cierre <code></p></code>",
|
||||
"Los elementos párrafo son los principales elementos para los párrafos de texto en tamaño normal en sitios web.",
|
||||
"Tú puedes crear un elemento párrafo como éste: <code><p>I'm a p tag!</p></code>"
|
||||
"Los elementos <code>p</code> son los elementos preferidos en los sitios web para los párrafos de texto en tamaño normal. La P es abreviatura de \"párrafo\".",
|
||||
"Tú puedes crear un elemento párrafo como éste: <code><p>¡Soy una etiqueta p!</p></code>",
|
||||
"Crea un elemento <code>p</code> debajo de tu elemento <code>h2</code>, y ponle el texto \"Hello Paragraph\"."
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -174,12 +175,12 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Quitar comentarios HTML",
|
||||
"nameEs": "Quita comentarios HTML",
|
||||
"descriptionEs": [
|
||||
"Quitar el comentario a los elementos <code>h1</code>, <code>h2</code> y <code>p</code>",
|
||||
"Crear comentarios es una forma en la que puedes dejar mensajes dentro de tu código sin afectar el resultado.",
|
||||
"Agregar comentarios es también una forma conveniente de desactivar tu código sin tener que borrarlo por completo.",
|
||||
"Puedes comenzar un comentario con <code><!--</code> y terminar de comentar con <code>--></code>"
|
||||
"\"Comentar\" es una manera en la que puedes dejar anotaciones en tu código sin afectar el código mismo.",
|
||||
"Comentar también es una forma conveniente de desactivar código sin tener que borrarlo por completo.",
|
||||
"Puedes comenzar un comentario con <code><!--</code> y terminar de comentar con <code>--></code>",
|
||||
"Quita el comentario a los elementos <code>h1</code>, <code>h2</code> y <code>p</code>"
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -222,11 +223,11 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Comenta en HTML",
|
||||
"nameEs": "Comenta en HTML",
|
||||
"descriptionEs": [
|
||||
"Comenta el elemento <code>h1</code> y el elemento <code>p</code>, pero deja sin comentar el elemento <code>h2</code>",
|
||||
"Recuerda que para comenzar un comentario, necesitas usar <code><!--</code> y para terminar un comentario, necesitas usar <code>--></code>",
|
||||
"Aquí necesitarás terminar el comentario antes que comience el elemento h2."
|
||||
"Aquí necesitarás terminar el comentario antes que comience el elemento <code>h2</code>.",
|
||||
"Comenta el elemento <code>h1</code> y el elemento <code>p</code>, pero deja sin comentar el elemento <code>h2</code>"
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -264,13 +265,12 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Llena espacios con texto de relleno",
|
||||
"nameEs": "Llena espacios con texto de relleno",
|
||||
"descriptionEs": [
|
||||
"Cambia el texto en el elemento <code>p</code> para usar las primeras palabras del texto <code>Kitty Ipsum</code>",
|
||||
"Los desarrolladores web tradicionalmente usan <code>Lorem Ipsum</code> como texto de relleno. Se llama texto Lorem Ipsum porque esas son las primeras dos palabras de una cita famosa de Cicerón de la Roma Antigua.",
|
||||
"El texto Lorem Ipsum ha sido usado como texto de relleno en las imprentas desde el siglo 16, y esta tradición continúa en la web.",
|
||||
"Bueno, 5 siglos es bastante. Ya que estamos construyendo una aplicación de fotos de gatos (CatPhotoApp), ¡usemos algo llamado <a href=πhttp://kittyipsum.com/\">Kitty Ipsum</a>!",
|
||||
"Aquí están las primeras palabras del texto Kitty Ipsum, que puedes copiar y pegar en la posición correcta: <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>"
|
||||
"Bueno, 5 siglos es bastante. Ya que estamos construyendo una aplicación de fotos de gatos (CatPhotoApp), ¡usemos algo llamado <code>Kitty Ipsum</code>!",
|
||||
"Remplaza el texto dentro de tu elemento <code>p</code> con las primeras palabras de este texto 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>"
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -311,11 +311,11 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Borra elementos HTML",
|
||||
"nameEs": "Borra elementos HTML",
|
||||
"descriptionEs": [
|
||||
"Borra los elementos h1 y br para simplificar nuestra vista.",
|
||||
"Nuestro teléfono no tiene mucho espacio para elementos HTML.",
|
||||
"Removamos los elementos innecesarios para que empecemos a construir nuestra CatPhotoApp."
|
||||
"Nuestro teléfono no tiene mucho espacio vertical.",
|
||||
"Eliminemos los elementos innecesarios para que empecemos a construir nuestra CatPhotoApp.",
|
||||
"Borra el elemento <code>h1</code> para simplificar nuestra vista."
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -353,12 +353,14 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Cambia el color del texto",
|
||||
"nameEs": "Cambia el color del texto",
|
||||
"descriptionEs": [
|
||||
"Cambia el estilo del elemento <code>h2</code> de manera que el color de su texto sea rojo.",
|
||||
"Podemos hacer esto por medio de cambiar el <code>estilo</code> del elemento <code>h2</code>",
|
||||
"Ahora cambiemos el color de parte de nuestro texto.",
|
||||
"Podemos hacer esto cambiando el <code>style</code> del elemento <code>h2</code>",
|
||||
"El estilo responsable del color de texto de un elemento es el estilo \"color\".",
|
||||
"Así es como podrías volver el color de texto de tu elemento <code>h2</code> en azul: <code><h2 style=\"color: blue\">CatPhotoApp</h2></code>"
|
||||
"Así es como podrías poner en azul el color de texto de tu elemento <code>h2</code>:",
|
||||
"<code><h2 style=\"color: blue\">CatPhotoApp</h2></code>",
|
||||
"Cambia el estilo del elemento <code>h2</code> de manera que el color de su texto sea rojo."
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -406,15 +408,18 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Usa selectores CSS para dar estilo a los elementos",
|
||||
"nameEs": "Usa selectores CSS para dar estilo a los elementos",
|
||||
"descriptionEs": [
|
||||
"Borra el atributo <code>style</code> de tu elemento <code>h2</code> y escribe el CSS para hacer todos los elementos <code>h2</code> de color azul.",
|
||||
"Con CSS, hay cientos de <code>atributos CSS</code> que puedes usar para cambiar como un elemento se ve en una página web.",
|
||||
"Cuando entraste <code><h2 style=\"color: red\">CatPhotoApp<h2></code>, le estuviste dando a ese elemento h2 en particular un <code>estilo en línea</code>",
|
||||
"Con CSS, hay cientos de <code>propiedades CSS</code> que puedes usar para cambiar como un elemento se ve en una página web.",
|
||||
"Cuando ingresaste <code><h2 style=\"color: red\">CatPhotoApp<h2></code>, le estuviste dando al elemento <code>h2</cdoe> un <code>estilo en línea</code>",
|
||||
"Esa es una forma de agregar estilo a un elemento, pero una manera mejor es usando <code>Hojas de Estilo en Cascada (Cascading Style Sheets, CSS)</code>.",
|
||||
"Al principio de tu código, crea una <code>etiqueta style</code> como ésta: <code><style></style></code>",
|
||||
"Dentro de ese elemento style, puedes crear un <code>selector css</code> para todos los elementos <code>h2</code>. Por ejemplo, si querías que todos los elementos <code>h2</code> sean rojos, tu elemento style se vería así: <code><style>h2 {color: red;}</style></code>",
|
||||
"Fíjate que es importante tener <code>llaves de apertura y de cierre</code> (<code>{</code> y <code>}</code>) alrededor del estilo para cada elemento. También necesitas asegurarte que el estilo para tu elemento está entre las etiquetas style de apertura y cierre. Finalmente, asegúrate de agregar el punto y coma al final de cada uno de los estilos de tu elemento."
|
||||
"Al principio de tu código, crea un elemento <code>style</code> como este: <code><style></style></code>",
|
||||
"Dentro de ese elemento style, puedes crear un <code>selector CSS</code> para todos los elementos <code>h2</code>. Por ejemplo, si quisieras que todos los elementos <code>h2</code> fueran rojos, tu elemento style se vería así:",
|
||||
"<code><style></code>",
|
||||
" <code>h2 {color: red;}</code>",
|
||||
"<code></style></code>",
|
||||
"Fíjate que es importante tener llaves de apertura y de cierre (<code>{</code> y <code>}</code>) alrededor del estilo para cada elemento. También necesitas asegurarte que el estilo para tu elemento esté entre las etiquetas style de apertura y cierre. Finalmente, asegúrate de agregar el punto y coma al final de cada uno de los estilos de tu elemento.",
|
||||
"Borra el atributo <code>style</code> de tu elemento <code>h2</code> y a cambio escribe un elemento <code>style</code> CSS. Agrea el CSS necesario para hacer todos los elementos <code>h2</code> de color azul."
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -472,16 +477,21 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Utiliza una clase CSS para darle estilo a un elemento",
|
||||
"nameEs": "Utiliza una clase CSS para darle estilo a un elemento",
|
||||
"descriptionEs": [
|
||||
"Crea una clase CSS llamada \"red-text\" y aplicala a tu elemento <code>h2</code>",
|
||||
"Las clases son estilos reutilizables que pueden ser añadidos a elementos HTML",
|
||||
"Esta es la anatomía de una clase CSS:",
|
||||
"<img class=\"img-responsive\" alt=\"a diagram of how style tags are composed, which is also described in detail on the following lines.\" src=\"https://www.evernote.com/l/AHSCzZV0l_dDLrqD8r9JsHaBWfEzdN0OpRwB/image.png\">",
|
||||
"Las clases son estilos reutilizables que pueden añadirse a elementos HTML.",
|
||||
"Aquí esta un ejemplo de una declaración de una clase CSS:",
|
||||
"<code><style></code>",
|
||||
"<code> .blue-text {</code>",
|
||||
"<code> color: blue;</code>",
|
||||
"<code> }</code>",
|
||||
"<code></style></code>",
|
||||
"Puedes ver que hemos creado una clase CSS llamada \"blue-text\" dentro de la etiqueta <code><style></code>",
|
||||
"Puedes aplicar una clase a un elemento HTML de esta manera: <code><h2 class=\"blue-text\">CatPhotoApp</h2></code>",
|
||||
"Nota que en el elemento CSS <code>style</code>, las clases deberían comenzar con un punto. En los elementos HTML, las declaraciones de clase, NO deberían comenzar con punto. ",
|
||||
"En vez de de crear un nuevo elemento <code>style</code>, prueba remover la declaración de estilo de <code>h2</code> y reemplazarla por la declaración \"red-text\"."
|
||||
"Puedes aplicar una clase a un elemento HTML de esta manera:",
|
||||
"<code><h2 class=\"blue-text\">CatPhotoApp</h2></code>",
|
||||
"Nota que en tu elemento <code>style</code> CSS, las clases deben comenzar con un punto. En los elementos HTML, las declaraciones de clase, NO deben comenzar con punto. ",
|
||||
"En vez de de crear un nuevo elemento <code>style</code>, intenta eliminar la declaración de estilo de <code>h2</code> de tus elementos de estilo existentes y reemplazala por la declaración de clase <code>.red-text</code>.",
|
||||
"Crea una clase CSS llamada <code>red-text</code> y aplicala a tu elemento <code>h2</code>"
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -535,11 +545,16 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Estila multiples elementos con una clase CSS",
|
||||
"nameEs": "Da estilo a múltiples elementos con una clase CSS",
|
||||
"descriptionEs": [
|
||||
"Aplica la clase \"red-text\" a tus elementos <code>h2</code> y <code>p</code>",
|
||||
"Recuerda que puedes agregar clases a elementos HTML utilizando <code>class=\"your-class-here\"</code> dentro de la tag de entrada del mismo.",
|
||||
"Recuerda que los selectores CSS requieren un punto al principio: <code>.blue-text { color: blue; }</code>, pero que las declaraciones de clase NO llevan punto: <code><h2 class=\"blue-text\">CatPhotoApp<h2></code>"
|
||||
"Recuerda que puedes adjuntar clases a elementos HTML utilizando <code>class=\"tu-clase-aqui\"</code> dentro de la etiqueta de apertura del elemento mismo.",
|
||||
"Recuerda que los selectores de clase CSS requieren un punto al principio, así:",
|
||||
"<code>.blue-text {</code>",
|
||||
"<code> color: blue;</code>",
|
||||
"<code>}</code>",
|
||||
"Pero recuerda también que las declaraciones de clase en elementos NO llevan punto:",
|
||||
"<code><h2 class=\"blue-text\">CatPhotoApp<h2></code>",
|
||||
"Aplica la clase <code>red-text</code> a tus elementos <code>h2</code> y <code>p</code>"
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
@ -586,12 +601,14 @@
|
|||
"descriptionFr": [],
|
||||
"nameRu": "",
|
||||
"descriptionRu": [],
|
||||
"nameEs": "Waypoint: Cambia el tamaño de fuente de un elemento.",
|
||||
"nameEs": "Cambia el tamaño de fuente de un elemento.",
|
||||
"descriptionEs": [
|
||||
"Crea un segundo elemento <code>p</code>. Luego, dentro de tu elemento <code><style></code>, pon el \"font-size\" de todos los elementos <code>p</code> a 16 pixeles.",
|
||||
"El tamaño de fuente es controlado por el atributo CSS \"font-size\", como aquí: <code>h1 { font-size: 30px; }</code>",
|
||||
"Primero, crea un segundo elemento <code>p</code> con el siguiente texto Kitty Ipsum: <code>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</code>",
|
||||
"Ve si puedes encontrar una manera de darle a ambos elementos <code>p</code> un font-size de 16 pixeles (<code>16px</code>). Puedes hacer esto dentro de la misma etiqueta <code><style></code> que creamos para la clase \"red-text\"."
|
||||
"El tamaño de fuente es controlado por la propiedad CSS \"font-size\", como aquí:",
|
||||
"<code>h1 {</code>",
|
||||
"<code> font-size: 30px;</code>",
|
||||
"<code>}</code>",
|
||||
"Crea un segundo elemento <code>p</code> con el siguiente texto kitty ipsum: <code>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</code>",
|
||||
"Dentro de la misma etiqueta <code><style></code> que creamos para tu clase <code>red-text</code>, pon el <code>font-size</code> de los elementos <code>p</code> a 16 pixeles (<code>16px</code>)."
|
||||
],
|
||||
"namePt": "",
|
||||
"descriptionPt": [],
|
||||
|
|
|
|||
Loading…
Reference in New Issue