Post on 06-Jul-2015
description
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
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
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
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
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
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
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
Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez
I.E.M. LEMO – Pasto 2009 8
Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez
:
I.E.M. LEMO – Pasto 2009 9