• Like
Tarea01pasoapasohtmlsuperacion
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Tarea01pasoapasohtmlsuperacion

  • 167 views
Published

estudiante: ivan dario portilla …

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

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
167
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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