¡Cómo codificar un sitio web desde cero! 5 sencillos pasos

¿Cuáles son los diferentes tipos de lenguajes de programación?

Los lenguajes de programación para sitios web se dividen en dos categorías principales: Frontend y Backend. Los lenguajes utilizados para programar una página web para el Frontend son HTML, CSS y JavaGuión.

Los idiomas de interfaz incluyen

Lenguaje de marcado de hipertexto (HTML) – Este lenguaje se utiliza para formatear páginas web y organizar elementos en una página web. Se compone de etiquetas de apertura y cierre y cada una tiene una tarea específica. Por ejemplo, la etiqueta de título se utiliza para escribir el título de la página web en la barra de direcciones.
Hojas de estilo en cascada (CSS) – Como sugiere el nombre, CSS se utiliza para diseñar páginas web. Por ejemplo, puede utilizar CSS para definir el fuente del sitio web, tamaño de fuente, colores, etc. CSS se puede escribir en un archivo y reutilizar una y otra vez en numerosos elementos de una página web.
JavaGuión (JS) – JavaLos scripts se utilizan para hacer que los sitios web sean más interactivos. Supongamos que ha creado un botón y desea que muestre un mensaje cuando se hace clic en él. Puede utilizar JavaScript para escribir esa funcionalidad.

Idiomas de backend

El backend se puede codificar en cualquier lenguaje que admita el desarrollo web. puedes usar JavaScript en el lado del servidor usando NodeJS, Python, Rubí o PHP. Uno de los programas más utilizados para el desarrollo de sitios web es PHP. En esta guía, nos centraremos en PHP como lenguaje de programación.

PHP:

PHP significa Preprocesador de Hipertexto. A diferencia de las tecnologías frontend que se ejecutan en el navegador web, PHP se ejecuta en el servidor web. Se utiliza habitualmente para realizar actividades como registrar usuarios, autenticar usuarios, enviar correos electrónicos, etc.

Cómo codificar un sitio web: guía completa para principiantes

En esta guía completa, le enseñaremos cómo crear un sitio web desde cero y escribir todo el código usted mismo, o puede utilizar una plataforma existente como WordPress o Joomla, etc.

Cubriremos los siguientes temas en esta guía completa.

Crear desde cero vs. utilizando un sistema de gestión de contenidos
Crear un sitio web desde cero usando un framework (PHP MVC Framework)
Creación de un sitio web utilizando un sistema de gestión de contenidos (WordPress)

El concepto básico de HTML.

Un documento HTML es un archivo de texto que contiene etiquetas y elementos HTML y normalmente termina con una extensión de archivo .html.

HTML también se puede incrustar en otras extensiones de archivos de lenguajes de programación como *.php, *.jsp o *.asp.

Los navegadores web analizan documentos HTML para mostrar páginas web. Puede ver el HTML que conforma la página web en el navegador web.

Estos son los pasos que le ayudarán a crear un sitio web:

Paso 1) Haga clic derecho en la página web para mostrar el menú emergente.

Paso 2) Seleccione Ver fuente de la página.

Paso 3) El código HTML se mostrará en texto sin formato y podrás ver las etiquetas y elementos HTML que componen la página.

También puede ver algo de CSS y JavaScript incrustado o incluido como archivos externos separados.

La función del navegador web es traducir el documento HTML a un formato legible para humanos. El navegador también procesa el JavaScript que se incluye dentro de la página web.

Comprender la estructura del documento HTML

Supongamos que ha creado un documento de Word antes. En ese caso, comprender la estructura de un documento HTML le resultará bastante fácil. En un documento de Word, tendrá el título del documento, la tabla de contenido en la que se puede hacer clic, las secciones de contenido con un formato diferente y el pie de página. La estructura de un documento HTML es más o menos la misma que la del documento de Word que acabamos de describir.

Todos los documentos HTML están encerrados en la etiqueta HTML. Dentro de la etiqueta HTML, tendrás otras etiquetas como head y body. La etiqueta del encabezado contiene otras etiquetas, como el título para mostrar el título de la página. También incluye enlaces a archivos externos para estilos CSS, JavaScript y metadatos. La etiqueta body contiene los elementos que componen la página web. Los elementos dentro de la etiqueta body pueden ser div, tablas, listas, etc.

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>How to create a website for beginners</title>
    <meta name="description" content="My First Webpage created using HTML, CSS, JavaScript, and PHP">
    <meta name="author" content="Guru99">
    <link rel="stylesheet" href="css/styles.css?v=1.0">
</head>
<body>
    <h3>Welcome to my first webpage</h3>
</body>
</html>

Explicación:

define el tipo de documento que es HTML
… define la etiqueta HTML con un atributo de idioma que especifica el idioma del sitio web.
En este ejemplo sencillo, el idioma del sitio web es el inglés. Dentro de la etiqueta HTML de apertura y cierre, tendremos etiquetas como head y body, que a su vez encierran otras etiquetas y elementos.
… define la etiqueta principal que contiene metadatos.
… define el cuerpo que contiene el contenido del sitio web.

Conozca los selectores CSS

Los selectores CSS seleccionan elementos en la página web que desea formatear según las reglas CSS definidas.

Los selectores CSS se clasifican en cinco categorías principales, a saber:

Selectores simples: Estos selectores se utilizan para seleccionar elementos según atributos como identificación, nombre o clase.
Combinador CSS: Tal como sugiere el nombre, este tipo de selector selecciona un elemento en función de una combinación de elementos relacionados. Por ejemplo, puede utilizar este método para seleccionar solo elementos de párrafo que estén dentro de elementos div.
Pseudoclases CSS: Estos selectores funcionan según el estado de un elemento. Por ejemplo, coloque el cursor sobre un hipervínculo. Puede cambiar su color de fondo para mostrarle al usuario hacia dónde se dirige actualmente. Entonces, cuando el usuario aleja el mouse del hipervínculo, el formato se elimina automáticamente.
Pseudoelementos CSS: Este selector se utiliza para seleccionar partes específicas de un elemento. Por ejemplo, puede utilizar un selector de pseudoelementos para ampliar la primera letra de la primera palabra de cada párrafo y dejar las demás letras intactas.
Atributo CSS: Este selector funciona en función de los atributos aplicados a los elementos o valores de atributos específicos. Por ejemplo, puede usar un selector de atributos CSS para formatear todos los botones HTML con el color de fondo verde que contiene el valor del atributo "enviar". color de fondo verde a los botones que tienen el valor del atributo configurado para enviar.

Armar una hoja de estilo CSS

Esta sección creará un documento de estilo CSS simple que realiza un estilo simple definiendo las siguientes reglas de estilo.

Centrar texto basado en un centro de clase: Esta regla centrará el texto y cambiará el color del texto a rojo.
Dar formato al texto según la identificación del elemento: Crearemos una regla de estilo para el título de identificación que cambiará el color a naranja, pondrá el peso de la fuente en negrita y cambiará el texto en mayúsculas.
Formatee el texto según el elemento de encabezado número 2: Esta regla establecerá el color del texto de un encabezado en azul y establecerá el tamaño de fuente en 60 píxeles.

El siguiente código define un documento CSS con las reglas anteriores.

.center {
    text-align: center;
    color: red;
}
#title {
    color: orange;
    text-transform: uppercase;
    font-weight: bold;
}
h2 {
    font-size: 60px;
    color: blue;
}

Explica:

.center {…}: define un centro de reglas de clase que alinea el texto en el centro y cambia el color de la fuente.
#title {…}: define una regla de título que cambia el color de la fuente, transforma todas las letras a mayúsculas y cambia el peso de la fuente a negrita.
h2 {…}: define reglas que se aplicarán a todos los elementos h3. El tamaño de fuente se establecerá en 60 píxeles y el color de fuente se actualizará a azul.

Descargar/Instalar Bootstrap

Bootstrap es un marco CSS que viene con una buena cantidad de estilos que puedes comenzar a usar de inmediato. Contiene estilos para diseños y elementos de formato.

Puedes escribir tus propios estilos CSS que personalicen la configuración predeterminada del framework CSS bootstrap. Para ello, puedes descargar Bootstrap directamente desde el sitio web oficial, o puede incluirlo en su documento HTML desde la red de entrega de contenido (CDN).

Alternativamente, puede utilizar una herramienta de administración de paquetes como Node Package Manager (NPM) para instalar Bootstrap, pero esto es para desarrolladores web avanzados. Para descargar Bootstrap, puedes hacer clic en esto enlace aquí y úsalo en tu proyecto como cualquier otro CSS y JavaArchivo de script.

Aprenderemos cómo usarlo en la sección siguiente cuando analicemos la creación de su primera página web.

El papel de HTML y CSS

La función del HTML es proporcionar estructura a las páginas web. Los navegadores web utilizan esta estructura para mostrar contenido presentable a los usuarios. En segundo lugar, los motores de búsqueda utilizan la estructura HTML para navegar por la página web e indexarla.

La función de CSS es proporcionar estilo al contenido para que sea visualmente atractivo para los usuarios.

Comprender los términos HTML comunes

Veamos ahora algunos de los términos HTML comunes con los que debería estar familiarizado como desarrollador web.

S / N	Término	Descripción
1	Element	Los elementos son palabras clave que se utilizan para definir estructuras y contenidos específicos de la página web. Por ejemplo, el elemento H3 se utiliza para definir una estructura de encabezado. Otros ejemplos de elementos incluyen párrafos (p), anclajes (a) y contenedores (div), etc.
2	Etiqueta	Las etiquetas son rótulos que marcan el comienzo y el final de un elemento. Las etiquetas incluyen palabras clave del elemento entre corchetes angulares. Por ejemplo, Párrafo es una etiqueta de párrafo donde es la etiqueta de apertura y Es la etiqueta de cierre.
3	Atributo	Los atributos son propiedades de elementos que proporcionan información complementaria. Por ejemplo, podemos usar el atributo id para darle un nombre único a un elemento. La identificación se puede usar en CSS o JavaGuión.
4	hiperenlace	Un hipervínculo es un enlace en el que se puede hacer clic y que abre una nueva página web. Puedes crearlo usando el elemento de anclaje.
5	Cabeza	La etiqueta principal contiene información oculta al usuario pero útil para el navegador web y los motores de búsqueda.
6	Cuerpo	La etiqueta del cuerpo contiene información que es visible para el usuario en el navegador web.
7	Pie de página	La etiqueta de pie de página contiene información que se muestra en la sección de pie de página de la página web.
8	Comentario	Los comentarios se utilizan para documentar y explicar el código HTML y el navegador los ignora al analizar el documento HTML.
9	Div	Div es un elemento contenedor que se utiliza para crear diseños.
10	Título	La etiqueta de encabezado se utiliza para crear encabezados HTML.
11	Salto de línea	Este elemento se utiliza para crear un nuevo salto de línea.
12	Enlaces	Los enlaces se utilizan para incluir otros archivos, como archivos CSS externos, en los documentos HTML.
13	metadatos	La etiqueta de metadatos proporciona información complementaria sobre la página web que resulta más útil para los robots de los motores de búsqueda.
14	Lista	La etiqueta de lista se utiliza para crear una lista. La lista puede estar ordenada o desordenada.
15	párrafo	El elemento de párrafo se utiliza para mostrar datos de texto en formato de párrafo.
16	Mesa	Este elemento se utiliza para crear una tabla.
17	Título	Tal como sugiere el título, se utiliza para establecer el título de la página web.
18	Formulario	La etiqueta de formulario se usa para crear formularios que podemos usar para obtener información de los usuarios.
19	Guión	La etiqueta script se vincula a un sitio externo. JavaScript o en línea JavaCódigo de script dentro del documento HTML.
20	AJAX	AJAX significa asíncrono JavaScript y XML. Es una tecnología que se utiliza para actualizar ciertas partes de la página web sin tener que recargar toda la página.

Comprensión de los términos CSS comunes

Los siguientes son algunos de los términos CSS comunes con los que debes estar familiarizado.

S / N	Término	Descripción
1	Selector	Esto se refiere al CSS responsable de seleccionar los elementos del documento HTML que deseamos formatear.
2	Propiedades	Las propiedades se refieren al atributo del elemento al que deseamos establecer un valor.
3	Valores	Tal como sugiere el nombre, asignamos el valor a la propiedad con fines de estilo.
4	Comentario	Los comentarios se utilizan para documentar y explicar el código CSS.
5	Conjunto de reglas	Se refiere a una sección completa de código CSS compuesta por el selector, el corchete de declaración, las propiedades y los valores respectivos.
6	Declaración	Esto se refiere a una sola línea de código dentro del documento CSS.
7	Bloque de declaración	Se refiere a la sección del CSS que define las reglas de estilo. Está entre llaves.
8	Palabra clave	Esta es una palabra reservada que tiene un significado especial en CSS. Por ejemplo, la palabra auto tiene un significado especial, por tanto, es una palabra clave
9	Selector de atributos	El selector selecciona un elemento según el valor del atributo.
10	Selector universal	Este selector se utiliza para hacer coincidir cualquier elemento dentro del contexto dado. El contexto generalmente se aplica a un elemento principal, como una lista, para que todos los elementos dentro de la lista puedan heredar el estilo del elemento principal.
11	Selector de identificación	Este selector realiza una selección basada en la identificación del elemento.
12	Selector de clases	Este selector realiza una selección basada en el valor o valores del atributo de clase.
13	Selector de tipo de elemento	Este selector se basa en el tipo de elemento utilizado en el documento HTML.

Editores HTML

El editor HTML es un programa que se utiliza para escribir y editar código HTML. Puede utilizar cualquier editor de texto para escribir código HTML, pero los editores HTML vienen con muchas funciones integradas que facilitan la escritura de código.

Veamos algunas de las opciones populares:

Visual Studio Code

Visual Studio Code es un editor de código multiplataforma desarrollado por Microsoft. Usted puede utilizar Visual Studio Code para editar código para muchos idiomas, incluidos HTML, CSS, JavaScript y PHP. Visual Studio Code es gratis y funciona Windows, Mac y Linux.

Sublime Text

Sublime Text es un editor de código multiplataforma que también se puede utilizar para escribir y editar HTML, CSS, JavaScript y código PHP. Es un producto comercial y debes comprarlo. También puedes usarlo gratis en modo no registrado.

Notepad++

Notepad++ es un editor de código liviano que también admite muchos idiomas. A diferencia de Visual Studio Code y Sublime Text, Notepad++ no es multiplataforma. Sólo funciona en el Microsoft Windows .

NetBeans IDE

NetBeans es un entorno de desarrollo integrado (IDE) que ofrece más funciones que un editor de código normal. NetBeans Es gratuito y multiplataforma.

Creando tu primera página web

Creemos ahora una página web sencilla. Aquí hemos creado un documento HTML simple y le aplicamos algunos estilos usando Bootstrap CSS. También tendremos un botón en el que se puede hacer clic que mostrará un mensaje simple usando JavaGuión.

Estos son los pasos que le ayudarán a aprender cómo crear un sitio web desde cero:

Paso 1) Abre tu editor de texto favorito.

Aquí abrimos el bloc de notas.

Paso 2) Crea un nuevo archivo.

llamado index.html.

Paso 3) Añade el siguiente código,

en el archivo index.html.

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

    <title>My First Web Page</title>
    <script>
    function displayMessage() {
        document.getElementById("message").innerHTML = "Greetings from JavaScript!";
    }
    </script>
</head>
<body>
    <div class="container">
        <h1>My Web App!</h1>
        <p id="message">Your message will appear here.</p>
        <button type="button" class="btn btn-primary" onclick="displayMessage()">Click Me!</button>
    </div>
</body>

</html>

Explicación:

define el tipo de documento.
… define la etiqueta principal que contiene los metadatos que son invisibles para los usuarios.
El encabezado también contiene una etiqueta de script que contiene JavaCódigo de script que muestra un mensaje de saludo.
También estamos cargando Bootstrap CSS de una red CDN.
… define el contenido de nuestra página: un encabezado, un párrafo y un botón que aplica algún estilo de Bootstrap CSS.

Crear desde cero vs. utilizando un sistema de gestión de contenidos

Crear un sitio web desde cero requiere habilidades y conocimientos adecuados. También lleva más tiempo y también puede costar mucho dinero.

Por otro lado, no es necesario ser un programador experto para crear su sitio web utilizando un sistema de gestión de contenidos como WordPress. Los sistemas de gestión de contenidos son similares a aplicaciones como Microsoft Word.

Con un sistema de gestión de contenido, usted se concentra en crear páginas, escribir contenido y publicarlo, al igual que crear documentos en palabras e imprimirlos en una impresora.

La siguiente tabla compara los dos métodos populares para crear sitios web.

S / N	Pros y contras	Creando desde cero	Usar un sistema de gestión de contenidos
1	Hora	Requiere mucho tiempo.	Requiere poco tiempo. Se puede crear en menos de 24 horas.
2	Costo	Puede resultar caro contratar a un programador cualificado.	Puedes hacerlo tú mismo o contratar a alguien para que lo cree por ti.
4	Habilidades	Requiere un programador experimentado y capacitado.	Requiere menos habilidades. Es necesario tener conocimientos de informática para hacerlo.
5	Security	Los piratas informáticos no pueden encontrar fácilmente debilidades en el código para explotar.	Los piratas informáticos pueden encontrar fácilmente los puntos débiles del código y explotarlos. Las actualizaciones periódicas son importantes por razones de seguridad.
6	Velocidad	Suelen ser más rápidos porque en tiempo de ejecución solo se cargan las funciones necesarias.	Suelen ser más lentos porque el sistema de gestión de contenidos se presenta como una solución de uso general que puede cargar funciones que no necesariamente necesitas.
7	Mantenimiento	Fácil de mantener porque las actualizaciones sólo se realizan cuando es necesario	Requiere más trabajo ya que debe realizar actualizaciones periódicas del CMS por razones de seguridad.
8	Optimización de motores de búsqueda (SEO)	Requiere más trabajo y es necesario recordárselo al programador porque la mayoría de los programadores no son expertos en SEO.	La mayoría de los sistemas de gestión de contenido incluyen herramientas de optimización para motores de búsqueda (SEO) de fábrica. Se pueden agregar funciones adicionales fácilmente mediante complementos.

Usando un marco (marco PHP MVC)

En esta sección veremos cómo podemos crear nuestro sitio web desde cero. Cada sitio web debe utilizar tecnologías frontend como el lenguaje de marcado de hipertexto (HTML), JavaScript y hojas de estilo en cascada (CSS).

El backend tiene más opciones para lenguajes de programación. Puedes usar PHP, Python, Rubí, JavaScript, etc. PHP es uno de los más comunes. Hablaremos de tecnologías PHP en esta sección.

Puedes usar PHP ya que es un proceso lento, por lo que incluso los programadores que crean sitios web desde cero necesitan usar un marco de desarrollo. El más popular es el marco Modelo-Vista-Controlador (MVC). Ejemplos de marcos PHP MVC incluyen Laravel, CodeIgniter, Cake PHP, Symfony, etc.

Los marcos MVC proporcionan las siguientes características:

Conectividad de base de datos integrada con bibliotecas: Esto le ahorra tiempo para escribir código para conectarse a la base de datos de forma segura para escribir y recuperar datos.
Módulos de autenticación integrados: Esto le ahorra tiempo para escribir el código que requerirá que los usuarios inicien y cierren sesión en el sitio si es necesario.
Código estructurado: El patrón de diseño MVC separa la lógica empresarial de la presentación. Esto facilita tener un programador que pueda trabajar en el back-end y un diseñador web que trabaje en el desarrollo del front-end.
Paquetes: Se trata de colecciones de bibliotecas que realizan tareas tremendamente específicas. Por ejemplo, puede usar o descargar un paquete para agregar funciones como;
- Agregar la función de comentarios de Disqus a su sitio
- Llamar a una API
- Integración de una pasarela de pago.

Puede utilizar marcos MVC para acelerar el tiempo de desarrollo. También puede utilizar plantillas HTML para acelerar el desarrollo del Frontend mediante plantillas HTML de código abierto. También puedes comprar una plantilla HTML comercial y luego personalizarla según tus necesidades. Algunos creadores de plantillas HTML incluso crean plantillas HTML de marco MVC específicas.

Por ejemplo, puede comprar una plantilla HTML que utilice una plantilla Blade, un motor de plantillas integrado en el marco Laravel MVC.

Creación de un sitio web utilizando un sistema de gestión de contenidos (WordPress)

En esta sección, veremos cómo se puede crear un sitio web usando WordPress:

Descargando WordPress

Puede descargar WordPress desde el sitio web oficial y ejecutarlo en su computadora local si tiene un servidor web y PHP instalado. Sin embargo, si ya tienes una cuenta de hosting, puedes instalar WordPress directamente desde tu cPanel.

Introducción a WordPress

Una vez que haya instalado WordPress, puede comenzar a crear su sitio web.

Alojamiento web:

Antes de comenzar, es necesario tener un nombre de dominio y alojamiento web cuenta. La cuenta de alojamiento web debe tener PHP instalado y MySQL como motor de base de datos. Puedes tomar el servicio de Bluehost, Godaddy, o puedes alojar con WP Engine, que se especializa en proporcionar alojamiento administrado de WordPress.

Instalación:

La mayoría de los proveedores de alojamiento web tienen scripts especiales en el panel administrativo que le permiten instalar WordPress. Si su proveedor de hosting usa cPanel, entonces debería poder instalar WordPress haciendo clic en el ícono de WordPress como se muestra en la imagen a continuación:

Una vez que seleccione la opción anterior, se le presentará la siguiente ventana para completar la instalación.

Configuración

La sección de configuración le permite configurar cosas como el nombre del sitio, enlaces URL permanentes, zona horaria, si alguien puede registrarse en su sitio, etc.

Plantilla:

Las plantillas nos permiten ver cómo se ve nuestro sitio web. WordPress viene con plantillas integradas gratuitas que puedes usar de inmediato. También puedes descargar plantillas creadas por otros. Además de las plantillas gratuitas, también puedes comprar plantillas premium en mercados como ThemeForest.

Complementos:

Los complementos le permiten ampliar la funcionalidad de WordPress. Por ejemplo, puede utilizar un complemento para permitir que sus clientes le paguen a través de PayPal desde su sitio web. También puede utilizar complementos para obligar a los usuarios a utilizar conexiones seguras (HTTPS) o generar mapas del sitio.

Constructores de sitios web:

Los creadores de sitios web vienen con muchas funciones que facilitan la creación de sitios web mediante métodos de arrastrar y soltar. Los creadores de sitios web suelen instalarse como complementos y vienen con plantillas que puedes utilizar.

Veamos algunos de los creadores web más populares:

Astra

Astra es un tema de WordPress rápido, liviano y altamente personalizable. Viene con plantillas iniciales que puede utilizar para crear rápidamente sus sitios. Tiene plantillas de inicio gratuitas y premium.

Elementor:

Elementor es un creador de sitios web de arrastrar y soltar para WordPress que utilizan más de 5 millones de usuarios. Elementor ofrece funciones gratuitas y premium.

Constructor de castores:

Beaver Builder es un creador de sitios web de arrastrar y soltar fácil de usar para WordPress que le permite crear sitios web de apariencia profesional rápidamente.

Alternativas de WordPress

WordPress no es el único sistema de gestión de contenidos que puede utilizar para crear su sitio web. También puedes buscar alternativas como

Joomla: Joomla es un sistema de gestión de contenidos de código abierto que se puede utilizar para publicar contenidos, foros de discusión, aplicaciones de comercio electrónico, etc. Utiliza PHP como lenguaje de programación y MySQL como motor de base de datos.
Drupal: Es un sistema de gestión de contenido web que puede crear blogs personales, sitios web corporativos o gestión del conocimiento para la colaboración empresarial. Drupal está escrito en PHP y JavaGuión.
MODX: Es un sistema de gestión de contenidos de código abierto escrito en PHP. y usos MySQL como motor de base de datos. Se puede utilizar tanto en la web como en la intranet.
Constant Contact: Este es un creador de sitios web que proporciona funciones de arrastrar y soltar. Se puede utilizar para crear sitios web básicos y tiendas de comercio electrónico.

Resum

Los sitios web se crean utilizando código informático.
El código de computadora son instrucciones legibles para humanos que le indican a la computadora que realice una tarea específica.
Los sitios web se pueden crear desde cero o utilizando una plataforma existente como WordPress.
Crear un sitio web desde cero lleva más tiempo que crearlo utilizando una plataforma.
Crear un sitio web desde cero es más flexible que utilizar una plataforma existente.
Los lenguajes de programación utilizados para crear sitios web son HTML, CSS, JavaScript y lenguajes de scripting para el backend, como PHP, Python, rubí, etc
WordPress es un sistema de gestión de contenidos que se puede utilizar para crear sitios web muy rápidamente.
WordPress admite complementos como Astra, Elementor o Beaver Builder, etc., para proporcionar funciones de diseño de sitios web de arrastrar y soltar.
Se pueden utilizar marcos MVC como Laravel o CodeIgniter para acelerar el desarrollo de sitios web desde cero.

Te podría gustar: