Principios Y DiseñO De Aplicaciones

Principios y Diseño de aplicaciones centrados en la

red

Por: Maria Fernanda Valverde Vásquez

Introducción a www. = World Wide Web

Definición: Se lo define como un sistema de documentos de hipertexto o hipermedios enlazados y accesibles a través de Internet.

• Se utiliza www. Para nombrar a los host o sitios de alojamiento de páginas Web.

• Por medio de estas siglas accedemos a una página Web en la cual el usuario puede visualizar imágenes, texto, vídeos u otros contenidos multimedia, y se navega a través de ellas usando hiperenlaces.

DIFERENCIAS World Wide Web tenia algunas diferencias de otros sistemas de hipertexto que estaban disponibles en aquel momento:

WWW. requería solamente enlaces unidireccionales en vez de los bidireccionales. Esto quiere decir que una persona enlazara a otro recurso sin necesidad de ninguna acción del propietario de ese recurso, pero surgió un problema, los enlaces rotos significa que se cambia su localización, o son reemplazados con distinto contenido.

una ventaja de World Wide Web era que permitía desarrollar servidores y clientes independientemente y añadir extensiones sin restricciones de licencia.

Estándares

URL.- Localizador de Recursos Uniforme.

HTTP.- Protocolo de Transferencia de Hipertexto.

HTML.- Lenguaje de Etiquetado de Hipertexto.

Lenguaje Etiquetado HTML = Hiper Text Markup Languaje

Definición:• El HTML es un Lenguaje de Etiquetas de Hipertexto

mediante el cual se realiza páginas web.

• Es el código fuente de la página, este indica básicamente donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página.

• Una definición cortita de HTML .- es una serie de etiquetas que se utilizan para definir la forma o estilo que queremos aplicar a nuestra página Web.

• Las "etiquetas", se las representa por corchetes angulares <>.

Partes de un documento HTML

• Un documento HTML debe iniciar por la etiqueta <html> y terminar </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales:

El encabezado, delimitado por <head> y </head> donde iran etiquetas de carácter informativo como por ejemplo el titulo de nuestra página.

El cuerpo, debe tener las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.

• El lenguaje consta de etiquetas que tienen la siguiente forma:

 o .• Cada etiqueta tiene un significado, por ejemplo 

significa que se escriba en negrita y significa un párrafo, <a> es un enlace, entre otros.

• Todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta.

Por ejemplo se utiliza para indicar que se deje de escribir en negrita.

• Un ejemplo con las partes del HTML se presenta en la siguiente estructura::

<html>

<head> <title> Ciencia, tecnología e Innovación</title>

</head>

<body> Bienvenidos a Todos

</body>

</html>

Editores HTML

• El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, pueden ser:

– Gedit– Bloc de Notas de Windows., o cualquier otro editor

que admita texto sin formato.– Microsoft Wordpad, TextPad, Note pad++.– Microsoft FrontPage y Dreamweaver.

Hojas de Estilo

¿Qué son las Hojas de Estilo?• Son plantillas que permiten cambiar el formato de

presentación de cualquier etiqueta de HTML.

• Se caracterizan las hojas de estilo por controlar todos los elementos de la presentación de un documento HTML: márgenes de página, espaciado entre párrafos, tamaños y tipos de letra, color y fondos entre otros.

• Dos lenguajes de hojas de estilo son:– CSS– XSL.

Ventaja• Permiten agrupar varios formatos en nuevas clases de

texto, para evitar tener que repetir las mismas etiquetas HTML en diferentes partes del documento.

Principios Y DiseñO De Aplicaciones

Technology

Transcript of Principios Y DiseñO De Aplicaciones