Yeray Ayensa Asier Rodriguez
Asier Rodríguez Olágüe
Created on September 9, 2024
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
DEMOCRATIC CANDIDATES NOV DEBATE
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