Recomendados
Más contenido relacionado
Destacado
Destacado (20)
Similar a ivan dario portilla delgado
Similar a ivan dario portilla delgado (20)
Más de ivan dario
Último
Último (13)
ivan dario portilla delgado
- 1. 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 básico de HTML tutorial: Á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
- 2. 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
- 3. 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
- 4. 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
- 5. 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
- 6. 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
- 7. 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
- 8. Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez GooGle I.E.M. LEMO – Pasto 2009 8
- 9. Superación 1º - 2º - 3º Esp. Jairo Segundo Inagan Rodriguez : I.E.M. LEMO – Pasto 2009 9