Cree su primer sitio web

Juntos descubriremos los pasos básicos para crear su primer sitio web y ponerlo en línea.

1 -Preliminares antes de la construcción de la obra

El mapa del sitio es una estructura de árbol de las diferentes secciones que componen su sitio web.

Por ejemplo: (Inicio, Presentación, Noticias, Contacto)

../../_images/graphic_sitemap.png

Se trata de una importante etapa de reflexión que definirá sus diferentes páginas y la estructura de su sitio.

Intenta que la estructura sea sencilla para que el visitante no se pierda en la navegación

Luego viene la elección del tono del color, el estilo.

Prepara y agrupa todos tus elementos gráficos (imagen fotográfica, iconos) en una carpeta de tu ordenador.

Puedes utilizar gráficos libres de derechos disponibles en Internet (Unsplash, etc.)

Siéntase libre de inspirarse en los sitios existentes que le gusten.

2- Creación del proyecto WebAcappella

Ha llegado el momento de crear tu primer proyecto de WebAcappella.

Haga clic en el menú del nuevo proyecto

../../_images/choose_blank_site.jpg

Importación de gráficos al editor de recursos

../../_images/button_edit_resources.jpg

Arrastre las imágenes desde su ordenador.

../../_images/resources_manager.jpg

3 - Creación de encabezados y pies de página

Advertencia

Es importante que se familiarice con los fundamentos de WebAcappella FUSION antes de empezar a dar formato a su sitio.

Términos que debe conocer

Un sitio web coherente requiere, por lo general, elementos comunes en todas las páginas.

Entre ellas se encuentran:

  • una cabecera con un menú que permita un acceso sencillo a las principales secciones de su sitio

  • Un «pie de página» con acceso a páginas secundarias (aviso legal, etc.)

WebAcappella le permite crear estos elementos (pie de página y cabecera) una sola vez y luego integrarlos en todas sus páginas

Cree un widget de página para cada uno de estos elementos (Cabecera y Pie de página).

../../_images/create_widget_header_and_footer.jpg

Una imagen y un elemento de menú serán arrastrados al widget de cabecera

../../_images/header_drop_menu.jpg

El widget «pie de página» contendrá un texto de copyright

../../_images/footer_set_copyright.jpg

Truco

En cualquier momento, puede hacer clic en «Probar» para previsualizar su sitio web.

4- Crear su página principal (home)

Seleccione su página de inicio.

Pruebe la integración de su cabecera y pie de página en su página de inicio

Colocación de la cabecera de la página

../../_images/add_comp_widget.jpg

Arrastre el elemento del widget a la parte superior de la página.

../../_images/drop_widget_on_top.jpg

Elija el widget creado anteriormente.

../../_images/link_widget_tocomp_widget.jpg

Seleccione la cabecera de la página.

../../_images/choose_widget.jpg

Haga exactamente lo mismo con el pie de página, que colocará en la parte inferior de la página

Crear el contenido de su página de inicio (cuadros de texto e imágenes)

Esta es la primera página que contiene:

  • una cabecera de página (arriba)

  • el cuerpo central de su página

  • un pie de página (en la parte inferior)

../../_images/screen_page_with_2_widgets.jpg

Ahora debe rellenar la información sobre su página para que sea referenciada por los motores de búsqueda

Abrir las propiedades de la página

../../_images/page_properties_button.jpg

Rellene sus datos

../../_images/page_properties.jpg

5- Crear todas sus páginas

Puede crear las demás páginas de su sitio empezando con una nueva página en blanco o duplicando su página de inicio

Rellene el contenido de sus páginas y defina para cada página los elementos de referencia y, sobre todo, el nombre de la página

Truco

El SEO lleva tiempo, así que tenga cuidado de no cambiar el nombre de la página con demasiada frecuencia para evitar confundir a los motores de búsqueda.

6- Publique su sitio

Su sitio está ahora listo para ser publicado en Internet.

Debe adquirir un nombre de dominio y un alojamiento para transferir todas sus páginas e imágenes y otros archivos necesarios para su funcionamiento.

Elección de alojamiento

Rellene los parámetros de SFTP proporcionados por su anfitrión en WebAcappella

../../_images/publication_properties.jpg

Publica tu sitio.