Scribd Logo
Upload

Welcome to Scribd!

  • Diseà o de Paginas Web Clase 3lista

    Uploaded by

    Serrano Palacios
    836 views18 pages

    Original Title

    Diseño_de_Paginas_Web_clase_3Lista

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    836 views18 pages

    Diseà o de Paginas Web Clase 3lista

    Uploaded by

    Serrano Palacios

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 18

    Informtica Unidad # 1 Segundos aos de bachillerato seccin A hasta J.

    Semana del 06 al 12 de Febrero

    Indicador de Logro
    1.4 Utiliza los comandos HTML para completar un sitio web, interesndose por crear al menos tres vnculos ejecutables del sitio en prctica.

    AGENDA Actividad # 1 Conocimientos previos


    Actividad # 2 Calentamiento Video motivacional Actividad #3 Desarrollo estructura web con hipervnculos Actividad #4 Desarrollo de ejercicios de clase (actividad integradora) Actividad #5 Recapitulacin/cierre Actividad #6 Retroalimentacin/tareas

    Actividad # 1: Conocimientos previos


    Propsito: Describir conocimientos previos de la estructura y diseo de una pgina web Instrucciones: 1. Trabaje en equipos de tres 2. Describa en su cuaderno la estructura y diseo de una pagina Web 3. Comparta con otros equipos de la clase 4. Comparta con toda la clase 5. Use las siguientes preguntas guas

    Preguntas guas para la actividad #1


    Sintaxis de la etiqueta TABLE? Ejemplos de diferentes editores HTML? Escriba los diferentes tipos de hipervnculos. Para que se utilizan las anclas con los hipervnculos?

    Actividad # 2: Calentamiento Video motivacional

    Propsito
    Preparar el ambiente de trabajo para que los alumnos se sientan en un confort agradable de aprender.

    Instrucciones:
    1. 2. 3. 4. Trabaje de forma Individual Preste atencin al video motivacional siguiente Prepare un ambiente agradable de aprendizaje para todos Comparta con la clase lo aprendido en el video

    Estructuras guas
    Comente con la clase que le agrada mas del video. Trabaje en equipos y mencione dos cosas buenas de sus compaeros.

    Actividad #3: Desarrollo estructura web con hipervnculos

    Propsito
    Utilizar comandos HTML para completar un sitio web utilizando hipervnculos.

    Instrucciones:
    1. Trabaje en equipos de tres 2. Utilice comando HTML para completar el sitio web, creando la pagina principal con hipervnculos 3. Comparta con otros grupos como har su pagina principal 4. Comparta con la clase el desarrollo de su pagina principal 5. Siga las instrucciones de las siguientes diapositivas

    Utilizacin de Hipervnculos.

    Comente con la clase los diferentes tipos de hipervnculos. Un hipervnculo es un enlace, normalmente entre dos pginas web de un mismo sitio, pero un enlace tambin puede apuntar a una pgina de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre l. Tambin se conocen como hiperenlaces, enlaces o links

    Dependiendo de cual sea el destino , hacer clic en un hipervnculo puede hacer que ocurran varias cosas. Si el destino es otra pgina web, el navegador la cargar y la mostrar, pero si el destino es un documento de Word, el navegador nos dar la posibilidad de abrir una sesin de Word para visualizarlo o de guardar el archivo.
    Hipervnculo de texto: Hipervnculo de imagen Hipervnculo local o interno: Hipervnculo Externo

    Ejemplo de etiqueta <A Href>


    <html> <head> <title> Ejemplo del uso de marcadores - </title> </head> <body> <a href="http://www.aprenderaprogramar.com" title="mensaje del link"> Ir a aprenderaprogramar.com </a>. </body> </html>

    Cmo haramos para colocar una imagen y que esta sea un vinculo? La clave esta en la etiqueta <a>

    Etiqueta <TABLE> caractersticas.


    Sintaxis: < table width="50%"> < table width="200px">

    Ancho de toda la tabla. puede ser medido en el porcentaje de toda la pantalla o en cantidad de pixeles, unidad de medid de las pantallas. < table border="10"> Ancho del borde de la tabla, esto depende, puede colocar el borde desde 1 hasta uno con solo cambiar el numero que va entre las comillas. Otras formas de formatear una tabla
    ETIQUETA CIERRE FUNCION Expande las filas al nmero especificado Expande las columnas al nmero especificado

    <TD ROWSPAN="Nmero">
    <TD COLSPAN="Nmero">

    </TD>
    </TD>

    Ejemplos
    <TABLE BORDER=4> <TR> <TD>Item 1</TD> <TD ROWSPAN=2>Item 2</TD> <TD>Item 3</TD> </TR> <TR> <TD>Item 4</TD> <TD>Item 5</TD> </TR> </TABLE>

    <TABLE BORDER> <TR> <TD>Item 1</TD> <TD COLSPAN=2>Item 2</TD> </TR> <TR> <TD>Item 3</TD> <TD>Item 4</TD> <TD>Item 5</TD> </TR> </TABLE>

    Estructuras guas de la actividad #3

    Desarrolle los ejercicios expuestos en clase anterior utilizando las nuevas caractersticas de la etiqueta tabla. Modifique las paginas para agregarles un hipervnculo que con una imagen que la lleve hasta la pagina principal.

    Actividad #4 Desarrollo de ejercicios de clase (actividad integradora).

    Propsito Evaluar el desarrollo de ejercicios Instrucciones: Trabaje en pareja Desarrolle una pagina web tomando como ejemplo la estructura de la tarea de la clase anterior Evalu el desarrollo de la estructura Tome en cuenta las siguientes indicaciones:

    Instrucciones

    UTILICE EL DISEO PRESENTADO EN LA CLASE ANTERIOR PARA GENERAR LA PAGINA WEB. Cree tablas para colocar el contenido. Trabaje con fondo de color. Aplique etiquetas de texto. Todas las paginas deben tener titulo para identificarse Imgenes y sus descripciones. Genere un hipervnculo a cualquier red social

    Actividad #5 Recapitulacin/cierre

    Propsito Evaluar lo aprendido en la clase Instrucciones 1. Responda las siguientes preguntas Cules son las caractersticas de la etiqueta <table> Cules son los diferentes tipos de hipervnculos? Explique el uso de colspan y rowspan

    Actividad #6 Retroalimentacin/tareas

    Investigar el uso de los blogs. Cree un resumen de todas las clases utilizando su plataforma de tbox y comparta con toda la clase. Inserte imgenes y ejemplos desarrollados en clase.

    You might also like