Tarea01pasoapasohtmlsuperacion

9
Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez REF: 270709_4P Tutoriales Planos y Multimediales (TP&M) Lección 01. Concepto de tutorial Nombre: Iván Darío portilla delgado Grado: 10 CJM Tarea 01. Clases de Tutoriales 1. En las actividades y/o tareas del año escolar se te ha solicitado diseñar un tutorial paso a paso utilizando un procesador de texto (Microsoft Word) y capturando pantallas, busca en tus archivos de usb o disco duro virtual o plataforma comatfis un archivo con un tutorial ya elaborado y preséntalo al profesor llenando los siguientes datos: Tutorial Plano (Imprimible o paso a paso) Nombre del tutorial: Tutorial básico de HTML Área: Programación Autor: Iván Darío portilla Tamaño: 475 KB Formato: .DOC Fecha de creación: 04 – 08 - 2009 1. paso El archivo de HTML se crea con el bloc de notas y escogemos esta herramienta que esta en accesorios: I.E.M. LEMO – Pasto 2009 1

description

estudiante: ivan dario portilla docente: jairoinagan institucion:lemo computacion

Transcript of Tarea01pasoapasohtmlsuperacion

Page 1: Tarea01pasoapasohtmlsuperacion

Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez

REF: 270709_4P

Tutoriales Planos y Multimediales (TP&M)

Lección 01. Concepto de tutorial

Nombre: Iván Darío portilla delgado Grado: 10 CJM

Tarea 01. Clases de Tutoriales

1. En las actividades y/o tareas del año escolar se te ha solicitado diseñar un tutorial paso a

paso utilizando un procesador de texto (Microsoft Word) y capturando pantallas, busca en

tus archivos de usb o disco duro virtual o plataforma comatfis un archivo con un tutorial ya

elaborado y preséntalo al profesor llenando los siguientes datos:

Tutorial Plano (Imprimible o paso a paso)

Nombre del

tutorial:

Tutorial básico de HTML

Área: Programación

Autor: Iván Darío portilla

Tamaño: 475 KB Formato: .DOC Fecha de creación: 04 – 08 - 2009

1. paso

El archivo de HTML se crea con el bloc de notas y escogemos esta herramienta que esta

en accesorios:

I.E.M. LEMO – Pasto 2009 1

Page 2: Tarea01pasoapasohtmlsuperacion

Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez

2. paso

Una ves que se lo abre tenemos que guardarlo primero vamos a la opción guardar como

y le colocamos por ejemplo pagina.htm y se le coloca HTML para que al darle doble clic o

abrirlo se abra con internet.

3. paso

Luego escribimos los comandos principales de la pagina web, en el bloc de notas

<HTML> <HEAD> <TITLE>pagina</title> </HEAD> <BODY> </BODY> </HTML>, en

body escribimos el cuerpo de la pagina por ejemplo hola soy Iván Darío portilla y esta es

mi pagina web lo guardamos.

I.E.M. LEMO – Pasto 2009 2

Page 3: Tarea01pasoapasohtmlsuperacion

Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez

4. paso

Abrimos el documento con internet y lo que sale es el titulo de la pagina y el cuerpo:

I.E.M. LEMO – Pasto 2009 3

Page 4: Tarea01pasoapasohtmlsuperacion

Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez

5. paso

Luego se le agrega otros códigos como <Font color="red"> que es para el color de la

letra. También le agrege la etiqueta <br> que sirve para dar un salto de línea, <body

bgcolor=blue> que es el color del cuerpo de la pagina, <Font size=5> que es el tamaño

que queremos, la etiqueta <b> que es negrita, la etiqueta <I> que es cursiva, también

<Font face=”chiller "> que es el tipo de letra que queramos.

I.E.M. LEMO – Pasto 2009 4

Page 5: Tarea01pasoapasohtmlsuperacion

Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez

6. paso

Se abre nueva mente el documento con internet y se mira lo que hicimos con los

códigos anteriores.

I.E.M. LEMO – Pasto 2009 5

Page 6: Tarea01pasoapasohtmlsuperacion

Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez

7. paso

A esta pagina le podemos enlazar otras paginas esto lo hacemos con la etiqueta <A

HREF="http://lapagianquequeramos.com/">

I.E.M. LEMO – Pasto 2009 6

Page 7: Tarea01pasoapasohtmlsuperacion

Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez

8. paso

Abrimos el documento HTML con internet y observamos que ya hemos enlazado otras

páginas con el código anterior así

Comatfis

I.E.M. LEMO – Pasto 2009 7

Page 8: Tarea01pasoapasohtmlsuperacion

Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez

GooGle

I.E.M. LEMO – Pasto 2009 8

Page 9: Tarea01pasoapasohtmlsuperacion

Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez

:

I.E.M. LEMO – Pasto 2009 9