Introducción al Diseño Web. Fundamentos de HTML

Publicado en 12 octubre 2010 por programandoenphp.over-blog.com

Unidad I.

Asignatura. Lenguaje de Programación III.

Prof. Luis E. Aponte I.

Introducción al Diseño Web

Fundamentos de HTML

Conceptos y Términos Asociados.

1. Navegadores.

Los navegadores son una aplicación o programa (software) que se utilizan para localizar y mostrar sitios web.

2. Sitios Web

Un sitio web es un gran espacio documental organizado que la mayoría de las veces está típicamente dedicado a algún tema particular o propósito específico. Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de manera que la distinción entre sitios individuales, percibido por el usuario, puede ser a veces borrosa.

Los sitios web están escritos en código HTML (Hyper Text Markup Language), o dinámicamente convertidos a éste, y se acceden aplicando un software conveniente llamado navegador web, también conocido como un cliente HTTP. Los sitios web pueden ser visualizados o accedidos desde un amplio abanico de dispositivos con conexión a Internet, como computadoras personales, computadores portátiles, PDAs, y teléfonos móviles.

Un sitio web está alojado en una computadora conocida como servidor web, también llamada servidor HTTP, y estos términos también pueden referirse al software que se ejecuta en esta computadora y que recupera y entrega las páginas de un sitio web en respuesta a peticiones del usuario.

3. Tipos de sitios web

Existen muchas variedades de sitios web, cada uno especializándose en un tipo particular de contenido o uso, y ellos pueden ser arbitrariamente clasificados de muchas maneras. Unas pocas clasificaciones pueden incluir:

Sitio archivo: usado para preservar contenido electrónico valioso amenazado con extinción. Dos ejemplos son: Internet Archive, el cual desde 1996 ha preservado billones de antiguas (y nuevas) páginas web; y Google Groups, que a principios de 2005 archivaba más de 845.000.000 mensajes expuestos en los grupos de noticias/discusión de Usenet, tras su adquisición de Deja News.
Sitio weblog (o blog): sitio usado para registrar lecturas online o para exponer diarios en línea; puede incluir foros de discusión. Ejemplos: Blogger, Xanga. LiveJournal, WordPress, www.x0101.com.
Sitio de empresa: usado para promocionar una empresa o servicio.
Sitio de comercio electrónico: para comprar bienes, como Amazon.com.
Sitio de comunidad virtual: un sitio o portal social donde las personas con intereses similares se comunican unos con otros, normalmente por chat o foros o simples mensajes. Por ejemplo: MySpace, Facebook, Hi5, Multiply, Orkut, Quepasa.
Sitio de Base de datos: un sitio donde el uso principal es la búsqueda y muestra de un contenido específico de la base de datos, como por ejemplo Internet Movie Database.
Sitio de desarrollo: un sitio con el propósito de proporcionar información y recursos relacionados con el desarrollo de software, diseño web, etc.
Sitio directorio: un sitio que contiene contenidos variados que están divididos en categorías y subcategorías, como el directorio de Yahoo!, el directorio de Google, y el Open Directory Project.
Sitio de descargas: estrictamente usado para descargar contenido electrónico, como software, demos de juegos o fondos de escritorio: Download, Tucows, Softonic, Baulsoft.
Sitio de juego: un sitio que es propiamente un juego o un "patio de recreo" donde mucha gente viene a jugar, como MSN Games, Minijuegos.com, Pogo.com y los MMORPGs VidaJurasica, Planetarion y Kings of Chaos.
Sitio de información: contiene contenido que pretende informar a los visitantes, pero no necesariamente de propósitos comerciales; tales como: RateMyProfessors.com, Free Internet Lexicon y Encyclopedia. La mayoría de los gobiernos e instituciones educacionales y sin ánimo de lucro tienen un sitio de información.
Sitio de noticias: Similar a un sitio de información, pero dedicada a mostrar noticias y comentarios de la actualidad.
Sitio pornográfico (porno): muestra imágenes y vídeos de contenido sexual explícito.
Sitio de promoción web: usado para promocionar otras páginas webs por medio de publicación de artículos de opinión. Un ejemplo es: Feadi
Sitio buscador: un sitio que proporciona información general y está pensado como entrada o búsqueda para otros sitios. Un ejemplo puro es Google, y el tipo de buscador más conocido es Yahoo!.
Sitio shock: incluye imágenes u otro material que tiene la intención de ser ofensivo a la mayoría de visitantes. Ejemplos: rotten.com, ratemypoo.com.
Sitio de subastas: subastas de artículos por internet, como eBay.
Sitio personal: Mantenido por una persona o un pequeño grupo (como por ejemplo familia) que contiene información o cualquier contenido que la persona quiere incluir: Facebook, Fotolog.
Sitio portal: un sitio web que proporciona un punto de inicio, entrada o portal a otros recursos en Internet o una intranet: portalnet.cl.
Sitio Web 2.0: un sitio donde los usuarios son los responsables de mantener la aplicación viva, usando tecnologías de última generación: pikeo, flickr.
Creador de sitios: es básicamente un sitio que permite crear otros sitios, utilizando herramientas de trabajo en línea, como PageCreative.
Wiki: un sitio donde los usuarios editan colaborativamente (por ejemplo Wikipedia).
Sitio político: un sitio web donde la gente puede manifestar su visión política. Ejemplo: New Confederacy.
Sitio de rating: un sitio donde la gente puede alabar o menospreciar lo que aparece.
Sitios educativos: promueven cursos presenciales y a distancia, información a profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o temas.
Sitio spam: sitio web sin contenidos de valor que ha sido creado exclusivamente para obtener beneficios y fines publicitarios, engañando a los motores de búsqueda.

4. Protocolos.

Un protocolo es un método establecido de intercambiar datos en Internet. Un protocolo es un método por el cual dos ordenadores acuerdan comunicarse, una especificación que describe cómo los ordenadores hablan el uno al otro en una red.

Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1. HTTP define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores, proxies) para comunicarse. Es un protocolo orientado a transacciones y sigue el esquema petición-respuesta entre un cliente y un servidor. Al cliente que efectúa la petición (un navegador web o un spider) se lo conoce como "user agent" (agente del usuario). A la información transmitida se la llama recurso y se la identifica mediante un localizador uniforme de recursos (URL). Los recursos pueden ser archivos, el resultado de la ejecución de un programa, una consulta a una base de datos, la traducción automática de un documento, etc.

HTTP es un protocolo sin estado, es decir, que no guarda ninguna información sobre conexiones anteriores. El desarrollo de aplicaciones web necesita frecuentemente mantener estado. Para esto se usan las cookies, que es información que un servidor puede almacenar en el sistema cliente. Esto le permite a las aplicaciones web instituir la noción de "sesión", y también permite rastrear usuarios ya que las cookies pueden guardarse en el cliente por tiempo indeterminado.

5. Hipertexto.

Hipertexto se refiere a cualquier texto disponible en el World Wide Web que contenga enlaces con otros documentos. Utilizar el hipertexto es una manera de presentar información en la cual texto, sonido, imágenes y acciones están enlazadas entre sí de manera que se pueda pasar de una a otra en el orden que se desee.

6. Hipermedia.

El término hipermedia toma su nombre de la suma de hipertexto y multimedia, una red hipertextual en la que se incluye no sólo texto, sino también otros medios: imágenes, audio, vídeo, etc. (multimedia).

7. URL.

URL significa Uniform Resource Locator, es decir, localizador uniforme de recurso y se refiere a la dirección única que identifica a una página web en Internet.

Por ejemplo, usted está ahora mismo en esta URL: http://www.ilatina.es/urlque-url/2-12-7-12.htm , puede verla en la barra de direcciones de su navegador. Siempe que visita una página esta dispone de una URL, cada vez que usted hace click en un link dentro de una página usted irá a otra URL o página web.

Hay muchas formas de indicar una URL además de la anterior, aunque su navegador terminará incorporando el http:// aunque usted lo escriba sin incluirlo, compruebelo en este link www.ilatina.es

Otra forma de presentar una URL es esta, http://abogado-s.es sin las 3 www mas famosas de internet.

También se encontrará con subdominios con las 3 www o sin ellas, por ejemplo http://tienda.ilatina.es que es otra forma de facilitar una URL.

8. Dominio.

Un dominio es el nombre con el que se ingresa a una página web, por ejemplo, el dominio de Como Crear Un Sitio Web es www.comocrearunsitioweb.com

Tipos de dominios

Hay distintos tipos, los más conocidos son los: