Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Resume N

    Enviado por

    Miguel Adrian Yan Garcia
    13 visualizações37 páginas

    Título original

    Resume n

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PPTX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    13 visualizações37 páginas

    Resume N

    Enviado por

    Miguel Adrian Yan Garcia

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 37

    Unidades base del Lenguaje HTML

    qu son?

    ETIQUETAS se basa en Hyper Text Markup Language

    Informacin que puede o no ser relevante

    Contiene informacin del contenido

    elementos estructura contenido formato

    cabecera
    elementos <HTML> <HEAD> </HEAD> <BODY> Contenidos </BODY> </HTML> estructura

    cuerpo

    pueden ser

    deriva
    Lenguaje creado para construir pginas web

    emparejadas

    no emparejadas

    <frameset> </frameset>

    <hr> <p>

    definicin

    Julio Moreno Garca - Claretiano

    &lt;

    &Ntilde; &uuml; ejemplos Direction Left right

    Son caracteres que se emplean en situaciones especiales marquesinas caracteres especiales

    Behavior scrolldelay scrollmount width height

    scroll alternate

    FORMATEO
    formato Mejora la presentacin de tus textos <b>, <i>, <u> <s>, <tt>, <big> <small>, <em> <kbd>, <samp> <strong>, <sub> <sup> <blink> (opcin que slo se ejecuta en N o Mozilla)

    <!- - texto - -> prrafos Sirven slo de referencia, no son ejecutables encabezados <p> <br> <hr> Noshade Width size formateo

    <h1> <h6>

    Uso de font Color Size Face

    Julio Moreno Garca - Claretiano

    comentarios

    resaltado

    Forma de ordenar la informacin

    ORDENADAS = orden = numeradas Parmetros <ol> </ol> start = valor type = A, a, I, i, 0 DESORDENADAS = sin orden = vietas Parmetros <ul> </ul> type = disk, square, circle

    definicin

    tipos

    LISTAS

    DE DEFINICIN Parmetros <dl> </dl> <lh> </lh> <dt>

    Julio Moreno Garca - Claretiano

    Conjunto de pginas relacionadas entre s

    Ruta o URL

    definicin

    estructura

    <A HREF= XXXX > YYYY </A>


    Nombre de acceso

    Internos = misma pgina (documentos extensos) Remotos o externos = protocolo HTTP://

    Internos = documentos propio = misma mquina


    Correo Electrnico = mailto: email de usuario

    Julio Moreno Garca - Claretiano

    tipos

    Qu es una celda?

    Divisin de una ventana en celdas

    definicin Es la interseccin de una fila y una columna o viceversa

    estructura

    <TABLE> </TABLE> = define la tabla <TH></TH> = encabezado a la columna <CAPTION></CAPTION> = ttulo de la tabla <TR></TR> = define la fila <TD></TD> = define la columna

    descripcin

    Julio Moreno Garca - Claretiano

    TABLE Parmetros bgcolor/background = color y fondo border = borde de la tabla. Defecto 1 width = ancho, puede ser pixeles o % height = alto, puede ser pixeles o % cellspacing = espacio entre celdas cellpading = espacio entre el borde y el contenido

    CAPTION Parmetros align = top, bottom

    TR Parmetros align = left, rigth, center valign = top, middle, bottom

    TD/TH Parmetros align = left, rigth, center valign = top, middle, bottom colspan = unir columnas rowspan = unir filas Bgcolor/background = color y fondo

    Las divisiones son independientes

    Permite distribuir mejor los datos de las pginas

    BODY

    NO UTILIZAN

    definicin estructura

    <FRAMESET .> <FRAME SRC =.> </FRAMESET>

    NO FRAMES

    descripcin

    FRAMESET = define las zonas Parmetros cols = define las columnas, pueden ser pixeles o % rows = define las filas, pueden ser pixeles o % frameborder = tamao de los bordes de los marcos framespacing = controla el espacio de cada marco FRAME = indica como se ver cada zona Parmetros name = da el nombre a un marco src = indica el URL noresize = evita el redimensionamiento frameborder = grosor o borde scrolling = barra de desplazamiento (auto, no, yes) marginwidth = cambia mrgenes (ancho) marginheiht = cambia mrgenes (alto)

    Julio Moreno Garca - Claretiano

    despus del FRAMESET

    dnde se colocan?

    Se usan para visualizar el contenido en navegadores que no soportan FRAMES

    estructura

    <NOFRAMES> <BODY> CONTENIDO </BODY> </NOFRAMES>

    <IMG> GIF, PNG = logos o dibujos = 256 colores JPG = fotografas = formato ms pesado

    qu etiqueta emplea?

    Qu formatos soporta?

    Cmo enlazo una imagen?

    Qu parmetros emplea?

    SRC = nombre del archivo o URL ALT = texto que se mostrar con la imagen NAME = nombre asignado dentro de HTML BORDER = grosor del cuadro de la imagen HEIGHT = altura de la imagen WIDTH = ancho de la imagen

    <A HREF=><IMG SRC=></A>

    Julio Moreno Garca - Claretiano

    WAP = corta duracin, no usa complementos MP3 = USA Plugin = Qtime, Winamp, Windows Media Player MIDI = formato para msica. No funciona en todo los browsers <A HREF=> CONTENIDO </A> qu formatos maneja? ETIQUETAS <EMBED> SRC = ruta del archivo AUTOSTART = indica si se inicia o no automticamente. V o F WIDTH = ancho de los controles HEIGHT = alto de los controles HIDDEN = oculta o muestra los controles. V o F <BGSOUND> = SRC y LOOP. Exclusivo de IE

    formatos

    AVI = video digital MOV = reproducido por Qtime MPEG = video digital

    <A HREF=> CONTENIDO </A> <EMBED> SRC = ruta del archivo AUTOSTART = indica si se inicia o no automticamente. V o F WIDTH = ancho de los controles HEIGHT = alto de los controles HIDDEN = oculta o muestra los controles. V o F

    ETIQUETAS

    Julio Moreno Garca - Claretiano

    ESTRUCTURA PRINCIPAL
    <html> <head> </head> <body> CONTENIDO A MOSTRAR </body> </html>

    USANDO TITLE
    <html> <head> <title>Prrafos</title> </head>
    <body> CONTENIDO A MOSTRAR </body> </html> <body> <p>Este es el primer prrafo.</p> <p>Y este es el segundo prrafo.</p> </body> </html>

    UTILIZANDO BODY
    <html> <head> <title>Prrafos</title> </head>

    Desarrolla la siguiente tarea y presntala la prxima semana, sta debe ser impresa, con cartula, tipo de letra Calibri 11, espaciado simple, justificado. Asimismo te hago recordar que debes colocar la BIBLIOGRAFA (mximo 3 hojas incluyendo cartula) 1. Qu son los Navegadores o Browser?. Mencinalos y elabora un cuadro comparativo de ventajas y desventajas 2. Qu son los Editores de Texto?. Descrbelos brevemente 3. Elabora 2 ejemplos pequeos de cdigo HTML donde se muestren tus nombres, apellidos, direccin, telfonos, hobbies. En uno de ellos usando la etiqueta <title> (colocar como ttulo datos _personales) y en la otra sin ella. Mostrar cdigo HTML y resultado

    Ejemplos

    Cdigo <b>Texto en negrita</b> <big>Texto grande</big> <em>Texto enfatizado</em> <i>Texto en itlica</i> <small>Texto pequeo</small> <strong>Texto fuerte</strong> <sub>Texto subndice</sub> <sup>Texto superndice</sup> <ins>Texto subrayado</ins> <del>Texto tachado</del> <tt>Texto teletipo</tt>

    Resultado Texto normal Texto en negrita


    Texto normal Texto grande Texto normal Texto enfatizado Texto normal Texto en itlica Texto normal Texto pequeo Texto normal Texto fuerte Texto normal Texto subndice Texto normal Texto superndice Texto normal Texto subrayado Texto normal Texto tachado Texto normal Texto teletipo

    Mayor Informacin Etiquetas Bsicas Mayor Informacin Formateo de Texto I

    Desarrolla la siguiente tarea y presntala la prxima semana, sta debe ser impresa, con cartula, tipo de letra Calibri 11, espaciado simple, justificado. Asimismo te hago recordar que debes colocar la BIBLIOGRAFA (mximo 4 hojas incluyendo cartula) 1. Elabora una lista de los colores ms importantes, segn t criterio. Deben estar en tres columnas en una de ellas el color en espaol, en la segunda en ingls y en la tercera el cdigo ASCII respectivo 2. Elabora dos pequeos ejemplos HTML donde se muestren el uso de las instrucciones <p>, <br>, <hr> (con sus variantes), <h..> (con sus variantes), <face>, <size> y <color>. Imprimir cdigo y salida del mismo

    Cdigo <ol> <li>Naranjas</li> <li>Manzanas</li> <li>Bananas</li> </ol> Cdigo <ul> <li>Tomates</li> <li>Pepinos</li> <li>Cebollas</li> </ul>

    Resultado 1.Naranjas 2.Manzanas 3.Bananas

    Resultado Tomates Pepinos Cebollas

    Mayor Informacin LISTAS

    Desarrolla la siguiente tarea y presntala la prxima semana, sta debe ser impresa, con cartula, tipo de letra Calibri 11, espaciado simple, justificado. Asimismo te hago recordar que debes colocar la BIBLIOGRAFA (mximo 3 hojas incluyendo cartula) 1. Elabora 2 tipos de listas ordenadas y desordenadas y complemntalas con los cdigos ya aprendidos. Recuerda que se debe imprimir cdigo HTML y el resultado del mismo 2. Qu son las listas de definicin?Cmo se estructuran? Da 2 ejemplos

    Cdigo <body> <a href="/http://www.starclar.edu.pe.com/">La home de Claretiano Trujillo</a> </body> Resultado La home de Claretiano Trujillo Cdigo <body> <a href="/mailto: alguien@gmail.com">Mandar email</a> </body> Resultado Mandar email Cdigo <body> <a href="http://www.google.com/"><img src="/../graficos/google.gif"></a> </body> Resultado Mayor Informacin ENLACES

    Desarrolla la siguiente tarea y presntala la prxima semana, sta debe ser impresa, con cartula, tipo de letra Calibri 11, espaciado simple, justificado. Asimismo te hago recordar que debes colocar la BIBLIOGRAFA (mximo 3 hojas incluyendo cartula) 1. 2. 3. 4. Qu es un URL? Uso y Formato de los URL Tipos de referencias. Descrbelos brevemente Elabora una pgina donde hagas uso de los tipos de enlaces y de los cdigos HTML ya aprendidos con anterioridad. Recuerda en imprimir cdigo HTML y la pantalla de salida

    <table> <tr> <td>contenido celda 1</td> <td>contenido celda 2</td> </tr> </table> Cdigo <table border="1px"> <tr> <td>Nombre</td> <td>Apellido</td> </tr> <tr> <td>Pedro</td> <td>Garcia</td> </tr> </table>

    Resultado Nombre Pedro Apellido Garcia

    Cdigo <table border="1px" cellspacing="15px"> <tr> <th>Nombre</th> <th>Apellido</th> </tr> <tr> <td>Pedro</td> <td>Garcia</td> </tr> </table>

    Nombre Pedro

    Apellido Garcia

    Mayor Informacin TABLAS

    Desarrolla la siguiente tarea y presntala la prxima semana, sta debe ser impresa, con cartula, tipo de letra Calibri 11, espaciado simple, justificado. Asimismo te hago recordar que debes colocar la BIBLIOGRAFA (mximo 5 hojas incluyendo cartula) 1. Elabora 4 tipos de ejemplos de tablas. Recuerda utilizar los comandos aprendidos de sta opcin de trabajo y las complementas con las ya aprendidas con anterioridad. Te recuerdo que debes imprimir el cdigo HTML y el resultado del mismo

    <html> <frameset cols="20%,30%,50%"> <frame src="marco_1.html"> <frame src="marco_2.html"> <frame src="marco_3.html"> </frameset> </html>

    <html>
    <frameset cols="33%,33%,34%"> <frame scrolling="yes" src="marco_4.html"> <frame scrolling="no" src="marco_5.html"> <frame scrolling="auto" src="marco_6.html"> </frameset> </html>

    <html> <frameset cols="33%,33%,34%"> <frame src="marco_1.html"> <frame src="marco_2.html"> <frame src="marco_3.html"> </frameset> <noframes>En caso que su navegador no soporte marcos, este es un ejemplo de la divisin de la pantalla por medio de frames</noframes> </html> <html> <frameset rows="20%,30%,50%"> <frame noresize="noresize" src="marco_1.html"> <frame noresize="noresize" src="marco_2.html"> <frame noresize="noresize" src="marco_3.html"> </frameset> </html> Mayor Informacin FRAMES

    Desarrolla la siguiente tarea y presntala la prxima semana, sta debe ser impresa, con cartula, tipo de letra Calibri 11, espaciado simple, justificado. Asimismo te hago recordar que debes colocar la BIBLIOGRAFA (mximo 5 hojas incluyendo cartula) 1. Elabora 3 tipos de ejemplos de frames (diferentes a los expuestos). Recuerda utilizar los comandos aprendidos de sta opcin de trabajo y las complementas con las ya aprendidas con anterioridad. Te recuerdo que debes imprimir el cdigo HTML y el resultado del mismo 2. Crea el siguiente frame y ponle un color diferente a cada una de las pginas as como una imagen. Te recuerdo que debes anexar el cdigo respectivo

    Ejemplos Cdigo <img src="/../imagenes/foto1.jpg" alt="Dos nias de la mano">

    Resultado

    <img src="logo.gif" align="middle">Texto alineado en el centro...

    Texto alineado en el centro...

    <img src="logo.gif" align="bottom">Texto alineado abajo...

    Texto alineado abajo...

    <body background="rss.jpg">

    Fondo de pgina con una imagen, se puede aplicar a otros elementos

    <body bgcolor="red"> Fondo de pgina con un color predeterminado, se puede aplicar a otros elementos

    Mayor Informacin IMGENES

    Desarrolla la siguiente tarea y presntala la prxima semana, sta debe ser impresa, con cartula, tipo de letra Calibri 11, espaciado simple, justificado. Asimismo te hago recordar que debes colocar la BIBLIOGRAFA (mximo 5 hojas incluyendo cartula) 1. A qu se denomina mapeo de imgenes?. Cul o cules son los procedimientos que se emplean?. Descrbelos brevemente 2. Utilizando internet copia un cdigo de mapeo de imgenes y presntalo en clase utilizando para ello un dispositivo de almacenamiento. Ten cuidado al momento de copiar la informacin, prubalo antes de todo. Te recuerdo que ste trabajo ser expuesto a tus compaeros de clase

    A CONTINUACIN DEBERS DESARROLLAR UN TRABAJO FINAL QUE INVOLUCRE TODOS LOS CONOCIMIENTOS QUE HAS IDO ADQUIRIENDO. STE TRABAJO SER EVALUADO EN 3 OPORTUNIDADES Y EN LA QUE DEBERS PONER DE MANIFIESTO LA PARTE CREATIVA Y LA CONJUGACIN DE COMBINACIN DE TODOS LOS ELEMENTOS POSIBLES. PARA EL TRABAJO PUEDES HACER USO DE INTERNET (CUALQUIER NAVEGADOR), INFORMACIN COMPLEMENTARIA (DE ACUERDO AL TEMA), SONIDOS, VIDEOS, IMGENES, ETC. DEBERS PRESENTARLO A TRAVS DE UN DISPOSITIVO FSICO O VIRTUAL.

    LAS FECHAS PROBABLES DE PRESENTACIN SERN: PRIMER AVANCE: del 18 al 22 de Marzo SEGUNDO AVANCE: del 08 al 12 de Abril TERCER AVANCE Y PRESENTACIN FINAL: del 22 al 26 de Abril

    TE RECUERDO QUE NO HAY PRRROGA DE PRESENTACIN FINAL

    Você também pode gostar