Diseño y Elaboración de Páginas Web

GUIA DE EXAMEN

1.    Título de la página: Mi primer pagina
2.    Color de página: Azul
3.    Título: EL SISTEMA SOLAR (encabezado 1, centrado, color de fuente blanco)
4.    Párrafo 1: El Sistema Solar está formado por una estrella central, el Sol, los cuerpos que le acompañan y el espacio que queda entre ellos.

Tipo de fuente: papyrus

                Tamaño: 5
                Alineación: justificada
                Negrita: Sistema Solar
                Cursiva: el Sol

5. Párrafo 2: Nueve planetas giran alrededor del Sol: Mercurio, Venus, la Tierra, Marte, Júpiter, Saturno, Urano, Neptuno y el planeta enano, Plutón. La Tierra es nuestro planeta y tiene un satélite, la Luna. Algunos planetas tienen satélites, otros no.

Tipo de fuente: papyrus

                Tamaño: 5
                Alineación: izquierda
                Subrayado: La Tierra

6. Párrafo 3: Los asteroides son rocas más pequeñas que también giran, la mayoría entre Marte y Júpiter. Además, están los cometas que se acercan y se alejan mucho del Sol.

Tipo de fuente: papyrus

               Tamaño: 5
               Alineación: derecha
              Subíndice: Marte
               Superíndice: Júpiter

7. Línea horizontal.

8. Título: Seleccione para ver su información

Tamaño: 5

Color: rojo
Alineación: centrado

9. Texto preformateado:

El Sol Júpiter

                               Mercurio                                            Saturno
                               Venus                                                Urano
                               Tierra                                                Neptuno
                               Marte                                                 Plutón

Tamaño: 8

Color: blanco

PRACTICA 3-B

<html>
<head>
<title> practica 3-b </title>
</head>

<body bgcolor="black">
<center>



Hola este documento tiene fondo negro, fuente en color blanco tipo papyrus, tamaño 10 puntos y esta centrado.


</body>
</html>

PRACTICA 3-A

<html
<head>
<title> Practica 3-A </title>
</head>
<body>

<hr>
<h2><center> Alineación de párrafos</center></h2>
<hr>

Este párrafo está alineado a la izquierda

Este párrafo está alineado a la derecha
 Este párrafo está alineado al centro 
 Este párrafo está alineado justificado 
<hr>

<hr>

<h2><center> Apariencia del texto</center></h2>
<hr>

Este texto esta normal

Este texto está en negrita 
 Este texto está en cursiva 
 <strike> Este texto esta tachado </strike> 
 Este texto esta subrayado 
 Este texto está en subíndice 
 Este texto está en supíndice 
 <tt> Este texto esta mecanografiado </tt> 
 Este texto está en letra papyrus 
 Este texto está en letra Lucida Sans 
 Este texto está en letra Monotype Corsiva 
 Este texto está en tamaño diez puntos 
 Este texto está en tamaño tres puntos 
 Este texto está en tamaño cinco puntos 
 Este texto está en color azul 
 Este texto está en color verde 
 Este texto está en color amarillo 
<hr>

<hr>

<h2><center> Texto preformateado</center></h2>
<hr>

<pre>

Comedia Radio cntr protagonizado por Mike Stewart $14.99
Drama Golden Fields protagonizado por Jane Rpddingham $19.99
</pre>

<code>

Comedia Radio cntr protagonizado por Mike Stewart $14.99
Drama Golden Fields protagonizado por Jane Rpddingham $19.99
</code>
<hr>

<hr>

<h2><center> Espacios en blanco </center></h2>
Este párrafo contiene    espacios     en    blanco.
<hr>

</body>
</html>

PRACTICA 3: MARCADO DE TEXTO.

<html>
<head>
<title> Practica 3</title>
</head>

<body>

<h2> Ejemplo de las etiquetas em y strong. </h2>
El lenguaje HTML permite marcar algunos segmentos de texto como muy importantes y otros segmentos como los más importantes.

<h2> Ejemplo de las etiquetas del e ins </h2>
El HTML, acrónimo inglés de Hyper Text Markup Language (lenguaje de <del datetime="20091025" cite="http://www.librosweb.es/mas_informacion.html"> marcado de hipertexto </del> <ins datetime="20091026" cite="http://www.librosweb.es/ mas_informacion.html"> marcas hipertextuales </ins>) es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto. 

<h2> Ejemplo de las etiquetas cite y blockquote </h2>
Como dijo <cite>Mahatma Gandhi</cite>:
<blockquote> Vive como si fueras a morir mañana y aprende como si fueras a vivir para siempre. </blockquote> 

<h2> Ejemplo de las etiquetas abbr y acronym </h2>
El <abbr title="lenguaje">leng.</abbr> <acronym title="HyperText Markup Language">HTML</acronym> es estandarizado por el <acronym title="World Wide Web Consortium">W3C</acronym>.

<h2> Ejemplo de la etiqueta dfn </h2>
Con estos síntomas, podría tratarse de un caso de <dfn title="Imagen o sensación subjetiva, propia de un sentido, determinada por otra sensación que afecta a un sentido diferente">sinestesia</dfn>

</body>
</html>

Practica 2: Manejo de secciones.

<html>
<head>
<title> Practica 2</title>
</head>
<body>

<h1>Titular de la página</h1>
Párrafo de introducción...

<h2>La primera sub-sección</h2>
Párrafo de contenido...

<h3>Otra subsección</h3>
Más párrafos de contenido...

</body>

</html>

Practica 1: Inserción de texto y estructuración en párrafos.

<html >

<head>

<title>PRACTICA 1</title>

</head>

<body>

Este es el texto que forma el primer párrafo de la página, los párrafos pueden ocupar varias líneas y el navegador se encarga de ajustar su longitud al tamaño de la ventana.

El segundo párrafo de la página también se define encerrando su texto con la etiqueta p. El navegador también se encarga de separar automáticamente cada párrafo.

</body>

</html>

ETIQUETAS Y ATRIBUTOS

Las etiquetas (en inglés: tags) son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.

Reglas básicas
· Las etiquetas están encerradas entre los signos "<" y ">".
· Generalmente vienen en pares  y <⁄p>.
· La primera es de apertura y la segunda de cierre.
· El texto que se encuentra entre dos etiquetas es el contenido del elemento.

Ejemplo:

Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.

·         Los atributos siempre van con la estructura: nombre="valor".
·         Los atributos siempre van en la etiqueta de apertura.
·         Los valores siempre hay que ponerlos entre comillas.

Ejemplo:

En la etiqueta <body> podemos observar el atributo bgcolor=(color de fondo) y el valor "#FFFF00"(representa el color amarillo en hexadecimal). Esto quiere decir que el color de fondo de la página será amarillo.

lunes, 23 de abril de 2012