mdn · JuanVqz · Nov 30, 2022 · Nov 23, 2022
@@ -18,11 +18,11 @@ translation_of: Learn/Accessibility
 
 {{LearnSidebar}}
 
-Aprender algo de HTML, CSS y JavaScript es útil si deseas convertirte en un desarrollador web, pero tu conocimiento debe ir más allá de simplemente usar esas tecnologías, debes usarlas de manera responsable para maximizar la audiencia de tus sitios web y evitar impedir su uso a nadie. Para lograr esto, debes adherirte a las mejores prácticas generales (que se muestran en los temas de [HTML](/en-US/docs/Learn/HTML), [CSS](/en-US/docs/Learn/CSS) y [JavaScript](/en-US/docs/Learn/JavaScript)), [pruebas cruzadas del navegador](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing) y considerar la accesibilidad desde el principio. En este módulo, cubriremos este último en detalle.
+Aprender algo de HTML, CSS y JavaScript es útil si deseas convertirte en un desarrollador web, pero tu conocimiento debe ir más allá de simplemente usar esas tecnologías, debes usarlas de manera responsable para maximizar la audiencia de tus sitios web y evitar impedir su uso a nadie. Para lograr esto, debes adherirte a las mejores prácticas generales (que se muestran en los temas de [HTML](/es/docs/Learn/HTML), [CSS](/es/docs/Learn/CSS) y [JavaScript](/es/docs/Learn/JavaScript)), [pruebas cruzadas del navegador](/es/docs/Learn/Tools_and_testing/Cross_browser_testing) y considerar la accesibilidad desde el principio. En este módulo, cubriremos este último en detalle.
 
 ## Prerrequisitos
 
-Para aprovechar al máximo este módulo, sería una buena idea trabajar al menos en los dos primeros módulos de los temas de [HTML](/en-US/docs/Learn/HTML), [CSS](/en-US/docs/Learn/CSS), y [JavaScript](/en-US/docs/Learn/JavaScript) o quizás mejor, trabajar en las partes relevantes del módulo de accesibilidad como tu trabajas a través de los temas relacionados con la tecnología.
+Para aprovechar al máximo este módulo, sería una buena idea trabajar al menos en los dos primeros módulos de los temas de [HTML](/es/docs/Learn/HTML), [CSS](/es/docs/Learn/CSS), y [JavaScript](/es/docs/Learn/JavaScript) o quizás mejor, trabajar en las partes relevantes del módulo de accesibilidad como tu trabajas a través de los temas relacionados con la tecnología.
 
 > **Nota:** si está trabajando en una computadora / tableta / otro dispositivo donde no tiene la capacidad de crear sus propios archivos, puede probar la mayoría de los ejemplos de código en un programa de codificación en línea como [JSBin](http://jsbin.com/) o [Thimble](https://thimble.mozilla.org/).
 

@@ -96,6 +96,6 @@ Como puedes notar, cuando navegamos por la web con un navegador, normalmente uti
 
 ## Próximos pasos
 
-- [Cómo funciona la Web.](/en-US/Learn/Getting_started_with_the_web/How_the_Web_works)
+- [Cómo funciona la Web.](/es/Learn/Getting_started_with_the_web/How_the_Web_works)
 - [Comprender la diferencia entre una página web, un sitio web, un servidor web y un motor de búsqueda.](/es/docs/Learn/page_vs_site_vs_server_vs_search_engine)
 - [La comprensión de los nombres de dominio.](/es/docs/Learn/Understanding_domain_names)
@@ -158,4 +158,4 @@ En dependencia de cómo responda estas preguntas, su sitio pudiera costar miles
 Ahora que entiende que cantidad de dinero su sitio puede costarle, es tiempo de comenzar a diseñar un sitio web y [preparar su entorno de trabajo](/es/docs/Learn/Set_up_a_basic_working_environment).
 
 - Lea sobre [cómo seleccionar e instalar un editor de texto](/es/docs/Learn/Choose,_Install_and_set_up_a_text_editor).
-- SI está más enfocado en diseño, eche una mirada a la [anatomía de una página web](/en-US/Learn/Anatomy_of_a_web_page).
+- SI está más enfocado en diseño, eche una mirada a la [anatomía de una página web](/es/Learn/Anatomy_of_a_web_page).
@@ -14,7 +14,7 @@ translation_of: Learn/Common_questions
 
 {{LearnSidebar}}
 
-Esta sección del área de aprendizaje está diseñada para proveer respuestas a preguntas frecuentes que pueden surgir, las cuales no son necesariamente parte del núcleo estructurado de formas de aprendizaje (ej. los artículos de aprendizaje de [HTML](/en-US/docs/Learn/HTML) o [CSS](/en-US/docs/Learn/CSS)). Éstos artículos están diseñados para trabajar por su cuenta.
+Esta sección del área de aprendizaje está diseñada para proveer respuestas a preguntas frecuentes que pueden surgir, las cuales no son necesariamente parte del núcleo estructurado de formas de aprendizaje (ej. los artículos de aprendizaje de [HTML](/es/docs/Learn/HTML) o [CSS](/es/docs/Learn/CSS)). Éstos artículos están diseñados para trabajar por su cuenta.
 
 ## Cómo funciona la Web
 
@@ -23,7 +23,7 @@ Esta sección cubre los mecanismos de la web -preguntas relativas al conocimient
 - [¿Cómo funciona la Web?](/es/docs/Learn/Common_questions/How_does_the_Internet_work)
   - : **Internet** es la columna vertebral de la Web, la infraestructura técnica que hace la Web posible. Básicamente, Internet es una gran red de ordenadores que se comunican todos entre sí. Este artículo explica cómo funciona, en un nivel básico.
 
-- [¿Cúal es la diferencia entre página web, sitio web, servidor web y motor de búsqueda?](/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)
+- [¿Cúal es la diferencia entre página web, sitio web, servidor web y motor de búsqueda?](/es/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines)
   - : En este artículo se describen varios conceptos relacionados con la web: páginas web, sitios web, servidores web y motores de búsqueda. Estos términos son confundidos habitualmente por los novatos en la Web, o son incorrectamente usados. ¡ Vamos a aprender que significa cada uno de ellos !
 - [¿Qué es una URL?](/es/docs/Learn/Common_questions/What_is_a_URL)
   - : Con {{Glossary("Hypertext")}} y {{Glossary("HTTP")}}, URL es uno de los conceptos clave de la Web. Es el mecanismo usado por {{Glossary("Browser","browsers")}} para recoger cualquier recurso publicado en la Web.
@@ -56,7 +56,7 @@ Preguntas relacionadas con las herramientas/software que puedes usar para hacer
   - : Este artículo muestra cómo publicar su sitio en línea con herramientas FTP, una de las formas más comunes de obtener un sitio web en línea para que otros puedan acceder a él desde sus computadoras.
 - [¿Cómo uso las páginas de](/es/docs/Learn/Common_questions/Using_GitHub_Pages)[GitHub?](/es/docs/Learn/Common_questions/Using_GitHub_Pages)
   - : Este artículo proporciona una guía básica para publicar contenido utilizando la función gh-pages de GitHub.
-- [¿Cómo alojar tu sitio web en Google App Engine?](/en-US/Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine)
+- [¿Cómo alojar tu sitio web en Google App Engine?](/es/Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine)
   - : ¿Buscas un lugar donde alojar tu sitio web? Aquí hay una guía paso a paso para alojar tu sitio web en Google App Engine.
 - [¿Qué herramientas están disponibles para depurar y mejorar el rendimiento del sitio web?](/es/docs/Tools/Performance)
   - : Este conjunto de artículos le muestra cómo utilizar las herramientas de desarrollo en Firefox para depurar y mejorar el rendimiento de su sitio web, utilizando las herramientas para comprobar el uso de la memoria, el árbol de nodos de JavaScript, la cantidad de nodos que se renderizan en el DOM y más.
@@ -80,6 +80,6 @@ Esta sección enlista preguntas relacionadas con la estética, estructura de pá
 
 Para soluciones a problemas comunes de HTML/CSS/JavaScript, trata con los siguientes artículos.
 
-- [Usa HTML para solucionar problemas comunes](/en-US/docs/Learn/HTML/Howto)
+- [Usa HTML para solucionar problemas comunes](/es/docs/Learn/HTML/Howto)
 - [Usa CSS para solucionar problemas comunes](/es/docs/Learn/CSS/Howto)
 - [Usa JavaScript para solucionar problemas comunes](/es/docs/Learn/JavaScript/Howto)
@@ -56,15 +56,15 @@ Vamos a comparar la biblioteca con un servidor web:
 - Los libros en cada sección son como páginas web. Un sitio web puede tener varias páginas web, por ejemplo, la sección de Ciencias (el sitio web) tendrá libros sobre calor, sonido, termodinámica, estadísticas, etc. (las páginas web). Cada una de las páginas web puede ser encontrada en una ubicación única (URL).
 - El índice de búsqueda es como el motor de búsqueda. Cada libro tiene su propia ubicación única en la biblioteca (dos libros no se pueden mantener en el mismo lugar) que se especifica mediante el número de catálogo.
 
-_No esta disponible aprendizaje activo aun. [Por favor, considere la posibilidad de contribuir](/en-US/docs/MDN/Getting_started)._
+_No esta disponible aprendizaje activo aun. [Por favor, considere la posibilidad de contribuir](/es/docs/MDN/Getting_started)._
 
 ## Profundizando
 
 Entonces, vamos a profundizar en cómo estos cuatro términos serán relacionados y por qué a veces se confunden entre sí.
 
 ### Página web
 
-Una **página web** es un simple documento que puede ser mostrado por un {{Glossary("browser")}}. Estos documentos están escritos en lenguaje {{Glossary("HTML")}} (el que veremos en más detalle en [otros artículos](/en-US/docs/Web/HTML)). Una página web puede incluir una variedad de diferentes tipos de recursos, tales como:
+Una **página web** es un simple documento que puede ser mostrado por un {{Glossary("browser")}}. Estos documentos están escritos en lenguaje {{Glossary("HTML")}} (el que veremos en más detalle en [otros artículos](/es/docs/Web/HTML)). Una página web puede incluir una variedad de diferentes tipos de recursos, tales como:
 
 - _información de estilos_ — para controlar la apariencia de una página
 - _scripts_ — que agrega interactividad a la página

@@ -102,6 +102,6 @@ Para hacer esto:
 
 El módulo `SimpleHTTPServer` de Python es útil, pero desconoce como ejecutar el código escrito en lenguajes como PHP o Python. Para resolver eso necesitarás algo más — lo que necesitarás exactamente depende del lenguaje del lado del servidor que estas intentando de ejecutar. Aquí están un par de ejemplos:
 
-- Para ejecutar el código del lado del servidor Python, necesitrá utilizar un framework web python. Puedes averiguar cómo usar el framework Django leyendog [Django Web Framework (Python)](/es/docs/Learn/Server-side/Django). [Flask](http://flask.pocoo.org/) también es buena alternativa a Django (ligeramente menos pesado). Para ejecutar esto necesitarás [instalar Python/PIP](/en-US/docs/Learn/Server-side/Django/development_environment#Installing_Python_3), luego instala Flask usando `pip3 install flask`. En este punto, deberías ser capaz de ejecutar los ejemplos de Python Flask usando por ejemplo `python3 python-example.py`, luego navegar al `localhost:5000` en tu navegador.
+- Para ejecutar el código del lado del servidor Python, necesitrá utilizar un framework web python. Puedes averiguar cómo usar el framework Django leyendog [Django Web Framework (Python)](/es/docs/Learn/Server-side/Django). [Flask](http://flask.pocoo.org/) también es buena alternativa a Django (ligeramente menos pesado). Para ejecutar esto necesitarás [instalar Python/PIP](/es/docs/Learn/Server-side/Django/development_environment#Installing_Python_3), luego instala Flask usando `pip3 install flask`. En este punto, deberías ser capaz de ejecutar los ejemplos de Python Flask usando por ejemplo `python3 python-example.py`, luego navegar al `localhost:5000` en tu navegador.
 - Para ejecutar código Node.js (JavaScript) del lado del servidor, necesitarás usar el nodo raw o un framework construido encima de él. Express es una buena opción — mira [Express Web Framework (Node.js/JavaScript)](/es/docs/Learn/Server-side/Express_Nodejs).
 - Para ejecutar código PHP del lado del servidor, necesitarás una configuración de servidor que pueda interpretar PHP. Las buenas opciones para los testeos locales de PHP son [MAMP](https://www.mamp.info/en/downloads/) (Mac y Windows) t [AMPPS](http://ampps.com/download) (Mac, Windows, Linux). Estos son paquetes completos que crean configuraciones locales que permiten ejecutar servidor Apache, PHP, y base de datos MySQL.
@@ -227,7 +227,7 @@ Comenzarás a ver el tipo de errores que devuelve el navegador. A menudo, estos
 
 Obtén más información sobre la consola de JavaScript en diferentes navegadores:
 
-- [Consola Web de Firefox.](/en-US/docs/Tools/Web_Console)
+- [Consola Web de Firefox.](/es/docs/Tools/Web_Console)
 - [Consola de JavaScript Edge.](https://docs.microsoft.com/es-es/microsoft-edge/devtools-guide-chromium)
 - [Consola JavaScript de Chrome.](https://developer.chrome.com/devtools/docs/console) (el inspector de Opera funciona de la misma manera)
 - [Consola en Safari.](https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html#//apple_ref/doc/uid/TP40007874-CH6-SW1)

@@ -71,7 +71,7 @@ Técnicamente, puede alojar todos esos archivos en su propia computadora, pero e
 - tiene la misma dirección IP todo el tiempo.
 - es mantenido por un proveedor externo.
 
-Por todas estas razones, encontrar un buen proveedor de alojamiento es una parte clave del desarrollo de su sitio web. Investigue a través de los diversos servicios que ofrecen las compañías y elija uno que se ajuste a sus necesidades y a su presupuesto (los servicios van desde los gratuitos hasta los miles de dólares al mes). Puede encontrar mas información [en este artículo](/en-US/Learn/How_much_does_it_cost#Hosting).
+Por todas estas razones, encontrar un buen proveedor de alojamiento es una parte clave del desarrollo de su sitio web. Investigue a través de los diversos servicios que ofrecen las compañías y elija uno que se ajuste a sus necesidades y a su presupuesto (los servicios van desde los gratuitos hasta los miles de dólares al mes). Puede encontrar mas información [en este artículo](/es/Learn/How_much_does_it_cost#Hosting).
 
 Una vez que configura una solución de alojamiento web, solo tiene que [cargar sus archivos en su servidor web](/es/docs/Learn/Upload_files_to_a_web_server).
 
@@ -86,13 +86,13 @@ Un _protocolo_ es un conjunto de reglas para la comunicación entre dos computad
 - Sin estado
   - : Ni el servidor ni el cliente recuerdan las comunicaciones anteriores. Por ejemplo, al confiar solo en HTTP, un servidor no puede recordar la contraseña que ingresó ni el paso que está realizando en una transacción. Necesita un servidor de aplicaciones para tareas como esa. (Cubriremos ese tipo de tecnología en otros artículos).
 
-HTTP proporciona reglas claras sobre cómo se comunican un cliente y un servidor. Cubriremos el propio HTTP en un [artículo técnico](/en-US/docs/Web/HTTP) más adelante. Por ahora, sólo sé consciente de estas cosas:
+HTTP proporciona reglas claras sobre cómo se comunican un cliente y un servidor. Cubriremos el propio HTTP en un [artículo técnico](/es/docs/Web/HTTP) más adelante. Por ahora, sólo sé consciente de estas cosas:
 
 - Solo los clientes pueden hacer solicitudes HTTP a los servidores. Los servidores solo pueden responder a la solicitud HTTP de un cliente.
 - Al solicitar un archivo a través de HTTP, los clientes deben proporcionar la URL del archivo.
 - El servidor web debe responder a todas las solicitudes HTTP, al menos con un mensaje de error.
 
-[![The MDN 404 page as an example of such error page](https://mdn.mozillademos.org/files/8661/mdn-404.jpg)](/en-US/404) En un servidor web, el servidor HTTP es responsable de procesar y responder las solicitudes entrantes.
+[![The MDN 404 page as an example of such error page](https://mdn.mozillademos.org/files/8661/mdn-404.jpg)](/es/404) En un servidor web, el servidor HTTP es responsable de procesar y responder las solicitudes entrantes.
 
 1. Al recibir una solicitud, un servidor HTTP primero verifica si la URL solicitada coincide con un archivo existente.
 2. Si es así, el servidor web envía el contenido del archivo de nuevo al navegador. Si no, un servidor de aplicaciones construye el archivo necesario.

@@ -20,7 +20,7 @@ Antes de comenzar este módulo deberías poseer:
 
 1. Un entendimiento básico de la utilización de una computadora y de la
     navegación web a nivel de usuario.
-2. Un entorno básico constituido en base a lo dispuesto en la guía [Instalación de software básico](/es/docs/Learn/Getting_started_with_the_web/Instalacion_de_software_basico), tanto como conocimiento acerca de la creación y la administración de archivos, como es detallado en [Dealing with files](/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files).
+2. Un entorno básico constituido en base a lo dispuesto en la guía [Instalación de software básico](/es/docs/Learn/Getting_started_with_the_web/Instalacion_de_software_basico), tanto como conocimiento acerca de la creación y la administración de archivos, como es detallado en [Dealing with files](/es/docs/Learn/Getting_started_with_the_web/Dealing_with_files).
 3. Una familiaridad básica con html, como es establecido en el módulo [Introdución a HTML](/es/docs/Learn/HTML/Introduccion_a_HTML).
 4. Un entendimiento elemental de CSS, como es discutido en el módulo [CSS first steps](/es/docs/Learn/CSS/First_steps).
 

@@ -49,7 +49,7 @@ Estos artículos te proporcionarán instrucciones sobre las herramientas y técn
   - : Inicialmente utilizado para imágenes flotantes dentro de bloques de texto, la propiedad {{cssxref("float")}} se ha convertido en una de las herramientas más utilizadas para crear maquetaciones de varias columnas en páginas web. Con la venida de Flexbox y Grid se ha regresado a su propósito original, como lo explica este artículo.
 - [Posicionamiento](/es/docs/Learn/CSS/CSS_layout/Positioning)
   - : El posicionamiento te permite sacar elementos del flujo normal de maquetación del documento para hacer que se comporten de manera diferente, p.ej: colocando unos encima de otros, o fijándolos a un lugar de la ventana principal. Este artículo explica los diferentes valores para {{cssxref("position")}} y cómo utilizarlos.
-- [Ejemplos prácticos de posicionamiento](/en-US/docs/Learn/CSS/CSS_layout/Practical_positioning_examples)
+- [Ejemplos prácticos de posicionamiento](/es/docs/Learn/CSS/CSS_layout/Practical_positioning_examples)
   - : Una vez cubiertas las nociones básicas de posicionamiento en el artículo anterior, vamos ahora a construir un par de ejemplos reales, para explicar las cosas que puedes hacer con el posicionamiento.
 - [Diseño Multi-columna](/es/docs/Learn/CSS/CSS_layout/Multiple-column_Layout)
   - : El diseño multi-columna te proporciona un método de maquetación de contenido en columnas, como lo podrías ver en un periódico. Este artículo explica como usar esta característica.