La mayoría de las personas que planean iniciar una página web se enfrentan al problema de diseñarla. O bien no tienen habilidades y conocimientos para diseñar la página o no tienen dinero para contratar a un diseñador y diseñar la página para ellos. En ambos casos, no le queda más remedio y tiene que diseñar su página web por su cuenta, lo que puede ser tedioso y llevar mucho tiempo.

La solución a esto puede ser abrir un blog en Blogger o WordPress, pero los blogs no son lo mismo que un sitio de comercio electrónico y están destinados a un público totalmente diferente. Así que si eres un principiante y quieres una herramienta sencilla para crear sitios web, SiteSpinner puede ayudarte. Esta aplicación te permite crear sitios web desde cero y sin necesidad de codificación manual sucia.

Nota: Necesitarás una cuenta de alojamiento web para transferir las fies y páginas de tu sitio web.

Cómo crear páginas web con SiteSpinner

1. Abra el programa Sitespinner y verá el aviso para introducir el número de serie. Omita este paso y pulse el botón “Probar ahora” para empezar.

2. Una vez que estés en la interfaz de la aplicación, crea un nuevo proyecto para construir páginas para tu sitio web desde Archivo > Nuevo proyecto.

3. Se le mostrará la página de índice para su edición. La página índice en cualquier sitio web se refiere a la primera página (página de inicio) que se muestra cuando se carga el sitio web. Desde el botón del menú de páginas, puede crear nuevas páginas para su sitio web, establecer el orden de las páginas, cortar o copiar páginas, etc.

Añadir títulos, subtítulos en su página:

4. Para añadir títulos y subtítulos, haz clic en el botón del editor de títulos de la caja de herramientas. A continuación, puede crear títulos y subsecuentes subtítulos para su página. También puede alinear los títulos, elegir una fuente personalizada, el tamaño y el color.

Añadir texto con formato e hipervínculos en su página:

5. Para añadir texto con formato, haga clic en el botón “Añadir texto con formato” de la caja de herramientas. Se le mostrará un editor WYSIWYG donde podrá escribir texto e introducir hipervínculos.

Añadir imágenes en su página:

6. Para añadir una imagen en su página, seleccione el botón de imagen de la caja de herramientas y busque la ubicación de la imagen almacenada en su ordenador. La imagen se añadirá a tu página y luego podrás personalizarla, elegir el ancho y el alto, etc.

Añadir vídeos en tu página:

7. Añadir vídeos de sitios para compartir vídeos también es fácil. Desde la caja de herramientas, haz clic en el botón de código e introduce el código de inserción del vídeo en la ventana de código.

Pulsa Enter y el vídeo se añadirá a tu página. Sólo tienes que arrastrar y soltar para colocar el vídeo donde quieras que aparezca en la página.

El vídeo no aparecerá en el modo de diseño y sólo estará disponible cuando previsualices o publiques la página como se describe más adelante en el artículo.

Añadiendo html u otros códigos en tu página:

8. Para añadir clases css personalizadas o códigos html, sólo tienes que pulsar el botón de código de la caja de herramientas. Aparecerá una ventana de código y allí podrás introducir el código html y las clases css por separado.

Tomemos un ejemplo rápido para entender cómo funciona. Supongamos que quieres añadir cualquier código html y definir una clase css personalizada y un estilo. Primero crea una clase css personalizada e introduce el html para esa clase en la sección del cuerpo de tu página.

Ahora para la parte css, entra en una nueva ventana de código y escribe el código css. Asegúrate de introducirlo en la cabecera de la página que estás editando.

Previsualiza tu página en el navegador:

9. Puedes previsualizar cómo se ve la página en diferentes navegadores, por ejemplo, Firefox, Google Chrome e Internet explorer. Elija el navegador deseado y haga clic en el botón Vista previa y el programa abrirá una nueva pestaña o ventana del navegador que contiene la vista previa de la página que acaba de diseñar en SiteSpinner.

Publicar las páginas en su sitio web:

10.

Ahora que has diseñado tus páginas, es el momento de ponerlas en marcha. Haz clic en el botón Publicar

y selecciona las páginas que quieres transferir a tu cuenta de alojamiento web.

A continuación, vaya a la pestaña FTP e introduzca sus datos FTP. Pulsa Publicar

y las páginas seleccionadas se transferirán a tu cuenta de alojamiento web. Ahora puedes ver tu sitio web y las páginas en el navegador.