TutorialesAplicaciones

Crear un sitio web en 3 pasos simples

Aprende cómo crear un sitio web en 3 pasos simples, desde la elección del tema hasta la personalización del contenido, sin conocimientos técnicos avanzados.

5
Vistas 2754Actualizado 1 luniPublicado el 03/09/2020por Mark Dohi

Introducción

  • Crear un sitio web nunca ha sido tan fácil. Este artículo es adecuado para aquellos que están comenzando y quieren tener una presencia en línea, pero no tienen conocimientos avanzados en TI. Ya sea un blog, una página de presentación para un restaurante o un portal de noticias, tendrás todo lo que necesitas para un sitio web moderno y optimizado en todos los dispositivos.

Requisitos

Instalación del sitio web

  • Como se prometió en el título del artículo, en solo 3 pasos pasamos de un servicio recién adquirido a un sitio web accesible que puede rivalizar con muchos sitios creados por desarrolladores experimentados.
  • Para una mayor configuración, tanto en términos de contenido como de diseño, abordaremos los próximos párrafos.

Pasul 1 - Accesarea SiteBuilder (SitePad)

  • Necesitaremos acceder al panel de control de hosting donde instalaremos los archivos necesarios para nuestro sitio web. Esto se realizará utilizando el correo electrónico recibido al comprar los servicios de hosting (Datos de administración de hosting)

Datele de administrare ale găzduirii

  • Una de las cuatro direcciones del panel de control deberá ser accedida en un navegador de elección (recomendado Chrome o Firefox), similar a un sitio web normal. Después de acceder, se abrirá una página que permite la inserción de un nombre de usuario y una contraseña. Estos datos se tomarán del correo electrónico mencionado anteriormente, tras lo cual completaremos la autenticación con el Iniciar sesión botón.

Autentificarea în cPanel

  • Una vez conectado en cPanel, navegaremos hasta la parte inferior de la página y accederemos al icono de Constructor de Sitios SitePad en la categoría de Software

Meniul cPanel

Paso 2 - Elegir el Tema

  •  Después de acceder a SitePad desde cPanel, seremos redirigidos a la página donde será posible instalar el sitio web. Aquí, accedemos al texto crear un nuevo sitio, y en la página siguiente, hacemos clic en Comenzar

                                           Crear nuevo sitio                                                                                                Iniciando el procedimiento de creación

  • ¡La parte "difícil" llega justo ahora! Se nos presentará un catálogo que tiene más de 535 temas gráficos, de una amplia gama de campos de actividad. Para finalizar la selección del tema, nada más simple, iremos al botón verde Seleccionar

Selectarea temei site-ului

Paso 3 - Completando la instalación

  • La última parte consiste en completar los detalles sobre nuestro sitio web, que son los siguientes:

    1. Dirección del Sitio - Aquí podrán elegir el dominio en el que deseamos instalar el sitio web, el directorio donde será instalado, así como los protocolos de seguridad. Nuestra recomendación es que cada sitio se instale con la opción HTTPS, y el campo directorio se deje sin completar (si no se desea explícitamente otra carpeta), de este modo cada sitio se instalará en la carpeta predeterminada.

    2.   - Esta dirección de correo electrónico será utilizada para la autenticación en el panel de SitePad. Puede utilizar una dirección pública (gmail, yahoo) o la dirección de email asociada a su sitio.

    3. - El título que se mostrará en la página principal del sitio. No es relevante lo que pongamos, ya que puede ser modificado posteriormente.

    4.

    5. Idioma del Sitio - El idioma en el que se mostrará nuestro sitio web después de la instalación.

 

  • En el lado derecho, se pueden completar opcionalmente los datos de contacto. Después de asegurarnos de que toda la información esté ingresada correctamente, haremos clic en el botón Proceder con la Instalación

Introducerea datelor de administrare

  • Si todos los pasos se han seguido con éxito, recibiremos un mensaje de confirmación que indica que la instalación del sitio se ha completado, y se puede comenzar a personalizar accediendo a Haz clic aquí para iniciar sesión en el sitio y comenzar a editar

Finalizarea instalarii website-ului

  • En este momento, si accedemos al dominio en el que hemos instalado el sitio en un navegador, nos encontraremos con la interfaz que elegimos anteriormente.

Prezentarea site-ului

Configuración del Sitio Web

  • Si hemos llegado a este paso, significa que hemos instalado con éxito nuestro nuevo sitio web. Aunque podríamos pensar que el trabajo está completado, solo ahora comienza la parte de redacción y finalización.
  • En lo siguiente, revisaremos todos los aspectos que deben modificarse para tener el sitio web final y para empezar a atraer efectivamente al público objetivo establecido.
Textos
  • Cada tema predefinido presenta textos lorem ipsum (texto estándar utilizado para simular cuadros de texto y facilitar la evaluación del diseño de un sitio web), estos deben ser reemplazados.
  • Esto se puede hacer con un simple doble clic en el cuadro de texto. El tamaño, el color, la fuente y otros elementos de diseño se pueden modificar desde el lado derecho de la página en la Editar Título
    sección.

Editarea textelor in panou

Imágenes
  • No hay nada de malo en mantener las imágenes originales, ya que no presentan derechos de autor especiales, pero para no tener el sitio idéntico al de otros 1.000 usuarios, es recomendable (si disponemos de imágenes de calidad) reemplazarlas.
  • Para hacer esto, pasa el ratón sobre la imagen que deseas reemplazar y haz clic en el lápiz azul

Selectarea optiunii de editare

  • A partir de aquí, en el lado derecho, nos aseguramos de estar en Estilo de Fondo. Si no queremos necesariamente añadir una imagen, siempre podemos optar por una opción de color sólido o degradado, pero se recomienda usar imágenes en lugar de colores.

Modificarea imaginii de fundal

Los botones
  • Creo que ya has comprendido la idea, cualquier modificación es muy fácil de realizar, y la actualización de botones no es una excepción. Al igual que con las imágenes, los botones se modifican mediante el lápiz azul que se muestra al mover el ratón sobre el elemento, o haciendo clic derecho y seleccionando la opción Editar Caja de Imagen

Modificarea butoanelor

  • Nuevamente, el menú mostrado a la derecha nos ayudará a entender los aspectos que se pueden implementar o eliminar a voluntad. No vamos a revisar cada elemento individualmente, ya que los términos son explícitos.Menú de personalización
 
Páginas
  • Supongamos que queremos agregar páginas adicionales en la parte superior del sitio que lleven a diferentes secciones. Para agregar una página, simplemente accede a Páginas y Crear Nueva

Administrarea butoanelor

  • Desde la instalación inicial, habrá varias páginas con nombres que probablemente no serán aplicables a nuestro proyecto y deberán ser modificadas o eliminadas. Estas acciones se llevarán a cabo desde la configuración de la página correspondiente, que se puede encontrar en la parte superior, junto al logo de SitePad.

Meniul principal SitePad

                                                                                                                                                                                                                                                Actualización de nombres de botones

  • Después de ingresar el nuevo nombre de la página, o eliminar una página existente, debemos asegurarnos de haber guardado los cambios, de lo contrario, al salir de la página, no se retendrán.

Salvarea modificarilor

 

Widgets
  • Se pueden utilizar más de 40 widgets para personalizar la página como se desee. Ya sea que estemos hablando de Google Maps, Calendario, Tablas u otros, podemos insertar fácilmente cualquier elemento con un simple "clic y arrastrar". Estos elementos se pueden encontrar nuevamente en el lado derecho de la página en la sección de WidgetsMenú de Widgets
Hiperenlaces
  • Sin duda habrá situaciones en las que queramos hacer referencia a otra página de nuestro sitio web, pero no necesariamente a través de un botón, sino a través de texto. Esto se logra mediante hiperenlaces.
  • Para agregar un hipervínculo a nuestro texto, necesitaremos seleccionar el texto deseado, luego hacer clic derecho en Editar texto enriquecido

Adaugarea Hyperlink-urilor

  • Desde el menú ya conocido, seleccionaremos el icono de Enlace y insertaremos el enlace a la página a la que queremos que nos dirija el texto. También se recomienda completar los otros dos campos, Título y Objetivo, por razones de SEO (más información en el siguiente párrafo)

Configurarea Hyperlink-urilor

SEO
  • Un concepto familiar, pero malinterpretado por una gran parte de los propietarios de sitios web. En resumen, son una serie de identificadores que distinguen nuestro sitio de otros sitios en internet, y nos dan una ventaja sobre la competencia. Cuanto mejor sea la optimización de estos identificadores, mayor será la posición en los motores de búsqueda y, en consecuencia, aumentará el número de visitantes.
  • Para nuestro sitio, SEO la optimización se puede lograr a través de varios métodos, pero la forma más fácil es mediante el botón proporcionado por Site Builder

Meniul SEO

  • Cuanto más generales sean los términos, mayor será la competencia y las posibilidades de que tu sitio esté entre las primeras búsquedas solo por establecer estos campos se reducirán.
  • Si los términos son más inusuales, la posición será mejor, sin embargo, el número de quienes buscan estas palabras será menor. Cuando se trata de la optimización SEO, se debe encontrar un equilibrio adecuado.

MetaTags pentru website

  • Si no se insertan MetaTags, se asignarán automáticamente y las posibilidades de que sean adecuados para su sitio serán pequeñas.
  • Debes tener en cuenta que la optimización SEO es un espectro variado que puede implicar un trabajo constante, y la mayoría de las veces, se necesita una comprensión más profunda del concepto para lograr resultados significativos.

 

  • Para ver los cambios realizados hasta ahora, será necesario acceder nuevamente al botón Actualizar, presentado anteriormente, y hacer clic en Vista previa. Nuestro sitio se cargará con las actualizaciones realizadas en la última sesión.

Previzualizarea site-ului

  • Hay una posibilidad de que hayamos cometido un error en algún momento, o simplemente que no nos guste el diseño elegido, ¿qué hacemos, comenzamos el sitio desde el principio? No. Todas las versiones anteriores se pueden ver en la sección de Historia y Revisión, así tenemos la certeza de que siempre tenemos la opción de volver a una versión "anterior".

    Istoricul website-ului

 

  • Comencé el artículo diciendo que crear un sitio web "nunca ha sido tan fácil" y creo que tú piensas lo mismo ahora que tu sitio web ha sido completado con éxito.
    Sin embargo, hay otros aspectos a implementar antes de que el sitio pueda ser considerado "bien hecho", sin embargo, para una presencia inicial es un comienzo exitoso.
    En el camino, te familiarizarás con el constructor de sitios y ciertos aspectos serán mejor comprendidos y más fáciles de implementar.

Nota

  • Este creador de sitios es un programa de terceros proporcionado a través de un proveedor, y no es desarrollado directamente por el equipo de Hostico.
  • La instalación de un sitio se puede realizar en múltiples dominios, incluso si estos son añadidos por el mismo paquete de Hosting
  • Los certificados de seguridad SSL se generan automáticamente por cPanel cuando el sitio se instala en el alojamiento, y no se requiere ninguna configuración manual adicional
  • La aplicación SitePad está destinada principalmente a personas que buscan un sitio web sencillo que no requiera necesariamente la intervención de un desarrollador
  • El Constructor de Sitios no se puede utilizar para sitios web de tipo eCommerce. Para esto, recomendamos otras plataformas CMS como Prestashop, Magento, Wordpress + Woocommerce  que están específicamente diseñadas para este propósito.
  • La aplicación no viene predefinida con una interfaz de administración de bases de datos. Todos los registros se realizan directamente en PHPMyAdmin, y cualquier nueva entrada o consulta debe realizarse directamente desde cPanel

Artículos Similares

En línea en unos minutos, crea una página de presentación utilizando Site Publisher disponible a través de tu cuenta de cPanel.Tutoriales /cPanel

Crea rápidamente una página de presentación en línea con Site Publisher desde cPanel. Aprende cómo elegir el dominio, la plantilla y publicar la información deseada.

6
por Florin Petran
Vistas 1290
Actualizado hace 10 meses
Publicado el 15/08/2017
Creando una cuenta de cliente en Hostico.Tutoriales /Comercial

Aprenda cómo crear una cuenta de cliente en Hostico, paso a paso. Siga las instrucciones para completar los datos necesarios y cumplir con los términos.

3
por Mark Dohi
Vistas 1115
Actualizado hace 29 días
Publicado el 30/06/2017
Obtener el código EPP para extensiones comunes net, com, biz, eu, org, etc.Tutoriales /Dominios

Descubre cómo obtener el código EPP para los dominios .com, .eu, .net y otros, con pasos simples y requisitos esenciales. Guía completa para la gestión de dominios.

3
por Bogdan Jitaru
Vistas 969
Actualizado hace 2 años
Publicado el 24/01/2019
Cancelación de la renovación de un dominio.Tutoriales /Comercial

En este tutorial, se presentarán los pasos necesarios para cancelar la generación de la factura proforma para dominios.

por Mark Dohi
Vistas 680
Actualizado hace 9 meses
Publicado el 20/08/2018
Agregar un dominio adicional en el panel de administración de PleskTutoriales /Plesk

En este tutorial, le mostraremos cómo agregar un dominio adicional o dominio suplementario en el panel de administración de Plesk.

por Florin Petran
Vistas 311
Actualizado hace 2 años
Publicado el 29/05/2019