SlideShare una empresa de Scribd logo
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
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




    GooGle




I.E.M. LEMO – Pasto 2009                                   8
Superación 1º - 2º - 3º    Esp. Jairo Segundo Inagan Rodriguez




    :




I.E.M. LEMO – Pasto 2009                                   9

Más contenido relacionado

Destacado

YER_Presentation_London_Scholars_Final
YER_Presentation_London_Scholars_FinalYER_Presentation_London_Scholars_Final
YER_Presentation_London_Scholars_Final
Sam Masaba
 
Tarea02programacion
Tarea02programacionTarea02programacion
Tarea02programacion
ivan dario
 
Smbzsx Ep21
Smbzsx Ep21Smbzsx Ep21
Smbzsx Ep21
vitinho9
 
Martinhal gardens and resort ,Ecossistemas garden company in Algarve ,Portugal
Martinhal gardens and resort ,Ecossistemas garden company in Algarve ,PortugalMartinhal gardens and resort ,Ecossistemas garden company in Algarve ,Portugal
Martinhal gardens and resort ,Ecossistemas garden company in Algarve ,Portugal
Ecossistemas ,all aspects of garden and landsping services .
 
LAS TICS COMO HERRAMIENTAS EN LA EDUCACION
LAS TICS COMO HERRAMIENTAS EN LA EDUCACIONLAS TICS COMO HERRAMIENTAS EN LA EDUCACION
LAS TICS COMO HERRAMIENTAS EN LA EDUCACION
Eric Martinez
 
extreme weather
extreme weatherextreme weather
extreme weather
Jennifer Peralta
 
Tamkeen & AIESEC Global Internship Programme 2015
Tamkeen & AIESEC Global Internship Programme 2015Tamkeen & AIESEC Global Internship Programme 2015
Tamkeen & AIESEC Global Internship Programme 2015
Zahraa Dagher, PMP
 
Smbzsx Ep29
Smbzsx Ep29Smbzsx Ep29
Smbzsx Ep29
vitinho9
 
Engineers Estimate
Engineers EstimateEngineers Estimate
Engineers Estimate
David Hall
 

Destacado (9)

YER_Presentation_London_Scholars_Final
YER_Presentation_London_Scholars_FinalYER_Presentation_London_Scholars_Final
YER_Presentation_London_Scholars_Final
 
Tarea02programacion
Tarea02programacionTarea02programacion
Tarea02programacion
 
Smbzsx Ep21
Smbzsx Ep21Smbzsx Ep21
Smbzsx Ep21
 
Martinhal gardens and resort ,Ecossistemas garden company in Algarve ,Portugal
Martinhal gardens and resort ,Ecossistemas garden company in Algarve ,PortugalMartinhal gardens and resort ,Ecossistemas garden company in Algarve ,Portugal
Martinhal gardens and resort ,Ecossistemas garden company in Algarve ,Portugal
 
LAS TICS COMO HERRAMIENTAS EN LA EDUCACION
LAS TICS COMO HERRAMIENTAS EN LA EDUCACIONLAS TICS COMO HERRAMIENTAS EN LA EDUCACION
LAS TICS COMO HERRAMIENTAS EN LA EDUCACION
 
extreme weather
extreme weatherextreme weather
extreme weather
 
Tamkeen & AIESEC Global Internship Programme 2015
Tamkeen & AIESEC Global Internship Programme 2015Tamkeen & AIESEC Global Internship Programme 2015
Tamkeen & AIESEC Global Internship Programme 2015
 
Smbzsx Ep29
Smbzsx Ep29Smbzsx Ep29
Smbzsx Ep29
 
Engineers Estimate
Engineers EstimateEngineers Estimate
Engineers Estimate
 

Similar a Tarea01pasoapasohtmlsuperacion

Tarea06 3p 10programacion
Tarea06 3p 10programacionTarea06 3p 10programacion
Tarea06 3p 10programacion
guestd5974a6
 
Proyecto classroom
Proyecto classroomProyecto classroom
Proyecto classroom
Mario Nuñez
 
jairo andres viteri
jairo andres viterijairo andres viteri
jairo andres viteri
jairo andres viteri
 
jairo andres viteri
jairo andres viterijairo andres viteri
jairo andres viteri
jairo andres viteri
 
Tarea07webquest dayanna
Tarea07webquest dayannaTarea07webquest dayanna
Tarea07webquest dayanna
alexita044
 
jaime benavides
jaime benavidesjaime benavides
jaime benavides
karen
 
Guia para subir archivos a blogger
Guia para subir archivos a bloggerGuia para subir archivos a blogger
Guia para subir archivos a blogger
1702pokemon
 
Guia tic.
Guia  tic.Guia  tic.
Libro de informática 3 eso
Libro de informática 3 esoLibro de informática 3 eso
Libro de informática 3 eso
narinder444
 
Paso apaso de html
Paso apaso de htmlPaso apaso de html
Paso apaso de html
Sebastian Hrnandez
 
PROYECTO PARTE DOS
PROYECTO PARTE DOSPROYECTO PARTE DOS
PROYECTO PARTE DOS
CMarket Guatemala
 
Curso moodle dap
Curso moodle dapCurso moodle dap
Curso moodle dap
Alvaro Humberto Cisneros
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
Pätö Cherres Bsc
 
Informatica exposicion
Informatica exposicionInformatica exposicion
Informatica exposicion
Pätö Cherres Bsc
 
Jorge Molina
Jorge MolinaJorge Molina
Jorge Molina
guest62c4a
 
pagina html
pagina htmlpagina html
pagina html
diana
 
Universo Google
Universo GoogleUniverso Google
Universo Google
Marcos Cadenato
 
PRES 3Presentation3
PRES 3Presentation3PRES 3Presentation3
PRES 3Presentation3
dulcecristal
 
Grupo 1JB - Revista
Grupo 1JB - RevistaGrupo 1JB - Revista
Grupo 1JB - Revista
jabarrancoa
 
Tarea 1.tic
Tarea 1.ticTarea 1.tic
Tarea 1.tic
megalito
 

Similar a Tarea01pasoapasohtmlsuperacion (20)

Tarea06 3p 10programacion
Tarea06 3p 10programacionTarea06 3p 10programacion
Tarea06 3p 10programacion
 
Proyecto classroom
Proyecto classroomProyecto classroom
Proyecto classroom
 
jairo andres viteri
jairo andres viterijairo andres viteri
jairo andres viteri
 
jairo andres viteri
jairo andres viterijairo andres viteri
jairo andres viteri
 
Tarea07webquest dayanna
Tarea07webquest dayannaTarea07webquest dayanna
Tarea07webquest dayanna
 
jaime benavides
jaime benavidesjaime benavides
jaime benavides
 
Guia para subir archivos a blogger
Guia para subir archivos a bloggerGuia para subir archivos a blogger
Guia para subir archivos a blogger
 
Guia tic.
Guia  tic.Guia  tic.
Guia tic.
 
Libro de informática 3 eso
Libro de informática 3 esoLibro de informática 3 eso
Libro de informática 3 eso
 
Paso apaso de html
Paso apaso de htmlPaso apaso de html
Paso apaso de html
 
PROYECTO PARTE DOS
PROYECTO PARTE DOSPROYECTO PARTE DOS
PROYECTO PARTE DOS
 
Curso moodle dap
Curso moodle dapCurso moodle dap
Curso moodle dap
 
Universidad estatal de bolivar
Universidad estatal de bolivarUniversidad estatal de bolivar
Universidad estatal de bolivar
 
Informatica exposicion
Informatica exposicionInformatica exposicion
Informatica exposicion
 
Jorge Molina
Jorge MolinaJorge Molina
Jorge Molina
 
pagina html
pagina htmlpagina html
pagina html
 
Universo Google
Universo GoogleUniverso Google
Universo Google
 
PRES 3Presentation3
PRES 3Presentation3PRES 3Presentation3
PRES 3Presentation3
 
Grupo 1JB - Revista
Grupo 1JB - RevistaGrupo 1JB - Revista
Grupo 1JB - Revista
 
Tarea 1.tic
Tarea 1.ticTarea 1.tic
Tarea 1.tic
 

Más de ivan dario

Tarea02 Evaluacionpreguntas02snur
Tarea02 Evaluacionpreguntas02snurTarea02 Evaluacionpreguntas02snur
Tarea02 Evaluacionpreguntas02snur
ivan dario
 
Tarea01 Evaluacionpreguntassmur
Tarea01 EvaluacionpreguntassmurTarea01 Evaluacionpreguntassmur
Tarea01 Evaluacionpreguntassmur
ivan dario
 
ivan dario portilla delgado ppt
ivan dario portilla delgado pptivan dario portilla delgado ppt
ivan dario portilla delgado ppt
ivan dario
 
ivan dario portilla delgado
ivan dario portilla delgadoivan dario portilla delgado
ivan dario portilla delgado
ivan dario
 
ivan dario portilla delgado
ivan dario portilla delgadoivan dario portilla delgado
ivan dario portilla delgado
ivan dario
 
ivan dario portilla delgado
ivan dario portilla delgadoivan dario portilla delgado
ivan dario portilla delgado
ivan dario
 

Más de ivan dario (6)

Tarea02 Evaluacionpreguntas02snur
Tarea02 Evaluacionpreguntas02snurTarea02 Evaluacionpreguntas02snur
Tarea02 Evaluacionpreguntas02snur
 
Tarea01 Evaluacionpreguntassmur
Tarea01 EvaluacionpreguntassmurTarea01 Evaluacionpreguntassmur
Tarea01 Evaluacionpreguntassmur
 
ivan dario portilla delgado ppt
ivan dario portilla delgado pptivan dario portilla delgado ppt
ivan dario portilla delgado ppt
 
ivan dario portilla delgado
ivan dario portilla delgadoivan dario portilla delgado
ivan dario portilla delgado
 
ivan dario portilla delgado
ivan dario portilla delgadoivan dario portilla delgado
ivan dario portilla delgado
 
ivan dario portilla delgado
ivan dario portilla delgadoivan dario portilla delgado
ivan dario portilla delgado
 

Último

edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
larapalaciosmonzon28
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
mantenimientocarbra6
 
IA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticulturaIA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticultura
Miguel Rebollo
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
CesarPazosQuispe
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
tamarita881
 
Catalogo Cajas Fuertes BTV Amado Salvador Distribuidor Oficial
Catalogo Cajas Fuertes BTV Amado Salvador Distribuidor OficialCatalogo Cajas Fuertes BTV Amado Salvador Distribuidor Oficial
Catalogo Cajas Fuertes BTV Amado Salvador Distribuidor Oficial
AMADO SALVADOR
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
larapalaciosmonzon28
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
larapalaciosmonzon28
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVATECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
LilibethEstupian
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
cbtechchihuahua
 
Refrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y ForzadoRefrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y Forzado
NicandroMartinez2
 
Informe DATA & IA 2024 Primera encuesta sobre el uso de IA en las empresas pe...
Informe DATA & IA 2024 Primera encuesta sobre el uso de IA en las empresas pe...Informe DATA & IA 2024 Primera encuesta sobre el uso de IA en las empresas pe...
Informe DATA & IA 2024 Primera encuesta sobre el uso de IA en las empresas pe...
alejandromanuelve
 
Actividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdfActividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdf
NajwaNimri1
 
Presentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The CleanPresentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The Clean
juanchogame18
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
MiguelAtencio10
 
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdfInformació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Festibity
 
HERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptxHERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptx
maralache30
 
ACTIVIDAD 2P de Tecnología, 10-7, 2024..
ACTIVIDAD 2P de Tecnología, 10-7, 2024..ACTIVIDAD 2P de Tecnología, 10-7, 2024..
ACTIVIDAD 2P de Tecnología, 10-7, 2024..
IsabelQuintero36
 
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdfProjecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Festibity
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
Festibity
 

Último (20)

edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
 
IA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticulturaIA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticultura
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
 
Catalogo Cajas Fuertes BTV Amado Salvador Distribuidor Oficial
Catalogo Cajas Fuertes BTV Amado Salvador Distribuidor OficialCatalogo Cajas Fuertes BTV Amado Salvador Distribuidor Oficial
Catalogo Cajas Fuertes BTV Amado Salvador Distribuidor Oficial
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVATECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
 
Refrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y ForzadoRefrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y Forzado
 
Informe DATA & IA 2024 Primera encuesta sobre el uso de IA en las empresas pe...
Informe DATA & IA 2024 Primera encuesta sobre el uso de IA en las empresas pe...Informe DATA & IA 2024 Primera encuesta sobre el uso de IA en las empresas pe...
Informe DATA & IA 2024 Primera encuesta sobre el uso de IA en las empresas pe...
 
Actividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdfActividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdf
 
Presentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The CleanPresentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The Clean
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
 
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdfInformació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
 
HERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptxHERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptx
 
ACTIVIDAD 2P de Tecnología, 10-7, 2024..
ACTIVIDAD 2P de Tecnología, 10-7, 2024..ACTIVIDAD 2P de Tecnología, 10-7, 2024..
ACTIVIDAD 2P de Tecnología, 10-7, 2024..
 
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdfProjecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
 

Tarea01pasoapasohtmlsuperacion

  • 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