Want to make interactive content? It’s easy in Genially!

Over 30 million people build interactive content in Genially.

Check out what others have designed:

TEN WAYS TO SAVE WATER

Horizontal infographics

NORMANDY 1944

Horizontal infographics

BEYONCÉ

Horizontal infographics

ONE MINUTE ON THE INTERNET

Horizontal infographics

SITTING BULL

Horizontal infographics

RUGBY WORLD CUP 2019

Horizontal infographics

Transcript

Estructura de la Web

Plugins Wordpress

Plantillas

Dominio

Editor Web

Servidor/Hosting

Yeray Ayensa - Asier Rodríguez

Elementos en la creación de una web

Tipos de editores web

Los editores de código son herramientas diseñadas específicamente para escribir y editar código de manera eficiente. Incluyen funciones como resaltado de sintaxis, autocompletado y depuración, facilitando el trabajo de los desarrolladores.

Los editores de medios te permiten crear, editar y optimizar imágenes, videos y otros tipos de contenido multimedia que pueden ser utilizados en tu sitio web.

De Código

De Medios

Adobe Photoshop, GIMP, Canva, Figma, Adobe Premiere Pro, Audacity.

Wix, Webflow, WordPress (Elementor), Squarespace.

Squarespace

GoDaddy

Namecheap

Bluehost

Un dominio es el nombre único y legible que identifica a un sitio web en Internet, como por ejemplo www.ejemplo.com. Es lo que los usuarios escriben en el navegador para acceder a tu sitio web. Técnicamente, un dominio es la dirección que apunta a la dirección IP de un servidor donde se alojan los archivos de tu web.

Dominio Web

Existen herramientas de búsqueda y compra de dominios en sitios como:

Plugins Wordpress Los plugins son una extensión a tu sitio que modifica y mejora las funciones principales de WordPress. Algunos de los plugins más populares y usados en WordPress:

Yoast SEO

WooCommerce

Elementor

Contact Form 7

Squarespace

Wix

WordPress

Webflow

Tipos

Los editores web (CMS) son herramientas que te permiten diseñar y construir sitios web visualmente, sin necesidad de escribir código directamente (aunque la mayoría te permite acceder al código si lo necesitas). Son útiles para usuarios que prefieren un enfoque "drag and drop" o para proyectos que no requieren una codificación avanzada.

Editor Web

Existen editores web como:

HEADER El header es la parte superior de una página web que incluye el logo, el menú de navegación y a menudo una barra de búsqueda o botones de acción. Facilita la navegación y presentación del sitio.

FOOTER El footer es la parte inferior de una página web que contiene información complementaria como enlaces legales, políticas de privacidad, datos de contacto y enlaces a redes sociales.

CUERPO El cuerpo de una web es la sección principal donde se presenta el contenido. Incluye texto, imágenes, videos y otros elementos que conforman la información central del sitio.

Servidor/Hosting

Es una infraestructura que almacena los archivos de tu página web y la hace accesible a través de Internet. Cuando los usuarios ingresan tu dominio en un navegador, el servidor host entrega los datos del sitio para que se muestren.

Estructuras prediseñadas que determinan la apariencia y la disposición de los elementos en un sitio web, documento o presentación. En términos simples, una plantilla es un "modelo" o "formato" que puedes usar para crear contenido rápidamente, manteniendo un diseño consistente sin tener que empezar desde cero.

Plantillas

Squarespace

Wix