Este documento proporciona información sobre conceptos clave relacionados con el diseño y desarrollo web. Explica brevemente la historia y funcionamiento de Internet, el modelo cliente-servidor, protocolos como HTTP y DNS. También describe elementos HTML comunes, propiedades CSS básicas, y conceptos como wireframes y prototipos para el diseño web.

1. Diseño Web
Diseño - Desarrollo - Marketing
Correo: andresmaceda@gmail.com
ISC. ANDRES MACEDA REYES
www.amweb.com.mx
Diseño - Desarrollo: Páginas Web Profesionales
y Sistemas a la Medida

2. Internet
Es un conjunto de redes de comunicación interconectadas, y que
utilizan los protocolos TCP/IP, garatizando una red única de
alcance mundial.
Sus orígenes se remontan a 1969, cuando se estableció la primera
conexión de computadoras, conocida como Arpanet, entre tres
universidades en California (Estados Unidos).

3. Cliente-Servidor
Es un modelo de aplicación en que las tareas se reparten entre los
proveedores de recursos o servicios, llamados servidores, y los
demandantes, llamados clientes.
Un cliente: realiza peticiones a una aplicacion.
El servidor: quien le da respuesta.

4. DNS - Domain Name System
“Sistema de Nombres de Dominio”: es un sistema de nombres
ordenados jerarquicamente, para los dispositivos que estan
conectados a redes con una IP (Internet o una red privada).
Su función más importante es “traducir” nombres inteligibles para
las personas en identificadores binarios asociados con los
equipos conectados a la red, esto con el propósito de poder
localizar y direccionar estos equipos mundialmente.

5. Protocolos de Internet
Conjunto de normas para el intercambio de informacion entre dos
o mas dispositivos.
Su funcion es proveer conectividad de extremo a extremo
especificando cómo los datos deberían ser formateados,
direccionados, transmitidos, enrutados y recibidos por el
destinatario.
Capa de aplicación
* HTTP
* FTP
* SMTP
* DNS
* IMAP
* ...

6. HTTTP - Hypertext Transfer Protocol
“protocolo de transferencia de hipertexto” es el protocolo de
comunicación que permite las transferencias de información en la
World Wide Web.
Fue desarrollado por el World Wide Web Consortium.
Es un protocolo sin estado, es decir, no guarda ninguna
información sobre conexiones anteriores.
Es un protocolo orientado a transacciones y sigue el esquema
petición-respuesta entre un cliente y un servidor.

7. URL- Uniform Resource Locator
Un localizador de recursos uniforme LRU (URL) es un identificador
de recursos uniforme, cuyos recursos referidos pueden cambiar,
esto es, la dirección puede apuntar a recursos variables en el
tiempo. Están formados por una secuencia de caracteres, de
acuerdo a un formato modélico y estándar, que designa recursos
en una red, como Internet.

8. Navegador Web
Es un software, aplicación o programa que permite el acceso a la
Web, interpretando la información de distintos tipos de archivos y
sitios web para que estos puedan ser visualizados.
La funcionalidad básica de un navegador web es permitir la
visualización de documentos de texto, posiblemente con recursos
multimedia incrustados. Además, permite visitar páginas web y
hacer actividades en ella, es decir, enlazar un sitio con otro,
imprimir, enviar y recibir correo, entre otras funcionalidades más.

9. Estándares web
Es un término muy general utilizado para referirse a estándares y
otras especificaciones técnicas que definen y describen aspectos
de la World Wide Web.
El término ha sido asociado con la tendencia de aprobar un
conjunto de mejores prácticas estandarizadas para construir sitios
web al diseño y desarrollo que incluye esos métodos.

10. Servidor web
Es un programa informático que procesa una aplicación del lado
del servidor, realizando conexiones bidireccionales con el cliente y
genera una respuesta en cualquier lenguaje o Aplicación del lado
del cliente.
Generalmente se usa el protocolo HTTP para estas
comunicaciones. El término también se emplea para referirse al
ordenador que ejecuta el programa.

11. Tipos de Servidores Web
Servidor dedicado: Un servidor dedicado es una computadora
comprada o arrendada que se utiliza para prestar servicios
dedicados, generalmente relacionados con el alojamiento web y
otros servicios en red.
Servidor Compartido: En este tipo de servicio se alojan clientes de
varios sitios en un mismo servidor, gracias a la configuración del
programa servidor web. Es un servicio económico debido a la
reducción de costos ya que al compartir un servidor con cientos
miles o millones de personas.

13. Perfiles

14. HTML - HyperText Markup Language
“Lenguaje de Marcas de Hipertexto” hace referencia al lenguaje
de marcado para la elaboración de páginas web. Es un estándar
que define una estructura básica y un código (denominado código
HTML) para la definición de contenido de una página web, como
texto, imágenes, videos, juegos, entre otros.
1995: HTML 2.0 es liberado.
Representa el inicio de HTML como un estándar.
1997: HTML 3+ es liberado.
Los navegadores implementan características propias.
1999: HTML 4.0
Los navegadores empiezan a considerar los
estándares.
2000: XHTML 1.0 es liberado.
Se considera una evolución que acabará con HTML.
2009: El trabajo sobre XHTML 2.0
es abandonado. La comunidad apuesta por HTML5.
2005: Hasta hoy HTML5 es el nuevo estándar web.

15. HTML - Elementos
<html> Representa la raíz de un documento HTML o XHTML.
Todos los demás elementos deben ser descendientes de este
elemento.
<head> Representa una colección de metadatos acerca del
documento, incluyendo enlaces a, o definiciones de, scripts y
hojas de estilo.
<body> Representa el contenido principal de un documento
HTML. Solo hay un elemento <body> en un documento.
<p> Define una parte que debe mostrarse como un párrafo.
<a> Representa un hiperenlace , enlazando a otro recurso.
<img> Representa una imagen.
https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos

16. HTML - Anatomia

17. CSS - Cascading Style Sheets
Hoja de estilo en cascada o CSS: es un lenguaje usado para definir
y crear la presentación de un documento estructurado escrito en
HTML.
La idea que se encuentra detrás del desarrollo de CSS es separar
la estructura de un documento de su presentación.
CSS 1: 1996 - 2008
La primera especificación oficial de CSS, recomendada
por la W3C.
CSS 2: 1998 - 2008
La especificación CSS2 fue desarrollada por la W3C.
CSS 2.1: 2011
Tuvo el estatus de “candidato” durante varios años
desde el 2005.
CSS 3
Características avanzadas tanto para aplicar aspecto
avanzado.

18. CSS - Propiedades
background: A shorthand property for setting all the background
properties in one declaration
border: Sets all the border properties in one declaration
margin: Sets all the margin properties in one declaration
padding: Sets all the padding properties in one declaration
text-align: Specifies the horizontal alignment of text
@font-face: A rule that allows websites to download and use
fonts other than the “web-safe” fonts
font-family: Specifies the font family for text
font-size: Specifies the font size of text
https://developer.mozilla.org/es/docs/Web/CSS/Referencia_CSS

19. CSS - Anatomia

20. HTML5 - Semantica

21. Wireframes

22. Diseño - Prototipo