Teoría de Páginas web by VALERIA SALGADO MONDRAGON

Integrantes

samv051209mmclnla4 — 2023-03-02 23:26:59 UTC

Esquivel Velázquez José David
Larios Zavala Edson
Paz Zaragoza Ana Laura
Salgado Mondragón Valeria
Sánchez Medina Mia Montserrat

samv051209mmclnla4 — 2023-03-02 23:30:03 UTC

Tercero "1"
Turno Matutino
Páginas Web
Alfonso González Ventura

Páginas web

samv051209mmclnla4 — 2023-03-02 23:32:33 UTC

Documento digital de carácter multimediático (es decir, capaz de incluir audio, video, texto y sus combinaciones), adaptado a los estándares de la World Wide Web (WWW) y a la que se puede acceder a través de un navegador web y una conexión activa a Internet. Se trata del formato básico de contenidos en la red.

Página Web - Concepto, tipos y para qué sirve. (s. f.). Concepto. https://concepto.de/pagina-web/

Sitio Web

samv051209mmclnla4 — 2023-03-02 23:36:12 UTC

Es una colección de páginas web que se agrupan y normalmente se conectan de varias maneras.

Equipo editorial GoDaddy. (2021, 11 noviembre). ¿Qué es un sitio web? Definición con ejemplos. Blog. https://mx.godaddy.com/blog/que-es-un-sitio-web/

Dominio

samv051209mmclnla4 — 2023-03-02 23:44:05 UTC

Nombre único que recibe un sitio web en internet. Este nombre identifica a una página web concreta sin que puedan existir dos o más sitios web que compartan el mismo nombre de dominio.

Muñoz, A. (2023, 28 febrero). ¿Qué es un Dominio y cómo funciona? Webempresa. https://www.webempresa.com/hosting/que-es-dominio.html

URL

samv051209mmclnla4 — 2023-03-02 23:44:10 UTC

Es la dirección que se emplea para acceder a un recurso específico en internet, ya sea una página o un servidor web.

Equipo editorial GoDaddy. (2021, 11 noviembre). ¿Qué es un sitio web? Definición con ejemplos. Blog. https://mx.godaddy.com/blog/que-es-un-sitio-web/

Hosting

samv051209mmclnla4 — 2023-03-02 23:44:17 UTC

Servicio de alojamiento para sitios web.

En lugar de alojar personas, el hosting web aloja los contenidos de tu web y tu correo electrónico para que puedan ser visitados en todo momento desde cualquier dispositivo conectado a Internet.

Núñez, M. (2023, 28 febrero). Qué es un hosting y cómo funciona. Webempresa. https://www.webempresa.com/hosting/hosting-que-es-como-funciona.html

laze050217hmcrvda7 — 2023-03-02 23:58:12 UTC

Diseñar una página web no implica necesariamente estar escribiendo líneas y líneas de código. Sobre todo ahora que existen programas de interfaz visual que ayudan a crear una web de forma gráfica.
Entre los programas para crear páginas web, existen de todos los tipos, como editores de código HTML o herramientas web especializadas que te ayudarán a crear tu página web sin mucho esfuerzo mediante el uso de editores visuales

samv051209mmclnla4 — 2023-03-02 23:59:26 UTC

1-Hosting: Servicio de alojamiento se encuentra físicamente en una máquina llamada servidor web. (Compartido, dedicado, VPS, elástico, en la nube).
2-Dominio: Nombre único que se le asigna a un sitio web en internet.
3-Plataforma:Entorno en el que los usuarios podemos llevar a cabo tareas, gestionar actividades, colaborar con otros usuarios e interactuar por medio de las herramientas y funcionalidades que ofrece dicha plataforma.
4-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.
5-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. Incluye textos, encabezados, estructuras, pies de página, menús, colores, tipografía, márgenes, sangría, espaciados entre líneas.
6-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.
7-Plugins: Extensiones que amplían las funciones de la página web.

Suárez, L. (2022, 23 agosto). Qué elementos debe tener una página web | Klawter. â·Agencia de Marketing Digital | Klawter. https://klawter.com/blog/que-elementos-debe-tener-una-pagina-web/

Listado de los mejores programas para crear y diseñar páginas web

laze050217hmcrvda7 — 2023-03-03 00:03:42 UTC

OK Builder.
WordPress.
Adobe Dreamweaver.
Froont.
Weebly.
Wix.
Jimdo.
Ionos.

laze050217hmcrvda7 — 2023-03-03 00:06:07 UTC

Escriba, S. (2022, 3 agosto). ᐅ Listado de programas para crear páginas web 【Actualizado 2023 】. Sergio Escriba. https://sergioescriba.com/listado-programas-crear-disenar-paginas-web/

Software para crear Página Web - Aplicaciones_Web. (s. f.). https://sites.google.com/site/disenandomiweb/home/software-para-crear-pagina-web

laze050217hmcrvda7 — 2023-03-03 00:06:53 UTC

Una dirección web es la ubicación de una página web en Internet. Las direcciones web se conocen como localizadores uniformes de recursos o URL de forma abreviada.
No es obligatorio que los participantes tengan una dirección web. Los participantes pueden tener una serie de direcciones web registradas, pero sólo una puede ser la principal.
Hay ocho tipos de direcciones web:

Servicios generales
Seguros
Educación
Empleo
Sanidad
Financiera
Personal
Privada.

laze050217hmcrvda7 — 2023-03-03 00:11:29 UTC

Direcciones web. (s. f.). © Copyright IBM Corp. 2017. https://www.ibm.com/docs/es/spm/7.0.1?topic=types-web-addresses

samm050125mdfndxa9 — 2023-03-03 00:35:57 UTC

Son lenguajes Web, protocolos y tecnologías inter-operativas e internacionales creadas con la finalidad de guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas estandarizadas.

La finalidad de los estándares es la creación de una Web universal, accesible, fácil de usar y en la que todo el mundo pueda confiar.

Ejemplos

samm050125mdfndxa9 — 2023-03-03 00:39:23 UTC

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

samm050125mdfndxa9 — 2023-03-03 00:40:28 UTC

Publicado por Ing. Hugo Delgado. (2022, 22 agosto). Estándares Web W3C - Qué son, cómo funciona, para qué sirven. Diseño Web akus.net. https://disenowebakus.net/estandares-web.php

samm050125mdfndxa9 — 2023-03-03 00:51:56 UTC

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.

Cabecera o Header

samm050125mdfndxa9 — 2023-03-03 00:52:48 UTC

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.

Cuerpo o Body

samm050125mdfndxa9 — 2023-03-03 00:53:29 UTC

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.

Pie de página o Footer

samm050125mdfndxa9 — 2023-03-03 00:54:15 UTC

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.

samm050125mdfndxa9 — 2023-03-03 00:55:01 UTC

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.

samm050125mdfndxa9 — 2023-03-03 01:04:57 UTC

Casas, V. (2022, 28 abril). Partes de una página web: Estructura y contenido. Blog de LucusHost. https://www.lucushost.com/blog/partes-de-una-pagina-web-estructura-y-contenido/

Usabilidad

samm050125mdfndxa9 — 2023-03-03 01:16:51 UTC

La usabilidad consiste en facilitar la interacción del usuario con las páginas web. Es decir, hacer que sea fácil para los usuarios emplear las utilidades básicas de una web cuando acceden a ella.

Ninguna web puede prescindir de la usabilidad, porque los usuarios se frustra y abandonan la web si no saben manejar la interface.

Diseño

samm050125mdfndxa9 — 2023-03-03 01:18:41 UTC

En una web con carácter comercial tampoco se puede descuidar el diseño, pues si la página no resulta atractiva visualmente para los usuarios, es difícil que se desarrolle como producto, pues no se diferenciará de las demás, parecerá anticuado, nadie recordará la web, etc.

samm050125mdfndxa9 — 2023-03-03 01:25:59 UTC

El diseño necesita que la usabilidad le diga cómo navega el usuario, y la usabilidad necesita que el diseño le ayude a jerarquizar la información, a organizar contenidos y, en conjunto, a mejorar el producto.

samm050125mdfndxa9 — 2023-03-03 01:27:45 UTC

R. (2020, 22 mayo). Páginas web: usabilidad y diseño. Asociación Red Autónomos. https://redautonomos.es/nuevas-tecnologias/paginas-web-usabilidad

Título

2023-03-03 01:45:43 UTC

El título de un sitio web, o meta etiqueta de título, es un elemento HTML que indica el contenido de una página web. El título de un sitio web es muy útil para los usuarios así como para los motores de búsqueda.

Párrafo

2023-03-03 02:07:07 UTC

Los párrafos creados con HTML son elementos de bloque, por lo que siempre ocupan toda la anchura del elemento que los contiene (por defecto la ventana del navegador). La etiqueta crea un salto de línea de manera que el elemento siguiente se coloca siempre empezando una nueva línea.

Imágenes

paza050524mmczrna7 — 2023-03-03 02:14:16 UTC

Las imágenes digitales llenan nuestras bandejas de entrada, ocupan espacio en la memoria del computador y toman tiempo de cargar en una página web. Cuando se trabaja en un diseño web con archivos de imágenes digitales, hay ciertos tipos de archivos a utilizar para cada circunstancia: JPEG, GIF o PNG.

Hipervínculos

paza050524mmczrna7 — 2023-03-03 02:15:42 UTC

Es un recurso de informática que permite la conexión entre dos puntos en el Internet, llevando a los usuarios de uno a otro.

Videos

paza050524mmczrna7 — 2023-03-03 02:17:37 UTC

El vídeo online consiste en cualquier formato de contenido audiovisual capaz de ser visionado a través de internet.

2023-03-03 02:25:41 UTC

Santa María L. (2018, 25 Abril) Diseño de la página web. Staff creativa. https://www.staffcreativa.pe/blog/diseno-de-paginas-web-minimalismo-y-tipografia/#:~:text=El%20espaciado%20de%20p%C3%A1rrafos%20puede,cuando%20un%20p%C3%A1rrafo%20haya%20terminado.

euvd050914htcsrva3 — 2023-03-03 03:12:25 UTC

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.

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

Tablas

euvd050914htcsrva3 — 2023-03-03 03:12:42 UTC

-Son elementos del lenguaje HTML que muestra información de forma agrupada (texto, imágenes, vídeos, etc).
-Están pensadas para presentar información tabulada, es decir, usando filas y columnas.
-También puede englobar todos los contenidos que se presentan en una página usando una macrotabla.

Maquetar una página web con tablas. (2006, 5 septiembre). Desarrollo Web. https://desarrolloweb.com/articulos/maquetacion-tablas-html.html

Divisiones

euvd050914htcsrva3 — 2023-03-03 03:14:15 UTC

-También llamadas capas o contenedores.
-Se emplean para definir un bloque de contenido o sección de la página, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque específico.
-Utilizamos la etiqueta

en HTML.
-La colocación de estas en la página se realiza a través de CSS.
-Pueden estar anidadas unas dentro de otra.

La etiqueta div | HTML5 en la educaciÃ3n. (s. f.). https://www.juntadeandalucia.es/averroes/centros-tic/11000289/helvia/aula/archivos/repositorio/0/222/html/la_etiqueta_div.html
CREACIÓN DE PÁGINAS WEB - UNIDAD 7 - Maquetación web. (s. f.). https://sites.google.com/site/glgcreaciondepaginasweb/home/unidad-7

Clases

euvd050914htcsrva3 — 2023-03-03 03:14:35 UTC

-Lista de las clases del elemento separada por espacios
-Las clases permiten a CSS y Javascript seleccionar y acceder a elementos específicos a través de los selectores de clase o funciones como el método document.getElementsByClassName del DOM.
-La especificación no define los requerimientos para el nombre de las clases

class - HTML: Lenguaje de etiquetas de hipertexto | MDN. (2023, 23 febrero). https://developer.mozilla.org/es/docs/Web/HTML/Global_attributes/class

Menús

euvd050914htcsrva3 — 2023-03-03 03:14:58 UTC

-Toda página web debe contar con al menos un menú que permita a los usuarios desplazarse por las diferentes páginas en forma ágil y sencilla.
-Es el diagrama o estructura que organiza el contenido y dirige el flujo del usuario en tu sitio web.
-Es una sección fundamental en el desarrollo de tu sitio web, desde etapas iniciales previas al diseño así como en mejora continua
-Los menús pueden ubicarse en varios puntos de la página, aunque los más usados son debajo de la cabecera, encima de la misma, y en una columna lateral, preferentemente a la izquierda.

U. (2023, 15 enero). 6 ejemplos de menú de navegación para tu página web. ID Solutions. https://idsolutions.xyz/blog/ejemplos-de-menu-de-navegacion-para-tu-pagina-web/
Fernandez, A. (2013, 5 octubre). Maquetación de páginas web: crear un menu horizontal con CSS. LaWebera.es. https://www.lawebera.es/como-hacer/ejemplos-html-xhml/maquetar-paginas-web-crear-menus-horizontales.php

Estilos

euvd050914htcsrva3 — 2023-03-03 03:23:29 UTC

Color

El color se expresa con la propiedad color. El valor que puede tomar esta propiedad se puede expresar de varias formas:

Un número hexadecimal. Por ejemplo color: #0000FF;,o color: 0x800080;.
Tres números entre 0 y 255. Por ejemplo color: rgb(0, 0, 255);.
Tres números entre 0 y 100. Por ejemplo color: rgb(10%, 20%, 75%);.

Fuente

Podemos elegir la fuente (o tipo de letra) a través del atributo font-family. Podemos indicar cualquier fuente que queramos, teniendo en cuenta que si incluye espacios, debe de ir entre comillas dobles. Por ejemplo font-family: arial; o font-family: "Times New Roman";.

Tamaño

El tamaño se regula a través de la propiedad font-size. Podemos utilizar cualquiera de las unidades de tamaño, pero lo más frecuente es utilizar px (pixels), o porcentajes % o em, estas dos últimas son tamaños relativos al tamaño de la fuente del elemento que está por encima. 100% o 1em, sería el mismo tamaño, mientras que 200% o 2em sería el doble y 50% o 0.5em sería la mitad.

Grosor

Podemos aumentar el grosor de la fuente, lo que equivaldría a ponerla en negrita, utilizando font-weight. Puede tomar los siguientes valores:

normal. El texto no se muestra en negrita.
bold. El texto se muestra en negrita.

Decoración

Con la propiedad text-decoration podemos hacer que el texto muestre, por ejemplo, los distintos tipos de subrayado, con los siguientes valores:

none, el texto se muestra sin ningún tipo de decoración.
underline, el texto aparece subrayado.
overline, el texto aparece sobrerrayado.
line-through, el texto aparece tachado.
blink, el texto parpadea. (No funciona en Internet Explorer, en Firefox 3, si).

Estilos de Maquetación web. (s. f.). AulaClic. Recuperado 2 de marzo de 2023, de https://www.aulaclic.es/paginas-web/t_3_3.htm