SlideShare una empresa de Scribd logo
INSTITUCION EDUCATIVA PEDRO OCTAVIO
                                                      AMADO
                                        “La calidad es nuestro compromiso”



                  TALLER DE APOYO TECNOLOGÍA E INFORMÁTICA
                                      HTML
                       Docente: José Fernando Sánchez Vasco




Se tiene la siguiente página web




                                JOVENES EN ACCIÓN                                           20%


                                                                                                   <br>
        Inicio           Chat             Foro           Mensajes       Tutoriales          5%
                                                                                                2<br>




    Inicio

    Chat                                                                                    65%


    Foro

    Mensajes

    Tutoriales




                                          100%
    Escribir un párrafo sobre la violencia
    Insertar una imagen correspondiente al párrafo de violencia
Notas:
En total hay 6 tablas.
Piense:
    1. Si la un párrafo sobre como los jóvenes pueden hacer parte puede dar aen unacolumna
     Escribir tabla es del 100% de ancho, cuanto en promedio se le del cambio cada
     sociedadprimera tabla según la imagen?
         en la
    2. si la tablaimagen correspondienteaal párrafo copiado
     Insertar una de ancho es el 100% , cuanto corresponde cada una de las columnas de la
         2 tabla?
Nota. Cada columna, osea cada td, puede tener propiedades también de ancho y de alto: width
y height.



Tenga en cuenta los siguientes datos

    1. En total son 3 imágenes. Las debe poner de acuerdo a su gusto y al tema de la página.
    2. El fondo de la página puede ser un color o una imagen. Tenga en cuenta que si coloca
       una imagen de fondo, ésta no debe interferir con el texto que se escriba en la página.
    3. Los textos escritos deben tener formato.
INSTITUCION EDUCATIVA PEDRO OCTAVIO
                                                      AMADO
                                        “La calidad es nuestro compromiso”




Tenga en cuenta las siguientes propiedades
width = “ancho”     height = “alto”
border = “borde”
background = “imagen de fondo”
bgcolor = “color de fondo”


Etiquetas a tener en cuenta:
 Tabla  <table> </table>
Vinculo  <a href =”www.sitio web”> …….</a>
Imagen  <img src=”nombre de la imagen”>
Fila  <tr>       Columna  <td>
Espacios de líneas (enter)  <br>       centrar  <center>…….</center>

Con todos los datos anteriores desarrollar el código de la página web .

Más contenido relacionado

Destacado

Guia plan de apoyo tecnologia 11 -1 periodo
Guia plan de apoyo tecnologia 11 -1 periodoGuia plan de apoyo tecnologia 11 -1 periodo
Guia plan de apoyo tecnologia 11 -1 periodo
ing.josefernando
 
Plan de apoyo emprendimiento 11 2 periodo
Plan de apoyo emprendimiento 11 2 periodoPlan de apoyo emprendimiento 11 2 periodo
Plan de apoyo emprendimiento 11 2 periodo
ing.josefernando
 
Plan de apoyo tecnologia 10 1 periodo
Plan de apoyo tecnologia 10  1 periodoPlan de apoyo tecnologia 10  1 periodo
Plan de apoyo tecnologia 10 1 periodo
ing.josefernando
 
Guía de un plan de negocio
Guía de un plan de negocioGuía de un plan de negocio
Guía de un plan de negocio
ing.josefernando
 
Guia 1 fundamentos html
Guia 1 fundamentos htmlGuia 1 fundamentos html
Guia 1 fundamentos html
ing.josefernando
 
Guia plan de apoyo tecnología 2 periodo
Guia plan de apoyo tecnología 2 periodoGuia plan de apoyo tecnología 2 periodo
Guia plan de apoyo tecnología 2 periodo
ing.josefernando
 
Plan de apoyo emprendimiento 11 1 periodo
Plan de apoyo emprendimiento 11 1 periodoPlan de apoyo emprendimiento 11 1 periodo
Plan de apoyo emprendimiento 11 1 periodo
ing.josefernando
 
Guia anteproyecto
Guia anteproyectoGuia anteproyecto
Guia anteproyecto
ing.josefernando
 
Plan de apoyo tecnologia 11 - 1 periodo
Plan de apoyo tecnologia 11 - 1 periodoPlan de apoyo tecnologia 11 - 1 periodo
Plan de apoyo tecnologia 11 - 1 periodo
ing.josefernando
 
Plan de apoyo emprendimiento 11 3 periodo
Plan de apoyo emprendimiento 11 3 periodoPlan de apoyo emprendimiento 11 3 periodo
Plan de apoyo emprendimiento 11 3 periodo
ing.josefernando
 
Guía: fundamentos html
Guía: fundamentos htmlGuía: fundamentos html
Guía: fundamentos html
ing.josefernando
 
Plan de apoyo tecnologia 11 3 periodo
Plan de apoyo tecnologia 11 3 periodoPlan de apoyo tecnologia 11 3 periodo
Plan de apoyo tecnologia 11 3 periodo
ing.josefernando
 
Guia 1 arquitectura
Guia 1 arquitecturaGuia 1 arquitectura
Guia 1 arquitectura
ing.josefernando
 
Ejercicio 1
Ejercicio 1Ejercicio 1
Ejercicio 1
ing.josefernando
 
Plan de apoyo tecnologia 11 2 periodo
Plan de apoyo tecnologia 11 2 periodoPlan de apoyo tecnologia 11 2 periodo
Plan de apoyo tecnologia 11 2 periodo
ing.josefernando
 
Linq to sql 4
Linq to sql 4Linq to sql 4
Linq to sql 4
jcfarit
 
Plan de apoyo tecnologia 10 2 periodo
Plan de apoyo tecnologia 10 2 periodoPlan de apoyo tecnologia 10 2 periodo
Plan de apoyo tecnologia 10 2 periodo
ing.josefernando
 
Laboratorio nº 2
Laboratorio nº 2Laboratorio nº 2
Guia de aprendizaje para formación complementaria virtual
Guia de aprendizaje para formación complementaria virtualGuia de aprendizaje para formación complementaria virtual
Guia de aprendizaje para formación complementaria virtual
Evelyn Riveros
 
Modelo de encuesta
Modelo de encuestaModelo de encuesta
Modelo de encuesta
ing.josefernando
 

Destacado (20)

Guia plan de apoyo tecnologia 11 -1 periodo
Guia plan de apoyo tecnologia 11 -1 periodoGuia plan de apoyo tecnologia 11 -1 periodo
Guia plan de apoyo tecnologia 11 -1 periodo
 
Plan de apoyo emprendimiento 11 2 periodo
Plan de apoyo emprendimiento 11 2 periodoPlan de apoyo emprendimiento 11 2 periodo
Plan de apoyo emprendimiento 11 2 periodo
 
Plan de apoyo tecnologia 10 1 periodo
Plan de apoyo tecnologia 10  1 periodoPlan de apoyo tecnologia 10  1 periodo
Plan de apoyo tecnologia 10 1 periodo
 
Guía de un plan de negocio
Guía de un plan de negocioGuía de un plan de negocio
Guía de un plan de negocio
 
Guia 1 fundamentos html
Guia 1 fundamentos htmlGuia 1 fundamentos html
Guia 1 fundamentos html
 
Guia plan de apoyo tecnología 2 periodo
Guia plan de apoyo tecnología 2 periodoGuia plan de apoyo tecnología 2 periodo
Guia plan de apoyo tecnología 2 periodo
 
Plan de apoyo emprendimiento 11 1 periodo
Plan de apoyo emprendimiento 11 1 periodoPlan de apoyo emprendimiento 11 1 periodo
Plan de apoyo emprendimiento 11 1 periodo
 
Guia anteproyecto
Guia anteproyectoGuia anteproyecto
Guia anteproyecto
 
Plan de apoyo tecnologia 11 - 1 periodo
Plan de apoyo tecnologia 11 - 1 periodoPlan de apoyo tecnologia 11 - 1 periodo
Plan de apoyo tecnologia 11 - 1 periodo
 
Plan de apoyo emprendimiento 11 3 periodo
Plan de apoyo emprendimiento 11 3 periodoPlan de apoyo emprendimiento 11 3 periodo
Plan de apoyo emprendimiento 11 3 periodo
 
Guía: fundamentos html
Guía: fundamentos htmlGuía: fundamentos html
Guía: fundamentos html
 
Plan de apoyo tecnologia 11 3 periodo
Plan de apoyo tecnologia 11 3 periodoPlan de apoyo tecnologia 11 3 periodo
Plan de apoyo tecnologia 11 3 periodo
 
Guia 1 arquitectura
Guia 1 arquitecturaGuia 1 arquitectura
Guia 1 arquitectura
 
Ejercicio 1
Ejercicio 1Ejercicio 1
Ejercicio 1
 
Plan de apoyo tecnologia 11 2 periodo
Plan de apoyo tecnologia 11 2 periodoPlan de apoyo tecnologia 11 2 periodo
Plan de apoyo tecnologia 11 2 periodo
 
Linq to sql 4
Linq to sql 4Linq to sql 4
Linq to sql 4
 
Plan de apoyo tecnologia 10 2 periodo
Plan de apoyo tecnologia 10 2 periodoPlan de apoyo tecnologia 10 2 periodo
Plan de apoyo tecnologia 10 2 periodo
 
Laboratorio nº 2
Laboratorio nº 2Laboratorio nº 2
Laboratorio nº 2
 
Guia de aprendizaje para formación complementaria virtual
Guia de aprendizaje para formación complementaria virtualGuia de aprendizaje para formación complementaria virtual
Guia de aprendizaje para formación complementaria virtual
 
Modelo de encuesta
Modelo de encuestaModelo de encuesta
Modelo de encuesta
 

Más de ing.josefernando

Redes sociales
Redes socialesRedes sociales
Redes sociales
ing.josefernando
 
Basicos xo
Basicos xoBasicos xo
Basicos xo
ing.josefernando
 
Como hacer una encuesta
Como hacer una encuestaComo hacer una encuesta
Como hacer una encuesta
ing.josefernando
 
Masco centry
Masco centryMasco centry
Masco centry
ing.josefernando
 
Bodygraphic
BodygraphicBodygraphic
Bodygraphic
ing.josefernando
 
Canavala
CanavalaCanavala
Fuenarts
FuenartsFuenarts
Spontaneous
SpontaneousSpontaneous
Spontaneous
ing.josefernando
 
Nagels
NagelsNagels
Llaveros
LlaverosLlaveros
Feelings delights
Feelings delightsFeelings delights
Feelings delights
ing.josefernando
 
Crafts
CraftsCrafts

Más de ing.josefernando (12)

Redes sociales
Redes socialesRedes sociales
Redes sociales
 
Basicos xo
Basicos xoBasicos xo
Basicos xo
 
Como hacer una encuesta
Como hacer una encuestaComo hacer una encuesta
Como hacer una encuesta
 
Masco centry
Masco centryMasco centry
Masco centry
 
Bodygraphic
BodygraphicBodygraphic
Bodygraphic
 
Canavala
CanavalaCanavala
Canavala
 
Fuenarts
FuenartsFuenarts
Fuenarts
 
Spontaneous
SpontaneousSpontaneous
Spontaneous
 
Nagels
NagelsNagels
Nagels
 
Llaveros
LlaverosLlaveros
Llaveros
 
Feelings delights
Feelings delightsFeelings delights
Feelings delights
 
Crafts
CraftsCrafts
Crafts
 

Guia plan de apoyo tecnologia 11 2 periodo

  • 1. INSTITUCION EDUCATIVA PEDRO OCTAVIO AMADO “La calidad es nuestro compromiso” TALLER DE APOYO TECNOLOGÍA E INFORMÁTICA HTML Docente: José Fernando Sánchez Vasco Se tiene la siguiente página web JOVENES EN ACCIÓN 20% <br> Inicio Chat Foro Mensajes Tutoriales 5% 2<br> Inicio Chat 65% Foro Mensajes Tutoriales 100% Escribir un párrafo sobre la violencia Insertar una imagen correspondiente al párrafo de violencia Notas: En total hay 6 tablas. Piense: 1. Si la un párrafo sobre como los jóvenes pueden hacer parte puede dar aen unacolumna Escribir tabla es del 100% de ancho, cuanto en promedio se le del cambio cada sociedadprimera tabla según la imagen? en la 2. si la tablaimagen correspondienteaal párrafo copiado Insertar una de ancho es el 100% , cuanto corresponde cada una de las columnas de la 2 tabla? Nota. Cada columna, osea cada td, puede tener propiedades también de ancho y de alto: width y height. Tenga en cuenta los siguientes datos 1. En total son 3 imágenes. Las debe poner de acuerdo a su gusto y al tema de la página. 2. El fondo de la página puede ser un color o una imagen. Tenga en cuenta que si coloca una imagen de fondo, ésta no debe interferir con el texto que se escriba en la página. 3. Los textos escritos deben tener formato.
  • 2. INSTITUCION EDUCATIVA PEDRO OCTAVIO AMADO “La calidad es nuestro compromiso” Tenga en cuenta las siguientes propiedades width = “ancho” height = “alto” border = “borde” background = “imagen de fondo” bgcolor = “color de fondo” Etiquetas a tener en cuenta: Tabla  <table> </table> Vinculo  <a href =”www.sitio web”> …….</a> Imagen  <img src=”nombre de la imagen”> Fila  <tr> Columna  <td> Espacios de líneas (enter)  <br> centrar  <center>…….</center> Con todos los datos anteriores desarrollar el código de la página web .