Introduccion Al Diseño Web

 

INTRODUCCIÓN  AL DISEÑO WEB

 

INTRODUCCIÓN AL DISEÑO WEB: •

Paginas web y sitios.

•

•

•

Conceptos applets). Basicos (Dominio, URL, hosting, Elementos de una pagina web. Estándares de diseño web (W3C)

 

PAGINAS WEB Y SITIOS.

¿Qué es un sitio web y una página web? Los conceptos de página web y sitio web se emplean, en numerosas ocasiones, indistintamente, y no son pocas las personas que denominan  página web a aquello que, en realidad, es un sitio web.

 

En primer lugar, nos referimos a un website (o sitio web) hablamos documentos de un gran espacio virtualcuando que contiene (páginas), acerca de un tema más o menos concreto, organizados jerárquicamente en Internet.

Por otro lado, una página web es un documento HTML HTML que  que alberga información, ya visual o sonora, estáseaentextual, Internetgráfica, y es accesible graciasque al  protocolo HTTP. HTTP . Un conjunto de dichas  páginas web conforman lo que ya conocemos como sitio web. Estos documentos, al igual que el website, se encuentran alojados en un servicio de hosting. hosting .

Con el siguiente caso práctico veremos más clara la diferencia. En nuestro caso, https://softwarelab.org/ es, https://softwarelab.org/  es, según lo explicado, un sitio web. Éste se encuentra integrado por un conjunto de páginas a las que se puede acceder desde la portada principal mediante hipervínculos, y https://softwarelab.org/contact/ https://softwarelab.org/contact/  sería, por ejemplo, una de ellas. A continuación, profundizaremos con mayor detalle en ambos conceptos.

 

¿QUE ES UN SITIO WEB? (WEBSITE) Un sitio web, como ya hemos comentado, es un conjunto de páginas o documentos de temática relacionada se encuentra alojado en los Internet se identifica un nombre Por consiguiente,que el conglomerado de todos sitiosyweb existentescon da lugar a una de reddominio. muy amplia de información que se conoce como World Wide Web (WWW). Además, los websites están escritos en código HTML y, para acceder a ellos, es necesario un navegador, como Internet Explorer, Google Chrome, Safari o Mozilla Firefox.

 

Asimismo, existe una gran variedad de sitios web, diferenciados, en general, por la clase de información que proporcionan. Entre la múltiple cantidad de tipos, vamos a ver brevemente los más comunes: Blogs

personales,, donde una persona escribe artículos o entradas sobre sus gustos, preferencias personales preferencias o temas que domina. Para crearlos, existen plataformas como WordPress o Blogger.

Sitios

de empresas, empresas, utilizados por las compañías para dar a conocer la sociedad, sus productos y sus servicios.

Sitios

personales (o personales  (o redes sociales), que son aprovechados por los individuos para mostrar información sobre sí mismos y  para interactuar interactuar con otros otros usuarios. Twi Twitter, tter, Facebook e Instagram Instagram son los ejemplos ejemplos más conocidos. conocidos.

Sitios

de subastas, subastas , donde se subastan artículos en la red, como es eBay.

 

Sitios

de noticias, dedicados a comentar y dar información de actualidad. Por ejemplo, los websites de los grandes diarios.

Sitios

de descargas, utilizados para bajar software desde Internet, como Softonic.

Sitios

de comercio electrónico, para adquirir productos a través de la red. Amazon.com es el más empleado.

Sitio

buscador, con Google como ejemplo por excelencia.

 

¿QUÉ ES PAGINAS WEB? Una página web es un documento en Internet que contiene texto, imágenes, enlaces y/o audio. Elunconjunto de páginas web, de acuerdo con lo explicado, constituye sitio web. Su creación supone un  proceso complejo, pues para llevarlo a cabo son necesarios conocimientos en lenguajes de programación (PHP, HTML o ASP,  por ejemplo); lenguajes que, a su vez, son interpretados por los navegadores para hacer visible el contenido a los usuarios.

 

Pueden dividirse en dos tipos:

Pagina Web Estatica: propias de la época del nacimiento Internet, se caracterizan poryundesarrollo contenidodeque no varía en un periodo de tiempo y por una ausencia de interacción con el navegante. Se componen, básicamente, de texto e imagen.

Pagina Web Dinamica : permiten la interacción con el usuario en tiempo real a través de, por ejemplo, los foros. Esto es  posible gracias a su conexión con bases de datos que desarrollan aplicaciones web. Las  primeras aparecieron en los años 90, momento momento en el que el crecimiento de la red de redes se convirtió en exponencial. Redes sociales, tiendas virtuales o buscadores son sólo algunos ejemplos de este tipo de páginas web.

 

Ambas clases, asimismo, pueden dividirse en privadas y públicas. •

•

Página web Privada: son aquellas a las que sólo puede entrar un número limitado de usuarios identificados. Páginas web públicas: son las que están disponibles para cualquier navegante que disfrute de una conexión a Internet.

 

En resumidas cuentas: sabemos que un sitio web hace referencia al espacio formado por distintos documentos, que están organizados de forma jerárquica en Internet, mientras que las páginas web son cada uno de esos documentos que integran el website. O más sencillo aún: las páginas web son las partes en las que se divide un sitio web.

 

CONCEPTOS BÁSICOS (DOMINIO, URL, HOSTING, APPLETS).

 

¿QUÉ ES UNA URL? URL es la dirección única y específica que se asigna a cada uno de los recursos que hay en Internet (sitios web, páginas web, textos, fotos, vídeo…) para que puedan ser localizados por el navegador y visualizados por el usuario. Por tanto, se trata de un conjunto de caracteres identificativos que poseen todos los documentos en la World Wide Web (WWW). Cada página, cada imagen, cada website y, en definitiva, cada recurso disponible en Internet lleva asociada una dirección (URL). Por ejemplo, para la página de ValorTop en la que te explicamos qué es el hosting, el URL correspondiente es: https://softwarelab.org/es/que-es-hosting/ https://softwarelab.org/es/que-es-hosting/..

 

¿PARA QUÉ SIRVE EL URL? URL responde a las siglas Uniform Resource Locator, por lo que su estricto significado en castellano es el de localizador uniforme de recursos; concretamente, de los que se hallan en Internet. Cuando un usuario quiera navegar por la red y acudir a determinados sitios o páginas web, deberá hacer uso de este URL, que le da al navegador la información necesaria para identificar los documentos, que los encuentre y, de inmediato, se los muestre al navegante.

La respuesta es muy sencilla: el URL sirve  para encontrar aquello que tú buscas en Internet. Si, por ejemplo, queremos llegar hasta la página de ValorTop donde se nos explica el hosting, introduciremos la dirección https://softwarelab.org/es/que-eshosting en la barra del navegador. Es cierto que la mayoría de los usuarios acabarán aquí a través de un buscador como Google, pero hay que tener en cuenta que para llegar hasta éste también haces uso del URL https://www.google.es/.. https://www.google.es/

 

EL FORMATO DEL URL La dirección URL contiene diferentes informaciones, que son las encargadas de decirle al navegador los pasos que tiene que seguir hasta llegar al recurso solicitado por el navegante. El formato, en concreto, sigue la siguiente regla de sintaxis: esquema://host.dominio:puerto/directorio/nombre_ esquema://host.dominio:puerto/directorio/nombre_de_archivo. de_archivo. Tomemos como referencia para la explicación de cada uno de estos elementos la URL que hemos empleado hasta el momento: https://softwarelab.org/es/que-es-hosting/.. https://softwarelab.org/es/que-es-hosting/

 

esquema://host. esquema:// host.dominio: dominio:puerto puerto//directorio directorio//nombre_de_archivo  Esquema.  Protocolo

de inicio empleado para la transmisión de datos entre computadoras y recuperar la información en Internet. En el caso que nos ocupa, el esquema se corresponde con “http”.

 Puerto. Generalmente

se omite, pero su tarea es la de definir el nombre del puerto según el host. Para el protocolo “http”, el puerto por defecto es 80.

 Directorio  (o  Host. En

general, para el protocolo “http”, el host es “www”, tal y como podemos comprobar en nuestro ejemplo.

 Dominio (o

máquina). Nombre de dominio de cada sitio web, como “valortop.com”.

ruta). Tiene la función de definir el camino que se debe seguir en el servidor. Para nuestro caso práctico, la ruta es “blog”.

 Nombre

de archivo. Define el documento que  buscamos y al cual deseamos llegar, como “quees-hosting”.

https:// https ://softwarelab softwarelab..org org//es es//que-es-hosting que-es-hosting/./.

 

TIPOS DE ESQUEMAS El esquema, como ya hemos comentado en el apartado inmediatamente anterior, se refiere al  protocolo que se utiliza para recuperar la información infor mación que está en Internet. Existen distintos tipos de esquemas, y éstos son los más comunes: •

•

http. Es el más frecuente y recupera recursos http (protocolo de transferencia de hipertexto). https.  Es aquel esquema empleado para proporcionar comunicaciones seguras en Internet, gracias al SSL (Secure Sockets Layer).

•

mailto. Es utilizado para las direcciones de correo electrónico.

•

ftp. Esquema que se usa para el protocolo de transferencia de archivos.

•

file. Recursos que están disponibles en una red o sistema local.

•

news. Empleado para la recuperación de recursos relacionados con grupos de noticias.

 

ELEMENTOS DE UNA PAGINA WEB.

 

ESTÁNDARES DE DISEÑO WEB (W3C)