Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,212
On Slideshare
1,212
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
14
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. World Wide Web E s un sistema de información global que permite relacionar mediante hipertexto Distintas fuentes de información. Utiliza un lenguaje muy sencillo para la creación de documentos que permitan una fácil estructuración del texto y la posibilidad de añadir elementos
  • 2. La Web se debe crear uno que puede ser consultando en una variedad de plataforma. Estoa hace que el lenguaje HTML sea un lenguaje independiente Consta de texto Etiquetas Con una variedad de navegadores
  • 3. No permite una estructuración muy avanzada de los documentos Agregar fondos y definir colores Texto por columnas de estilos periodísticos * * Establecer tamaño, color y tipo de fuente Tamaño de las fuentes ()escala de 1 a 7) * * Definir enlaces Tabulaciones * * Definir lineas horizontales Ecuaciones * * Resaltar el texto Encabezados * * Bordes de pagina Uso de listas numeradas y viñetas * * Inclusiones de imágenes * Inserción de ficheros multimedia * Definición de tablas * Uso de formularios *
  • 4. Las instrucciones HTML se denominan etiquetas ETIQUETA: Es un texto que define utilidad (<>) La etiqueta suele presentar atributos que modifican su efecto <ETIQUETA ATRIBUTO1=valor1 ATRIBUTO2=“valor 2”> Elementos afectados por la
  • 5. (Uniform Resource locator) Identifica a los documentos que se encuentran en el servidor (ficheros html, imágenes), cada uno de los ficheros se pueden localizar mediante URL. También da la posibilidad de incluir referencias desde el documento de cualquier fichero. Servidor de la www, accede a documento HTML
  • 6. Un documento HTML debe contener una serie de instrucciones que definen las distintas partes que los forman. <html> inicio de pagina <head> define Titulo de Pagina <title>Universidad Técnica Particular de Loja</title> titulo de pagina </head> fin de titulo de pagina <body> define cabeza de pagina p align=center> Universidad Católica de Loja </body> fin de cabeza de pagina </html> fin de pagina
  • 7. <P>: Cambio de párrafo <PRE> Texto preformateado <BR> Salto de línea SZE=n: Altura en puntos de pantalla <HR> Regla horizontal <CENTER> Para centrar el texto ALING=LEFT, RIGHT o CENTER Alineación <&nbsp> Poner grafico de Tabla 4.1 Caracteres especiales
  • 8. En este aparato se incluye los elementos del lenguaje HTML para la estructuración más básica de un documento. Establecen jerarquías de los títulos y apartados de un documento <H1>, <H2>, <H3>, <H4>, <H5>: Define un orden de importancia los apartados del documentos <FONT SIZE=tamaño COLOR=color FACE=tipo>
  • 9. Define los resaltantes (negrita, cursiva, etc.) <B>: Negrita <SUP> Superíndice <I>Cursiva <BIG> Letra grande <BLINK> Parpadeo <SMALL> Letra pequeña <SUB> Subíndice <CITE> Marca el titulo de un libro, película Define el texto que se mostrara en forma de lista o enumeración Se utiliza un número o un elemento de orden para Se utiliza un símbolo (CIRCLE, etc.) para indicar etiquetar los Distintos elementos de la lista los elementos de la lista <OL TYPE=A o a o i o I o O> <ULTIPE=DISCK o CIRCLE o SQUARE> Aparece en junto al borde izquierdo del termino se muestra un tabulador a la derecha. <DT> Termino a definir <DD> Definición 1
  • 10. Permite definir frases o imágenes que si son activadas por el usuario traslada a otros documento HTML o a otras fuentes de información <A HREF=“URL”> Texto del hiperenlaces A En el atributo HREF se especificara la URL del documento HTML La URL que se toma como base para cálculos de URL relativas puede modificarse con la etiqueta <BASE HREF >
  • 11. En un documento HTML se puede incluir imágenes en formato correspondiente : gif (GIF), y .jpg o jpeg (JPEG) La instrucción básica para incluir imágenes en un documento es: <IMG SRC=” URL de la imagen”> Puede presentarse los siguientes atributos: ► ALT – Muestra un texto si la imagen no puede mostrarse. ► ALING=”TOP o MIDDLE o BOTTOM” – como se muestra la próxima frase ► ALIGN=” LEFT o RIGHT” La imagen se inserta a la izquierda o derecha. ► BORDER=n – Indica el tamaño del borde. ► HSPACE=n o n% - VSPACE=n o n% - Indica la separación ► horizontal.
  • 12. Imagen dividida en distintas áreas, cada una de las cuales, al pulsar sobre ella, conduce a un documento distinto. La forma de incluir una imagen sensible en un documento HTML es: <A HREF=” fichero_mapa.map”><IMG SRC=”URL de la imagen” SMAP></A> Para incluir en un documento de HTML un fichero de sonido o video se usará: <EMBED SRC=” URL del fichero, multimedia” HEIGHT=” Altura” WIDTH=” Ancho”>
  • 13. Permiten la representación de datos por filas y columnas <CAPTION> Se especifica el título de la tabla. <TR> Se definirán las distintas filas de la tabla. <TH> Se define las celdas de la cabecera. <TD> Se definirá las celdas de datos de la tabla. La etiqueta <TABLE> puede presentar los siguientes atributos: BORDER=n – Indica el tamaño del borde de la tabla. CELLSPACING=n – Separación entre las celdas de la tabla. CELLPADDING=n – Distancia entre el borde de la celda y el contenido.
  • 14. Se pueden utilizar principalmente para crear páginas de comentarios, para implementar búsquedas en la base de datos. La primera instrucción a incluir será: <FORMACTIÓN>=” Fichero que trata el formulario. ACTIÓN – Fichero que tratará el formulario. METOD – Método de envió de datos. Dentro de la instrucción se podrán definir los siguientes diálogos y campos de entrada de datos: NAME – Es el que utiliza el programa para identificar el valor usado por rl formulario. VALUE – Valor por defecto en los campos de entrada de texto y el valor que toma al enviarse al formulario.
  • 15. Permite mostrar un documento distinto en cada una de las regiones. El documento con frames no define la etiqueta BADY, sino que define la estructura de frames, del siguiente modo: <FRAMESET COLS=”100, *”> <FRAME SRC=“ frame1.htm” NAME=”frame1”n> <FRAME SRC=“ frame2.htm” NAME=”frame2”n> </FRAMESET>