Tarea01pasoapasohtmlsuperacion
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Tarea01pasoapasohtmlsuperacion

on

  • 372 views

estudiante: ivan dario portilla

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

Statistics

Views

Total Views
372
Views on SlideShare
372
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft Word

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Tarea01pasoapasohtmlsuperacion Document 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