01 estructura

27

Upload: sinaibucio

Post on 26-Jul-2015

88 views

Category:

Education


0 download

TRANSCRIPT

Page 1: 01 estructura
Page 2: 01 estructura

ESTRUCTURA

Page 3: 01 estructura

CÓMO FUNCIONA LA ESTRUCTURA

HEADLINE(ENCABEZADO)

Page 4: 01 estructura

CÓMO FUNCIONA LA ESTRUCTURA

TEXTO

Page 5: 01 estructura

CÓMO FUNCIONA LA ESTRUCTURA

IMAGENES

Page 6: 01 estructura

CÓMO FUNCIONA LA ESTRUCTURA

SUBHEADING(SUBTITULO)

Page 7: 01 estructura

CÓMO FUNCIONA LA ESTRUCTURA

Las versiones digitales

generalmente tienen una estructura

similar

Page 8: 01 estructura

ESTRUCTURA EN DOCUMENTOS DE WORD

Encabezados y subtitulos reflejan

Jerarquía de la información.

Page 9: 01 estructura

ESTRUCTURA EN DOCUMENTOS DE WORD

Encabezados principales e información

importante se muestran primero

Page 10: 01 estructura

ESTRUCTURA EN DOCUMENTOS DE WORD

Para la información de menor jerarquía se emplean subtitulos

Page 11: 01 estructura

HTML: ESTRUCTURA DE PÁGINAS<html>

</html>

<body>

</body>

<h1>Este es el encabezado principal</h1>

<h2>Este es un subtitulo</h2>

<h2>Otro subtítulo</h2>

<p>Este texto puede ser una introducción al resto de la página.</p>

<p>Otro párrafo.</p>

<p>Artículos extensos tienen subtítulos para ayudar al seguimiento de la estructura.</p>

Page 12: 01 estructura

UNA MIRADA A LAS ETIQUETAS

ETIQUETA DE APERTURA ETIQUETA DE CIERRE

CARACTER CARACTER

SIGNO MENOR QUE SIGNO MAYOR QUE

DIAGONAL

Page 13: 01 estructura

langlang en-usen-us

LOS ATRIBUTOS NOS DICEN MÁS DE LOS ELEMENTOS

<a =" ">Paragraph in English</p>

NOMBRE DEL ATRIBUTO

VALOR DELATRIBUTO

Page 14: 01 estructura

BODY, HEAD & TITLE

<html> <head> <title>Este es el título de...</title> </head> <body> <h1>Este es el cuerpo de la página</h1> <p>Cualquier cosa dentro del cuerpo de la página web se muestra en la ventana principal del navegador.</p> </body></html>

Page 15: 01 estructura

BODY, HEAD & TITLE

<html> <head> <title>Este es el título de...</title> </head> <body> <h1>Este es el cuerpo de la página</h1> <p>Cualquier cosa dentro del cuerpo de la página web se muestra en la ventana principal del navegador.</p> </body></html>

Page 16: 01 estructura

BODY, HEAD & TITLE

Page 17: 01 estructura

BODY, HEAD & TITLE

<html> <head> <title>Este es el título de...</title> </head> <body> <h1>Este es el cuerpo de la página</h1> <p>Cualquier cosa dentro del cuerpo de la página web se muestra en la ventana principal del navegador.</p> </body></html>

Page 18: 01 estructura

BODY, HEAD & TITLE

Page 19: 01 estructura

Las páginas HTML son en realidad documentos de texto.

RESUMEN

Page 20: 01 estructura

El HTML utiliza etiquetas que actuan como contenedores.

RESUMEN

Page 21: 01 estructura

A las etiquetas se les hace referencia a menudo como elementos.

RESUMEN

Page 22: 01 estructura

Las etiquetas generalmente estan en pares. Etiquetas de apertura denotan el inicio de un contenido, y las de cierre denotan el final.

RESUMEN

Page 23: 01 estructura

Las etiquetas de apertura pueden contener atributos que indican información adicional del elemento que contienen.

RESUMEN

Page 24: 01 estructura

Los atributos requieren nombre y valor.

RESUMEN

Page 25: 01 estructura

ARCHIVOS HTML

Una página es un archivo donde está contenido el código HTML en forma de texto. Estos archivos tienen extensión .html o .htm (es indiferente cuál utilizar).

Consejo: Utiliza siempre la misma extensión en tus archivos HTML. Eso evitará que te confundas al escribir los nombres de tus archivos unas veces con .htm y otras con .html.

Page 26: 01 estructura

ARCHIVOS HTML

Consejo: Utiliza nombres en tus archivos que tengan algunas normas básicas para ahorrarte disgustos y líos. No utilices acentos ni espacios ni otros caracteres especiales.( !”·$%&/=*ª ñ etc.)

También te ayudará escribir siempre las letras en minúsculas. Emplea nombres descriptivos para que te aclaren lo que hay dentro. Algún caracter como el guión "-" o el guión bajo "_" te puede ayudar a separar las palabras.

Por ejemplo quienes_somos.html

Page 27: 01 estructura