Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Clase2 HTML

    Cargado por

    Leonel Alarcón Bravo
    16 vistas4 páginas

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    16 vistas4 páginas

    Clase2 HTML

    Cargado por

    Leonel Alarcón Bravo

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    Unidad 1: El lenguaje de Marcado HTML y Las Tecnologas de Aplicaciones Web.

    Aprendizaje esperado 1.1: Desarrolla aplicaciones Web elementales, compuestas de etiquetas bsicas y de formulario.
    Paola A. Cifuentes Berros Ingeniero en Computacin e Informtica paola.cifuentes02@inacapmail.cl Docente Universidad Tecnolgica de Chile INACAP - ARICA

    Criterios de evaluacin
    Reconoce conceptos del lenguaje HTML asociados a la estructura de un documento. Aplica etiquetas bsicas en la construccin de una pgina Web a partir de requerimientos especificados por el docente. Confecciona pginas Web con formularios en funcin de requerimientos definidos por el docente.

    CONTENIDOS
    Definicin de conceptos de HTML Estructura de un documento HTML Sintaxis de las etiquetas Comentarios y caracteres especiales Etiquetas bsicas y sus propiedades: Vnculo Imagen Formato de texto Tablas Applet Etiquetas de formularios 6. Formulario 1. 2. 3. 4. 5.

    5.4 Tablas
    Las tablas son utilizadas para ordenar la informacin presentada en forma de estructura de filas y columnas. Es conveniente que el documento tenga una gran tabla que englobe todos los elementos que lo conformen. El uso excesivo de tablas puede dificultar la velocidad de carga de la pgina sobretodo en Netscape.

    Atributos
    Se utiliza el tag <table> para definir el comienzo de una tabla y </table> para definir el final de una tabla. Se utiliza el tag <tr> para definir el comienzo de una nueva fila en la tabla y </tr> para definir el final de una fila. Se utiliza el tag <td> para definir el comienzo de una nueva columna en la tabla y </td> para definir el final de una columna. Se utiliza el tag <th> para definir un encabezado de columna en la tabla y </th> para definir el final de un encabezado. De los atributos de la tabla (tag <table>)tenemos: border: determina el tamao de la lnea del contorno de la tabla. width: puede estar expresado en pixeles o porcentaje. height: puede estar expresado en pixeles o porcentaje. align: determina la alineacin de la tabla. Center, left, right.

    cellspacing: determina la cantidad de espacios en blanco localizado en cada celda subyacente. cellpading: determina la cantidad de espacios en blanco entre los contenidos de las celdas.

    De los atributos de las filas (tag <tr>) tenemos: align: determina la alineacin de una fila. Los valores permitidos son center, right, left. bgcolor: color de la fila. width: puede estar expresado en pixeles o porcentaje. height: puede estar expresado en pixeles o porcentaje. valign: determina la alineacin vertical de texto en la fila.

    De los atributos de las columnas (tag <td> tag <th>) tenemos: align: determina la alineacin de una columna. Los valores permitidos son center, right, left. bgcolor: color de la columna. width: puede estar expresado en pixeles o porcentaje. height: puede estar expresado en pixeles o porcentaje. colspan: determina el nmero de columnas a combinar. rowspan: determina el nmero de filas a combinar.

    Anlisis de casos 3
    Confeccionar una tabla que muestre la facturacin de los ltimos tres meses de los artculos:'Discos Duros', 'CPU' y 'Monitores'. La primera columna debe mostrar solo el texto 'recursos' y en la primera fila el texto 'Facturacin de los ltimos tres meses:

    <html><head></head> <body> <table border="1"> <tr> <th rowspan="4">Recursos</th> <th colspan="4">Facturacin de los ltimos tres meses</th> </tr> <tr> <td>Discos Duros</td><td>23000</td><td>27200</td><td>26000</td> </tr> <tr> <td>CPU</td><td>73000</td><td>67300</td><td>51000</td> </tr> <tr> <td>Monitores</td><td>53000</td><td>72000</td><td>88000</td> </tr> </table> </body></html>

    Anlisis de casos 4
    Confeccionar una tabla que muestre los nombres de peridicos y su nombre de dominio agrupados por pases. En la primera columna disponer los nombre de pases, expandir en fila de acuerdo a la cantidad de diarios de cada pas. Por ejemplo:

    Incorpore un ttulo a la tabla (use etiqueta <caption>).

    5.5 Applet
    La etiqueta <applet>..</applet> indica la ejecucin de un programa (applet) externo escrito en lenguaje JAVA. Java es un lenguaje creado por Sun Microsystems que permite realizar operaciones multimedia sin incorporar nuevas etiquetas HTML. Los applets son muy variados y cada uno de ellos realiza una tarea distinta. Hay applets para hacer que el texto se mueva dentro de la hoja, se contraiga y expanda, etc.

    Parmetros de <applet>
    codebase = URL direccion donde se encuentra el applet Java. code = programa indica el nombre del programa (applet) Java a ejecutar. width = num height = num indican el espacio (ancho y alto) en puntos en el que el programa realizar su funcin.

    <param>
    Dentro de la etiqueta <applet> se incluye la etiqueta <param> que enva al programa Java los parmetros necesarios para su funcionamiento. Esta etiqueta suele tener como mnimo los parmetros : name = campo Nombre de la variable a enviar value = valor Valor de la variable a enviar

    Ejemplo 1:
    Se ejecuta un programa Java que permite desplegar un mensaje:
    <html> <head><title>Ejemplo Applet 1</title></head> <body> <APPLET code= "HolaMundo.class" width = 350 height = 25 > </APPLET> </body> </html>

    Para ejecutar el applet debe abrir con Internet Explorer u otro navegador (con soporte para JAVA) el archivo con extensin HTML.

    Ejemplo 2:
    Se ejecuta un programa Java que muestra un botn animado:
    <html> <head><title>Ejemplo Applet 2</title></head> <body> <applet code="animBtn.class" width=80 height=80 border=10> <param name="images" value="click.jpg"> <param name="step1" value="1"> <param name="step2" value="6"> <param name="step3" value="6"> <param name="url" value="http://www.muniarica.cl"> <param name="target" value="display"> </applet> </body> </html>

    Anlisis de casos 5
    Desarrollar Gua N 5: Utilizando las etiquetas bsicas de HTML (vnculos, imgenes, tablas, etc.) construya un conjunto de pginas WEB que describa detalladamente uno de los siguientes temas propuestos. Sistemas de informacin: concepto de sistemas y clasificacin. Ingeniera de software: modelos de procesos de software y los paradigmas asociados, en base a las ventajas y desventajas de cada uno.

    Referencias Bibliogrficas
    HTML YA, curso on-line en http://www.htmlya.com.ar/, acceso 01/03/2011. HTML Fcil, tutorial HTML, en http://www.webestilo.com/html/, acceso 20/03/2010. HTML con clase, tutorial HTML, en http://html.conclase.net/tutorial/html/, acceso 30/03/2010. Manual de HTML, documento HTML, en http://www.webtaller.com/manual-html/formularios.php, acceso 13/04/2010. Tutorial HTML, en http://es.html.net/tutorials/html/, acceso 11/03/2013.

    También podría gustarte