Diseño Web

 Introducción al diseño web 

 Es la que consiste en la planificación diseño e implementación de sitios web páginas web requiere navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y video.

El diseñador web comprende perfectamente que la unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web.

Internet: es la interconexión descentralizada de redes de computadora implementada en un conjunto de protocolos. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras llamadas ARPANET.

Funcionamientos de la web

Para la visualización de una pagina web se comienza tecleando la URL de la pagina en el navegador, o bien siguiendo un enlace de hipertexto.

El proceso que el usuario no ve es el siguiente:

• Decodifica el nombre de la URL a una dirección IP usando la base de datos DNS, con la dirección IP se localiza el servidor web en donde esta la información. 
• Se envía una petición HTTP al servidor Web solicitando la información.
• Después de recibir el servidor la información de la pagina según haya sido conectada en HTML, CSS y otros lenguajes de programación.

La Web

Es una palabra inglesa que significa red o telaraña se designa como la web al sistema de gestión de información mas popular para la transmisión de datos al internet.

Servicios que ofrecen Internet

Correo electrónico

Entretenimiento

Grupos de noticias 

servicios de telefonía

WWW (World Wide Web)

Protocolos de Internet

La familia de protocolos de internet es un conjunto de protocolos de red que se emplean para transmitir datos entre ordenadores a través de internet. Existen mas de 100 protocolos cada uno especializado en una función o en un tipo de comunicación concreta.

Ejemplo: Protocolo HTTP

Se emplea para la transmisión de paginas web y el protocolo FTP  se emplea para transmisión de ficher.

Qué es un Navegador?

Es un software que permite el acceso a la web, interpretando la información de distintos tipos de archivos y sitios web para que estos pueden ser visualizados.

Ejemplo: Google Chrome

Buscador 

Es un sistema informático que busca archivos almacenados en servidores web gracias al internet.  

Hosting 

Es un servicio de alojamiento para sitio web, un espacio para poder almacenar información, imágenes, videos o cualquier contenido accesible vía web.

Tipos de hosting: hosting compartido, VPS, Cloud, etc.

Host

Es la computadora conectada a una red que provee y utiliza servicios de ella.

Servidor Web

Es un programa que utiliza el protocolo de trasferencia de hipertexto (HTTP) para servir los archivos que forman pagina web a los usuarios, las computadoras y los dispositivos dedicados también pueden denominarse servidores web

HTML

Es el formato estándar de las paginas web, es el lenguaje con el que se define el contenido de las paginas web.

El código fuente de un programa informático es un conjunto de líneas de texto con los pasos que debe seguir la computadora para ejecutar dicho programa.

CSS

Es un lenguaje de hoja de estilo creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTLM.

RSS

Facilita la gestión y la publicación de información y noticias web.

Hipertexto

Es un conjunto estructurado de texto, gráficos, imágenes o sonidos unidos entre si por enlaces o vínculos y conexiones lógicas actualmente el hipertexto esta siendo remplazado por la hipermedia.

Pagina Web

Es un documento HTLM que es accesible generalmente mediante el protocolo de internet HTTP. Documento compuesto por texto, imágenes audios o videos a los que se puede acceder a través de WWW.

Elementos de una pagina web:

Texto

Imágenes

Audio

Animaciones

Videos

Contenido script

Elementos como hipervínculos.

Sitio Web

Es un conjunto de paginas web que se encuentran relacionadas por el contenido y por un dominio de internet y que constituyen una gran red de información. 

Hay dos tipos de sitios web:

Sitio web estático- El contenido no se actualiza.

Sitio web dinámico- El contenido se actualiza.

Clasificación de Sitio Web

Sitios de entretenimiento

Sitios comerciales

Sitios informáticos

Sitios personales

URL

Es una secuencia de caracteres que se utilizan para localizar documentos HTML en internet.

Ejemplo: elheraldo.hn 

                                       Introducción a HTML5 y CSS3

¿Qué es HTML?

"HTML es lo que se utiliza para crear todas las páginas web de Internet". Más concretamente, HTML esel lenguaje con el que se "escriben" la mayoría de páginas web.

Los diseñadores utilizan el lenguaje HTML para crear sus páginas web, los programas que utilizan diseñadores generan páginas escritas en HTML y los navegadores que utilizamos los usuarios muestran las páginas web después de leer su contenida HTML.

Aunque HTML es un lenguaje que utilizan los ordenadores y los programas de diseño, es muy fácil de aprender y escribir por parte de las personas. En realidad, HTML son las siglas de HyperText Markup Language.

El lenguaje HTML es un estándar reconocido en todo el mundo y cuyas normas define un organismo sin ánimo de lucro llamado World Wide Web Consortium, más conocido como W3C. Como se trata de un estándar reconocido por todas las empresas relacionadas con el mundo de internet, una misma página HTML se visualiza de forma muy similar en cualquier navegador de cualquier sistema operativo.

El propio W3C define el lenguaje HTML como "un lenguaje reconocido universalmente y que permite publicar información de forma global". Desde su creación, el lenguaje HTML ha pasado de ser un lenguaje utilizado exclusivamente para crear documentos electrónicos a ser un lenguaje que se utiliza en muchas aplicaciones electrónicas como buscadores, tiendas online y banca electrónica.

HTML y XHTML

El lenguaje XHTML es muy similar al lenguaje HTML De hecho, XHTML no es más que una adaptación de HTML al lenguaje XML Técnicamente, HTML es descendiente directo del lenguaje SGML, mientras que XHTML lo es del XML (que a su vez, también es descendiente de SGML)

Figura 1.1 Esquema de la evolución de HTML y XHTML

Las páginas y documentos creados con XHTML son muy similares a las páginas y documentos HTML Las discusiones sobre HTML es mejor que XHTML o viceversa son recurrentes en el ámbito de la creación de contenidos web, aunque no existe una conclusión ampliamente aceptada

Actualmente, entre HTML 4.01 y XHTML 1.0, la mayoría de los diseñadores escogen XHTML. En un futuro cercano, los donadores deben elegir entre HTML 5 y XHTML 1:10 XHTML 20, quizás el ejecito sea diferente.

HTML Y CSS

Originalmente, las páginas HTML solo incluían información sobre sus contenidos de texto e imágenes Con el desarrollo del estándar HTML, las páginas empezaron a incluir también información sobre el aspecto de sus contenidos tipos de letra, colores y márgenes

La posterior aparición de tecnologías como JavaScript provocaron que las páginas HTML también incluyeran el código de las aplicaciones (llamadas scripts) que se utilizan para crear páginas web dinámicas

Incluir en una misma página HTML los contenidos, el diseño y la programación complica en exceso su mantenimiento, Normalmente, los contenidos y el diseño de la página web son responsabilidad de diferentes personas, por lo que es conveniente separarlos,

CSS es el mecanismo que permite separar los contenidos definidos mediante XHTML y el aspecto que deben presentar esos contenidos:

Adobe Dreamweaver

Es una aplicación, que está destinada a la construcción, diseño y edición de sitios y aplicaciones Web basados en estándares. Es compatible con muchas tecnologías como las hojas de estilo y capas (CSS), JavaScript que permite crear la interacción y los efectos y la inserción de cualquier archivo multimedia.