El documento proporciona una introducción a los conceptos básicos de diseño web, incluyendo definiciones de Internet, correo electrónico, FTP, la World Wide Web y sus características. Explica conceptos como cliente-servidor, transferencia de páginas web, protocolos de comunicación, URL, tipos de imágenes digitales como mapas de bits y vectoriales, y formatos como JPEG y GIF. También cubre temas como profundidad de bits, resolución, el código RGB y la optimización de imágenes.
1. Curso de Webmaster I Diseño Web Básico Introducción al Diseño para la World Wide Web
2. Conceptos Básicos: Internet Internet es una red que enlaza centenares de miles de redes locales heterogéneas. El nexo común de todos los sistemas que integran la red Internet es el uso de los protocolos de comunicaciones TCPP. Estos protocolos son la base de la infraestructura que permite el intercambio de la información (documentos, datos, etc...)de forma virtualmente independiente de los sistemas en que esta se encuentra almacenada.
3.
4.
5.
6. El concepto inicial de paginas hipertexto, se ha convertido en la actualidad en un completo sistema hipermedia, en el que se puede acceder a imágenes, sonidos, videos, etc... Lo cual ha aumentado notablemente el atractivo de la web. Conceptos Básicos: World Wide Web
7. El proyecto Web ha basado su éxito en un diseño muy acertado de todos sus componentes, que, a partir de su relativa simplicidad, permite la construcción de sofisticados sistemas de información. Esta basado en un modelo cliente-servidor estricto, en el que los intercambios de información entre clientes y servidores se realizan a través de sencillas peticiones. Conceptos Básicos: Características de la Web
8.
9. Arquitectura del Web: Modelo Cliente - Servidor El Cliente Web Los clientes acceden a un documento a través de su URL (Universal Resource Locator), que permite asignar una dirección a casi cualquier recurso disponible en Internet. Las URLs son muy similares a los paths de acceso a un documento en la estructura de directorios de un ordenador, salvo que contienen, además, la dirección Internet del ordenador que proporciona el documento.
10.
11.
12. Conceptos Básicos: Transferencia de Paginas web Cliente Web Usuario Petición Pagina Pagina solicitada o código error Servidor Web Docs, HTML Imágenes Sonido, video
13. Conceptos Básicos: Transferencia de Paginas web Un detalle importante es que para cada objeto que se transfiere por la red se realiza una conexión independiente. Por ejemplo, si el cliente Web solicita una pagina que contiene dos imágenes integradas, se realizan tres conexiones: una para el documento HTML y dos para los archivos gráficos.
14. Conceptos Básicos: Protocolos de comunicación Los protocolos se pueden definir como una serie de reglas estándares definidas para la comunicación y transferencia de información en una red, no importando el tipo de plataforma de los elementos interconectados
15.
16.
17. Conceptos Básicos: Las URL’s Son las siglas de Universal Resource Locator , una dirección universal de recursos en el universo de información disponible en Internet. Cualquier información a la que un cliente Web accede es conocida por su URL. Las URLs definen, a través de un sencillo formato, la ubicación en la red de la información deseada. Por lo general, esta dirección incluye el protocolo de aplicación a emplear para recogerla, el nombre Internet del ordenador que lo proporciona, y por último, la situación dentro de ese ordenador (directorio y nombre de fichero).
18. Conceptos Básicos: Las URL’s La estructura de una URL puede ser de la siguiente forma: Situación del Recurso Dirección del Servidor :// Protocolo
19. Conceptos Básicos: Las URL’s Dirección del servidor: dirección IP o nombre DNS del servidor. Es el ordenador con cuyo servicio (http, ftp, gopher,...) se establece la comunicación. Situación: permite añadir información opcional, característica del protocolo, que se corresponde a la dirección del objeto requerido dentro de la estructura de información del propio servidor que lo ofrece.
20. Conceptos Básicos: Las URL’s EJEMPLOS: http://www.unican.es/ http://www.unican.es # Equivalente a la anterior http://ccpc5.unican.es/equipos/ http://ccpc5.unican.es/equipos/default.html http://www.uni.es/cgi-bin/apunta.exe?luis+romero http://midget.towson.edu:8000/home.html ftp://ftp.rediris.es/software/ ftp://ftp.unican.es/indice.txt
22. Imagen Digital: ¿Que es Digitalizar? Digitalizar es hacer que la información contenida en una imagen pase a ser de carácter numérico; es decir, a expresarse en dígitos. Con ello obtenemos una cuantificación perfecta de un valor y, en el color, de cualquier matiz.
23.
24. (Pixture element). Contracción abreviada del término inglés. Se define como la superficie homogénea más pequeña y equivale al significado de un punto. Pixel se utiliza habitualmente para definir las características de la alta resolución en pantalla. Así, en el trc (tubo de rayos catódicos) de una computadora, cuadriculado por bits, los pixeles son los puntitos diminutos que componen la imagen. En un trc cuadriculado por caracteres, cada letra o símbolo ocupa un píxel Imagen Digital: Pixel (Pixture Element)
25.
26.
27.
28.
29.
30.
31. Profundidad de 1 bit - 2 colores Profundidad de 2 bits - 4 colores Profundidad de 3 bits - 8 colores Profundidad de 4 bits - 16 colores Profundidad de 8 bits - 256 colores Profundidad de 24 bits - 16.777.216 colores Profundidad de 32 bits - 4.294.967.296 colores Conceptos Básicos: Profundidad de Bits
32.
33. Una imagen digital es una imagen que ha pasado por un proceso de conversión, para que pueda ser almacenada en forma de bits en un computador. La unidad mínima de una imagen digital es un píxel. La resolución de pantalla mide el número de píxeles a lo ancho y alto de la pantalla. Mientras más píxeles, mejor calidad. La resolución de colores describe el número de colores que pueden ser simultáneamente vistos en la pantalla al mismo tiempo. Un mayor número de colores produce imágenes que se ven más reales, pero al mismo tiempo aumente el espacio que ocupa la imagen en el disco Conceptos Básicos: Formatos de Imagen
34. Este es un formato estandarizado que permite compresión de imágenes. JPEG se diseño con el fin de poder comprimir imágenes a todo color o en escalas de grises que representaran fotografías o imágenes del mundo real. Las imágenes JPEG (de extensión JPEG o JPG) son más pequeñas que los GIF y por lo tanto mejores para su uso en el Web. Sin embargo, cuando se trata de imágenes simples o de pocos colores, con el formato GIF se consigue un resultado que mantendrá los colores "puros" del original de manera más acertada Conceptos Básicos: Formato JPEG