Principios Y DiseñO De Aplicaciones

1,198 views

Published on

Lenguaje Etiquetado

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,198
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Principios Y DiseñO De Aplicaciones

  1. 1. Principios y Diseño de aplicaciones centrados en la red Por: Maria Fernanda Valverde Vásquez
  2. 2. Introducción a www. = World Wide Web <ul><li>Definición: Se lo define como un sistema de documentos de hipertexto o hipermedios enlazados y accesibles a través de Internet. </li></ul><ul><li>Se utiliza www. Para nombrar a los host o sitios de alojamiento de páginas Web. </li></ul><ul><li>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. </li></ul>
  3. 3. 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.
  4. 4. <ul><ul><li>Estándares </li></ul></ul><ul><li>URL.- Localizador de Recursos Uniforme. HTTP.- Protocolo de Transferencia de Hipertexto. HTML.- Lenguaje de Etiquetado de Hipertexto. </li></ul>
  5. 5. Lenguaje Etiquetado HTML = Hiper Text Markup Languaje <ul><li>Definición: </li></ul><ul><li>El HTML es un Lenguaje de Etiquetas de Hipertexto mediante el cual se realiza páginas web. </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>Las &quot;etiquetas&quot;, se las representa por corchetes angulares <> . </li></ul>
  6. 6. Partes de un documento HTML <ul><li>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. </li></ul>
  7. 7. <ul><li>El lenguaje consta de etiquetas que tienen la siguiente forma: </li></ul><ul><li><b> o <P>. </li></ul><ul><li>Cada etiqueta tiene un significado, por ejemplo <b> significa que se escriba en negrita y <p> significa un párrafo, <a> es un enlace, entre otros. </li></ul><ul><li>Todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. </li></ul><ul><li>Por ejemplo </b> se utiliza para indicar que se deje de escribir en negrita. </li></ul>
  8. 8. <ul><li>Un ejemplo con las partes del HTML se presenta en la siguiente estructura:: <html> <head>    <title> Ciencia, tecnología e Innovación</title> </li></ul><ul><li></head> <body>    <p><b>Bienvenidos a Todos</b></p> </li></ul><ul><li></body> </html> </li></ul>
  9. 9. Editores HTML <ul><li>El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, pueden ser: </li></ul><ul><ul><li>Gedit </li></ul></ul><ul><ul><li>Bloc de Notas de Windows., o cualquier otro editor que admita texto sin formato. </li></ul></ul><ul><ul><li>Microsoft Wordpad, TextPad, Note pad++. </li></ul></ul><ul><ul><li>Microsoft FrontPage y Dreamweaver. </li></ul></ul>
  10. 10. Hojas de Estilo <ul><li>¿Qué son las Hojas de Estilo? </li></ul><ul><li>Son plantillas que permiten cambiar el formato de presentación de cualquier etiqueta de HTML. </li></ul>
  11. 11. <ul><li>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. </li></ul><ul><li>Dos lenguajes de hojas de estilo son: </li></ul><ul><ul><li>CSS </li></ul></ul><ul><ul><li>XSL. </li></ul></ul><ul><li>Ventaja </li></ul><ul><li>Permiten agrupar varios formatos en nuevas clases de texto, para evitar tener que repetir las mismas etiquetas HTML en diferentes partes del documento. </li></ul>

×