Tecnología

Inicio

La codificación HTML en Yola

La codificación HTML en Yola


Yola ayuda a los usuarios de Internet crear sitios web de aspecto profesional de forma rápida. Después de inscribirse para una cuenta gratis Yola, puede utilizar sus herramientas de diseño para comenzar a construir páginas web al instante. Si sabes un poco de HTML, puede hacer que su sitio se vea aún mejor mediante la adición de código HTML a sus páginas HTML usando el editor de Yola.

La creación de una página web

Al hacer clic en "Crear nuevo sitio" inicia un asistente que le permite elegir un estilo de diseño, personalizar las partidas y añadir paneles personalizados para el sitio. Cuando finalice el asistente, Yola muestra su página de presentación en la página de diseño. Usted es libre de publicar a continuación o continuar modificando su diseño. Una barra lateral contiene herramientas útiles que puede utilizar para cambiar la forma en que su página se ve. Haga doble clic en la herramienta "Imagen", por ejemplo, y una ventana Cargar le pide que subir una foto.

Adición de HTML

Arrastrando la herramienta "HTML" en su página Web se abre una ventana de edición HTML. No se puede escribir líneas de código HTML regulares que añaden controles adicionales a su página. Escriba el siguiente código, por ejemplo, para agregar un encabezado a la página:

<H1> Este es un nuevo título </ h>

Al hacer clic en "Guardar", aparecerá un nuevo panel que contiene el control que ha añadido en su página web. Arrastre este panel a cualquier lugar que te guste para cambiar la posición del control.

La actualización de HTML

Un botón de "Margen" aparece en cada panel de HTML de la página Web. Después de hacer clic en este botón, se abre la ventana emergente "Editar margen". Esta ventana le permite ajustar el espacio alrededor del panel. Un botón de "Margen" aparece en cada panel de HTML de la página. Haga clic en este botón para ver la ventana emergente "Editar margen". Esta ventana le permite ajustar los márgenes superior izquierda, inferior, derecha, que rodean el panel seleccionado. Cada panel tiene también un botón "Editar" que se abre la ventana de edición de HTML. puede hacer clic en el botón "Editar" cuando se necesita para actualizar el código HTML del panel.

Consejos

editor HTML de Yola le permite incluir código JavaScript en las páginas Web. Para ello, agregue un bloque <script> en el código como se muestra en el ejemplo siguiente:

<Script>
funcionar processClick () {
alert ( 'Esta es una prueba');
}
</ Script>

Este código crea una función denominada processClick. Cuando se ejecuta, se muestra un cuadro de mensaje. Crear tantas funciones como desee, colocándolos entre las etiquetas <script> en la ventana de edición de HTML. Cuando esté satisfecho con los cambios, haga clic en "Publicar en Web". La página Publicar abre y le permite hacer visible su sitio en la Web. Después de la publicación, realizar cambios en el código HTML de la página haciendo clic en el botón "Editar sitio web" situada en su página Panel.