Está en la página 1de 5

12/08/2011

Informtica Aplicada Currcula 2011


Mg. Carlos Chirinos Azpilcueta

Semana 13
CONTENIDOS ESTRATEGIAS CONCEPTUALES PROCEDIMENTALES ACTITUDINALES MATERIALES

Tema 13: Diseo de pginas WEB. Cuadros o Frame, criterio de mens, estilos.

Disea pginas web con elementos y objetos bsicos. Establece mens y estilos de diseo en la presentacin de pginas estticas.

Destaca los principales elementos de diseo. Valora el trabajo en equipo. Muestra inters en el diseo de pginas creativas. Muestra responsabili dad en el desarrollo de las prcticas.

Clase magistral y exposicin de diapositivas en PowerPoint Trabajo en biblioteca y trabajo en red investigado lecturas recomendadas Diseo de una pgina web con mens.
Diapositivas en PowerPoint. Presentacione s y explicacin en la pizarra.

12/08/2011

13.1 Frames

Mostrar Frames: View/Visual Aids/Frame borders Configurar los links a los frames Top

Frame

Left Frame

Main Frame

13.1 Frames

12/08/2011

13.2 Mens

13.3 Estilos

Hoja de Estilos: Conjunto de formatos aplicables a los elementos de una o ms pginas web. Permite separar el contenido de la presentacin. Si queremos cambiar el aspecto de una o todas las pginas, modificamos la hoja de estilos que tiene asociada. Software: Top Style Lite

12/08/2011

13.3 Estilos

Ejemplo: una hoja de estilos contienen"REGLAS" como la siguiente: H3 { font-family: Arial; font-style: italic; color: green } Se usa as en la pgina web: <H3>this is greenitalic<H3> Indica que cada elemento de tipo H3 ser mostrado como Arial Italica de color verde.

13.3 Estilos

Ejemplo: usando una "clase". "Geernitalic" (palabra sin espacios y precedida por un punto) .greenitalic { font-family: Arial; font-style: italic; color: green } Se usa as en la pgina web: <H3 CLASS="greenitalic">this is greenitalic<H3>

12/08/2011

13.3 Estilos

Formas de uso: - Usar el atributo STYLE que muchos tags incluyen. - Usar el tag <STYLE> en la seccin <HEAD> <HEAD> <STYLE> BODY { color: navy; } H1 { font-size: 12pt; } </STYLE> </HEAD> - Enlazar a una hoja de estilos: <head> <link rel="stylesheet" type="text/css" href="style.css"> </head>

También podría gustarte