Introducción by EDSON LARIOS ZAVALA https://padlet.com/laze050217hmcrvda7/Introduccion en-us 2023-02-20 17:08:41 UTC 2023-02-21 04:50:23 UTC hello@padlet.com https://padlet.net/icons/png/1f5a5.png PÁGINAS WEB Y SITIO WEB paza050524mmczrna7 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488733439 PÁGINA WEB: Una página web es un simple documento que puede ser mostrado por un browser. Estos documentos están escritos en lenguaje HTML.
SITIO WEB: Un sitio web es una colección de páginas web vinculadas (más sus recursos asociados) que comparten un único nombre de dominio. Cada página web de un sitio web determinado proporciona enlaces explícitos.]]> 2023-02-20 17:26:06 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488733439 CONCEPTOS BÁSICOS paza050524mmczrna7 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488739523 DOMINIO: Nombre único que identifica a una subárea de Internet. El propósito principal de los nombres de dominio en Internet y del sistema​ de nombres de dominio, es traducir las direcciones IP de cada activo en la red, a términos memorizables y fáciles de encontrar.
URL: Significa Uniform Resource Locator y es la dirección única y específica que se asigna a cada uno de los recursos disponibles de la World Wide Web para que puedan ser localizados por el navegador y visitados por los usuarios.
HOSTING: Servicio online que hace que se pueda acceder a tu sitio web en Internet. Cuando obtienes un hosting, básicamente alquilas un espacio en un servidor que almacena todos los archivos y datos de tu sitio web para que funcione correctamente.]]> 2023-02-20 17:33:58 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488739523 Estructura de la Web samm050125mdfndxa9 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488749969 Para plantear la estructura de nuestra web, primero debemos diferenciar tres elementos fundamentales que contiene una web:
- Cabecera o Header.
- Cuerpo o body.
- Pie de página o footer.]]> 2023-02-20 17:46:39 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488749969 Elementos de una página web samv051209mmclnla4 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488751432 Constructores o page builder: Permiten crear una página web con un diseño adaptable y con apariencia única para cualquier tipo de página web. Estos constructores cuentan con un soporte profesional detrás y se mantienen en continua actualización.
Temas: Agrupaciones de plantillas, es decir, varias páginas webs ya montadas donde solo tienes que cambiar los elementos que hay dentro por los que tú quieras (imágenes, textos, etc.). El tema incluye textos, encabezados, estructuras, pies de página, menús, colores, tipografía, márgenes, sangría, espaciados entre líneas.
Plantilla: Estructura y apariencia de una página en tu sitio. Es una página web prediseñada, que podrás adquirir a muy poco coste, incluso gratis, desde tu plataforma.
Plugins: Extensiones que amplían las funciones de la página web. Es decir, son aplicaciones que contienen determinadas características que ayudan a mejorar tu WordPress.]]> 2023-02-20 17:48:41 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488751432 Cabecera o Header samm050125mdfndxa9 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488753958 La cabecera es la parte superior de nuestra web y en ella se encuentra información básica de nuestro negocio/marca. En ella podemos encontrar varios elementos importantes como es el logo y nombre de la empresa, el menú de navegación principal. Además, se suele incluir datos como el buscador de la página y una llamada a la acción.]]> 2023-02-20 17:51:52 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488753958 Cuerpo o Body samm050125mdfndxa9 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488756321 El body o cuerpo de la web se encuentra situada en la parte central de la página (entre el header y el footer) y es donde se presenta al usuario el contenido de esa página o sección. Es una especie de contenedor donde plasmar todos esos textos, imágenes, videos, etc.]]> 2023-02-20 17:55:03 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488756321 Pie de página o Footer samm050125mdfndxa9 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488757104 El pie de página o footer lo encontramos en la parte inferior de la página y se mantiene fijo en todas las páginas de nuestra página web. Aunque muchas veces a la hora de estructurar una web no se le da importancia, este lugar es sin duda otro elemento fundamental de una página web.]]> 2023-02-20 17:56:10 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488757104 samm050125mdfndxa9 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488757637 La información a destacar en esta sección puede ser todos esos elementos que no se han podido resaltar en el resto de la página, así como elementos básicos de información- Se suele encontrar:

El logo de la marca
Icono de las redes sociales
Datos de contacto
Menú simplificado
Horario y ubicación
Política de privacidad y de cookies.]]> 2023-02-20 17:56:56 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488757637 Estándares del diseño web samv051209mmclnla4 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488759038 Estándares Web para el diseño:  Especificaciones/recomendaciones realizadas por el World Wide Web Consortium (W3C) para asegurarse que los diseñadores/desarrolladores Web y los fabricantes de navegadores utilizan el mismo lenguaje tecnológico.
Estos estándares también permiten que el contenido sea compatible en diferentes dispositivos con diferentes tipos de visualizaciones.

HTML (HyperText Markup Language), para definir la estructura de los documentos.
XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías.
CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos.
Javascript, que permite otorgar dinamismo y funcionalidad.
]]> 2023-02-20 17:58:45 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488759038 MAQUETACIÓN DE WEB euvd050914htcsrva3 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488759879 Consiste en transformar el diseño de una web en un conjunto de archivos (html, css y js) para que los navegadores web puedan interpretarlos y reproducirlos correctamente en diferentes dispositivos. La maquetación es una fase avanzada del proceso de desarrollo web.]]> 2023-02-20 17:59:59 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488759879 PUNTOS IMPORTANTES PARA UNA BUENA MAQUETACIÓN euvd050914htcsrva3 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488765043 Realizar bocetos (Wireframe): Se recomienda elaborar los bocetos antes de comenzar a maquetar, para que tengas una idea clara sobre la distribución de elementos.
Emplear Paleta de colores: Como todo diseño que debe ser bonito, atractivo y que cause una buena impresión, para eso los colores deben contrastar.
Emplear las etiquetas de HTML5: Los proyectos web deben usar las etiquetas de HTML5 para mejorar el nivel de indexación. HTML5 nos muestra una alta variedad de etiquetas tales como:<header>, <nav>, <figure>, >figcaption>, >aside>, <main>, <footer>, etc.
Usar los prefijos para las propiedades de CSS3: Es importante colocar prefijos cuando estés usando las nuevas propiedades que trae CSS3, para no tener problemas de incompatibilidades entre navegadores y así los usuarios no sientan diseños diferentes al usar navegadores web diferente versión.]]> 2023-02-20 18:07:06 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488765043 CITAS laze050217hmcrvda7 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488770006 ¿Cuál es la diferencia entre la página web, el sitio web, el servidor web y el motor de búsqueda? | MDN. (2023, 14 febrero).
https://developer.mozilla.org/es/docs/Learn/Common_questions/Web_mechanics/Pages_sites_servers_and_search_engines

Edix, R. (2022, 11 julio). ¿Qué es una URL? Aquí te lo contamos. Edix España. https://www.edix.com/es/instituto/que-es-url/

✔ L. (2020, 6 abril). Maquetación web. LaMantis ✔. https://www.mantis.cat/es/maquetacion-web.html

World Tech Makers. (2018, 7 junio). Tips para maquetar una página web - World Tech Makers. Medium. https://medium.com/@worldtechmakers/tips-para-maquetar-una-p%C3%A1gina-web-bc6b6788be1

HTML y CSS. (s. f.). https://creatuweb.espaciolatino.com/guia/imagenes.htm

¿Por qué incluir videos en tu sitio web? (s. f.). Newtenberg Colombia - Tecnología para la comunicación humana. https://newtenberg.co/601/w3-article-1014.html?_noredirect=1

Títulos y párrafos - Sitio Simple. (s. f.). https://ayuda-sitio-simple.donweb.com/editor-de-paginas/gestionar-contenido/titulos-y-parrafos]]> 2023-02-20 18:14:03 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488770006 INTEGRANTES laze050217hmcrvda7 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488953136 Paz Zaragoza Ana Laura
Sánchez Medina Mia Montserrat 
Esquivel Vargas José David
Salgado Mondragón Valeria
Larios Zavala Edson]]> 2023-02-20 23:27:34 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2488953136 ELEMENTOS BASICOS laze050217hmcrvda7 https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2489189109 TITULOS: Como en todas las páginas del sitio web, el título de la página de inicio debe describir su contenido. La mejor forma de hacerlo es indicando en el título el nombre y una breve explicación del sitio web, por este orden.
PARRAFOS: Ayudar a la clasificacion de información y a identificar la estructura de la pagina. Son elementos de bloque, por lo que siempre ocupan toda la anchura del elemento que los contiene (por defecto la ventana del navegador).
IMAGENES: Esta debe ser esencialmente una representación visual de su marca o título de tu sitio web, que llame la atención del visitante y que asocien la imagen con tus productos o servicios.
HIPERVINCULOS: La principal utilidad del hipervínculo es conectar dos lugares de una forma extremamente simple y a muchísima velocidad. La función HIPERVINCULO crea un acceso directo que salta a otra ubicación del libro actual o abre un documento almacenado en un servidor de red, un intranet o Internet.
VIDEOS: Además de que un sitio web con video luce mucho más atractivo, el tiempo de visita de cada usuario en la página aumenta, porque las probabilidades de que el usuario se enganche con estos contenidos es mayor en comparación con largos bloques de texto.]]> 2023-02-21 04:25:24 UTC https://padlet.com/laze050217hmcrvda7/Introduccion/wish/2489189109