GUIA # 1

GUIA # 1

HTML

QU ES HTML

HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de informacin relacionadas, y con inserciones multimedia (grficos, sonido...) La descripcin se basa en especificar en el texto la estructura lgica del contenido (ttulos, prrafos de texto normal, enumeraciones, definiciones, citas, etc) as como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un grfico determinado) y dejar que luego la presentacin final de dicho hipertexto se realice por un programa especializado (como Mosaic, o Netscape).

Ttulo /*Titulo de la pagina*/

Texto del documento, menciones a grficos, enlaces, etc.

Nota: La mejor forma de empezar el conocimiento de un nuevo lenguaje es desde las bases para lo cual se tendrn una serie de ejemplos bsicos que pretenden conocer las bondades del lenguaje HTML, para despus pasar a ejemplos ms complejos.

EJEMPLO #1

1- Abrimos bloc notas.

1-Lo primero le vamos a decir que usaremos lenguaje HTMl, para lo cual escribiremos la vieta HTML, y pasaremos a escribir las vietas bsicas de toda pgina Web.

Industrias Caricia

Guia HTML. Desarrollo web.

2- Pasaremos a guardar el documento, como un documento HTML.

1-Archivo.

2-Guardar como

3-Todos los archivos

4-Nombre del archivo punto, seguido de HTML Nombrearchivo.html

Con el objetivo de familiarizarnos con el cdigo HTML.Haremos dos ejercicios.

1-Ejercicios 1,

Crear una pgina Web, con Titulo. Prueba 1

Nombre de archivo: prueba1.html

Con contenido: esta es mi primera prueba

Cmo escribir ttulos?

Mucha importancia

Mucha importancia

Menos importancia

Menos importancia

Mucha menos importancia

Mucha menos importancia

Cmo dar formato al texto?

Este ser un texto normal (prrafo 1, lnea 1).

El primer prrafo estar formado por 2 lneas (prrafo 1, lnea 2).

Este ya es el segundo prrafo (prrafo 2, lnea 1).

Cmo escribir direcciones de correo?

Las direcciones de correo electrnico se suelen marcar con esta directiva:

Direccin: webmaster@etsit.upm.es

Cmo escribir palabras en negrita y cursiva?

Esto en negrita y esto en cursiva

Ejemplo 2

Cdigo.

Industrias Caricia

CurrculumDesarrollador WEB.

Cuento con experiencia en desarrollo Web a nivel programador aunque he utilizado algunas herramientas de diseoComo macromedia, flash y puedo realizar aplicaciones con diseos estructurado Direccin: paolovaliente@caricia.com

Ejercicio 2.Crear una pagina Web. Con nombre: Pruebados.html

Titulo de pagina Web: Industrias caricia ()Titulo de contenido: Mi Familia ()Escribir dos prrafos cortos, sobre la familia.()Utilizar tres saltos de lnea entre cada parrafo. (
)Cmo crear listas?

Esto es una lista no numerada:

Tomates

Zanahorias

Puerros

Tomates

Zanahorias

Puerros

Esto una lista numerada:

1. Miguel Indurin

2. Tony Rominger

3. Eugeni Berzin

1. Miguel Indurin

2. Tony Rominger

3. Eugeni Berzin

Cmo utilizar barra horizontales?Con la vieta -( Ejercicio 3.

Nota: para modificar un archivo html. Debe situarse sobre el. Dar clic derecho y decirle abrir con block de notas.

-Al ejemplo anterior, agregarle los miembros de su familia nuclear numerados.

-Insertar una barra horizontal.

-Y una lista no numerada de tres acciones que hagan como familia,

Creacin de Hipervnculos.

Como crear un hipervnculo a una pagina Web.

Sitios desarrollados: Para mayor informacionEste hipervnculo buscara la pgina caricia.com y la imagen logo.jpg para poder funcionar correctamente.

Nota: Todo el cdigo que agregamos lo agregamos sobre el body. De la pgina.

Ejercicio:Agregar los dos tipos de hipervnculo a una nueva pagina html

Tarea, Para leer

En una pgina Web puede insertar cualquier imagen. Las imgenes deben ser de tipo JPG, BMP o GIF. Para insertar una imagen, debe utilizar la siguiente sintaxis:

En sta instruccin se da por defecto que la imagen que se inserta tiene la extensin JPG. Para insertar otro tipo de imagen slo deber especificar la extensin correspondiente. Las imgenes pueden ser adquiridas de la galera de imgenes de Microsoft, o de cualquier otra imagen digitalizada. Incluso se pueden crear iconos animados desde algn programa de animacin, y usarlos en una pgina Web.

En algn momento ser necesario controlar la dimensin de la imagen insertada, sea para aumentarla o para disminuirla. En el ejemplo anterior se us la instruccin , para alinear la imagen a la derecha; adems de esta instruccin, puede usar las instrucciones y para ubicar la imagen al centro, o a la izquierda de la pantalla. Para controlar el tamao de las imgenes, use las instrucciones o para controlar la altura y la anchura de la imagen. Tambin puede usar la instruccin con un valor mayor que 0, para aplicar un marco alrededor de la imagen.

< IMG SRC = "Logo.gif" ALIGN=LEFT >

.

PAGE 6