Cómo editar páginas web en línea

Cuando necesite hacer un cambio rápido a una página web y no tenga un editor HTML en su computadora, puede editar su código en su navegador. Varios sitios web tienen herramientas poderosas que le permiten desarrollar, probar y modificar páginas web desde cualquier ubicación que tenga conexión a Internet. Incluso puede incluir JavaScript y hojas de estilo en cascada en el código que escribe en estos editores en línea.

1.

Vaya al sitio web de JsFiddle y revise la interfaz de usuario del sitio. Encontrarás cuatro grandes cuadros de texto en el lado derecho de la página. Tres de esos cuadros le permiten ingresar un tipo específico de código HTML. Pegue su código HTML en el cuadro de HTML, JavaScript en el cuadro de JavaScript y su código de hoja de estilo en cascada en el cuadro de CSS. Después de hacer eso, haga clic en "Ejecutar" y JsFiddle muestra su página web en el cuarto cuadro. Puedes guardar tu página haciendo clic en "Guardar". El sitio crea una URL única que puedes compartir con otros. Cuando visiten JsFiddle, verán las mismas cuatro cajas que tú. Los desarrolladores en diferentes ubicaciones a menudo usan JsFiddle para trabajar en sitios web de forma colaborativa

2.

Visite el sitio web de Quackit HTML Editor. Quackit tiene un editor de HTML con todas las funciones, similar a uno que encontrarías en una aplicación de escritorio. Las filas de herramientas en la parte superior del editor le permiten formatear el texto HTML que ingresa en el editor, administrar líneas de hipertexto, agregar imágenes y realizar otras tareas relacionadas con HTML. El editor muestra todo en modo Vista previa, pero puede hacer clic en el botón "Fuente" del editor para cambiar a la vista HTML. En esa vista, puede trabajar directamente con su código fuente HTML como lo haría con su editor de escritorio. Cuando termine de editar, resalte y copie el código que ve en la vista Fuente y péguelo en un documento de texto en su disco duro.

3.

Vaya a la página web de Tryit Editor de W3Schools.com y encuentre el cuadro de texto de edición en el lado izquierdo de la página. W3Schools es un sitio de tutoría en línea que tiene un editor de HTML llamado Tryit que procesa código HTML, CSS y JavaScript en tiempo real. Pegue HTML en el cuadro de texto de edición o escriba HTML desde cero. Cuando hace clic en el botón "Editar y haga clic en mí" cerca de la parte superior de la página, el editor muestra su página web en un cuadro de vista previa al lado del cuadro de edición. Cuando agregue código al cuadro de edición, escríbalo exactamente como lo haría si lo ingresara en un editor de HTML normal. No tiene que separar su código HTML, JavaScript y CSS como lo hace en JsFiddle. Debido a que W3Schools es un sitio de tutoriales, puede hacer clic en el enlace "W3Schools.com" en la esquina derecha de la página y ver una variedad de temas que pueden ayudarlo a aprender programación web y descubrir sugerencias de programación.

Consejos

• Los editores en línea también son una excelente manera de probar pequeños fragmentos de código HTML que descubra en Internet o que usted mismo desarrolla. Por ejemplo, si encuentra un fragmento de código útil que crea una presentación de diapositivas, puede copiar ese código, pegarlo en un editor en línea para aprender cómo funciona al instante.
• Es una buena idea copiar el código en el que está trabajando periódicamente en caso de que su conexión a Internet se caiga o su navegador se bloquee. Copie el código haciendo clic dentro de un editor, presionando "Ctrl-A" y luego presionando "Ctrl-C".