Your SlideShare is downloading. ×
Principios Y DiseñO De  Aplicaciones
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Principios Y DiseñO De Aplicaciones

972
views

Published on

Lenguaje Etiquetado

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
972
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Principios y Diseño de aplicaciones centrados en la red Por: Maria Fernanda Valverde Vásquez
  • 2. 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.
  • 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.
      • Estándares
    • URL.- Localizador de Recursos Uniforme. HTTP.- Protocolo de Transferencia de Hipertexto. HTML.- Lenguaje de Etiquetado de Hipertexto.
  • 5. 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 &quot;etiquetas&quot;, se las representa por corchetes angulares <> .
  • 6. 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.
  • 7.
    • El lenguaje consta de etiquetas que tienen la siguiente forma:
    • <b> o <P>.
    • 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.
    • 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 </b> se utiliza para indicar que se deje de escribir en negrita.
  • 8.
    • 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>    <p><b>Bienvenidos a Todos</b></p>
    • </body> </html>
  • 9. 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.
  • 10. Hojas de Estilo
    • ¿Qué son las Hojas de Estilo?
    • Son plantillas que permiten cambiar el formato de presentación de cualquier etiqueta de HTML.
  • 11.
    • 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.