¡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 JavaScript.

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.
  • Javascript (JS) – JavaScript se utiliza para hacer que los sitios web sean más interactivos. Digamos 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. Puede utilizar JavaScript en el lado del servidor utilizando NodeJS, Python, Ruby 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 comúnmente para realizar actividades como registrar usuarios, autenticar usuarios, enviar correo electrónico.mails, 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 lo siguientewing temas de 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.

Concepto básico de HTML

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

Concepto básico de HTML

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

También puede ver algunos CSS y JavaScript incrustados o incluidos como archivos externos separados.

Concepto básico de HTML

La función del navegador web es traducir el documento HTML a un formato legible por humanos. El navegador también procesa el JavaScript que se incluye en 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 del cuerpo contiene los elementos que componen la página web. Los elementos dentro de la etiqueta del cuerpo 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 lo siguientewing 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 following El 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.

Puede escribir sus estilos CSS que personalicen la configuración predeterminada del marco CSS de arranque. Para eso, puede 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, puede hacer clic en este enlace aquí y úselo en su proyecto como cualquier otro archivo CSS y JavaScript.

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 Tags are labels that mark the beginning and end of an element. Tags include element keywords in angle brackets. For example, <p>Paragraph</p> is a paragraph tag where <p> is the opening tag and </p> is the closing tag.
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 utilizar en CSS o JavaScript.
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 de Contacto La etiqueta de formulario se usa para crear formularios que podemos usar para obtener información de los usuarios.
19 Guión La etiqueta de secuencia de comandos se vincula a un código JavaScript externo o JavaScript en línea dentro del documento HTML.
20 AJAX AJAX stands for Asynchronous JavaScript and XML. It is a technology used to update certain parts of the web page without reloading the entire page.

Comprensión de los términos CSS comunes

El following 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 This refers to the section of the CSS that defines the styling rules. It is enclosed between the curly brackets.
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 lenguajes, incluidos HTML, CSS, JavaScript y PHP. Visual Studio Code is free and runs on Windows, Mac y Linux.

Sublime Text

Sublime Text is a cross-platform code editor that can also be used to write and edit HTML, CSS, JavaScript, and PHP code. It is a commercial product, and you need to purchase it. You can also use it for free in unregistered mode.

Notepad++

Notepad++ is a lightweight code editor that supports many languages too. Unlike Visual Studio Code y Sublime Text, Notepad++ is not cross-platform. It only works on the 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 y que mostrará un mensaje simple usando JavaScript.

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.

Creando tu primera página web

Paso 3) Agrega el siguientewing código,

en el archivo index.html.

Creando tu primera página web

<!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 secuencia de comandos que contiene código JavaScript que muestra un mensaje de saludo.
  • También estamos cargando Bootstrap CSS desde 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 Palabra.

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.

El following composición de la tablaares 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 Horario Requiere mucho tiempo. Toma 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 Seguridad 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 contenidos vienen con herramientas S.E.O fuera del box. Se pueden agregar fácilmente funciones adicionales 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 de interfaz como 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, Ruby, JavaScript, etc. PHP es uno de los más comunes. Hablaremos de las 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 lo siguientewing caracteristicas:

  • 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. Puede contratar el servicio de Bluehost, Godaddy o puede 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:

Introducción a WordPress

Una vez que seleccione la opción anterior, se le presentará el siguiente mensaje de Windows.wing para completar la instalación.

Introducción a WordPress

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

Creadores de sitios web 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 para creadores de sitios web

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:

Creadores de sitios web Beaver Builder

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 JavaScript.
  • MODX: Es un sistema de gestión de contenidos de código abierto escrito en PHP. Y utiliza 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.

Resumen

  • Los sitios web se crean utilizando código informático.
  • El código de computadora son instrucciones legibles por 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, Ruby, 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.