miércoles, 25 de mayo de 2016

martes, 10 de mayo de 2016

NUEVA TAREA 3RO. BÁSICO


Entregar en USB el próximo día de clases
No olviden: DEBE VENIR CON FIRMA DEL ECARGADO.

miércoles, 4 de mayo de 2016

HTML Capitulo 1 - 2DO. BÁSICO


Reproducir cuantas veces sea necesario para aprender técnicas básicas del lenguaje HTML

jueves, 28 de abril de 2016

INVESTIGACIÓN 4TO. BACHILLERATO (TODOS)


Totalmente en el cuaderno
A mano.... (no impreso)
Fecha de Entrega: Semana del 02 al 06 de Mayo

2DO. BASICO

FORMATOS PARA EL CURRICULUM


Recuerde lo siguiente:

Colocar la mayor información posible en su curriculum
Si es posible, coloque su foto (Investigue como hacerlo)


ALGORITMOS 3RO. BASICO


RECUERDEN QUE DEBEN ELABORAR LOS DIAGRAMAS DE FLUJO DE ESTOS ALGORITMOS....

TAREA DE DIAGRAMAS
VALOR 20 PTS.
FECHA DE ENTREGA: PRÓXIMO DÍA QUE TENGAMOS CLASES
FORMA DE ENTREGA: WORD

PD: Escribir en el encabezado lo siguiente:

Instituto Emiliani Somascos
Grado: 3ro.Básico
Nombre: Escribir su nombre completo
Clave: Su clave.

jueves, 14 de abril de 2016

RESUMEN DE HTML - Pasar al cuaderno según donde vayamos

HTML: 
Es un lenguaje de programación para páginas web,  su nombre significa Hyper text Markup Languaje (Lenguaje de marcas de Hypertexto), donde se programa por medio de marcas o etiquetas.

<HTML>: 

Es la primera línea que deberá llevar una página web, también debe cerrarse al final de la misma.
<HEAD>: 
Permite especificar el encabezado, debe cerrarse después de Title.

<TITLE>: Se utiliza para escribir el título de la barra de título, debe cerrarse al final.

<BODY>: 
Específica el inicio de la estructura de la página web, debe cerrarse al final de la página, justo antes de </html>.

<BGCOLOR>= Color”
Permite especificar el color de fondo de la página, se abre en el primer body, ejemplo: 

<body bgcolor=”blue”

<H1>: 

Encabezados, cada tipo de encabezado representa la importancia, desde h1, hasta h6, el primero, especifica el título principal, mientras que los otros, representan un título menos importante. Debe cerrarse el final.

<P>: 
Se utiliza esta función para escribir párrafos que llevan más de una línea.

<FONT>: 

Propiedades que se utilizan para modificar los tipos de letras, ejemplo de uso:
<Font face=”Arial” Size=3 Color=”Blue”>

<HR>: 
Se utiliza para diseñar una línea en la página web, otro formato para utilizar esta instrucción es:                     <hr width = 50%>

<IMG>: 
Es la instrucción utilizada  para insertar imágenes dentro de la página web, la forma de   usar image es:                     <img src = “c: /fotos/foto.jpg”>
También podemos utilizar las propiedades width y heigth para cambiar el tamaño de las imágenes.                             <img src = “c:/Fotos/foto.jpg” width=100 heigth=100>

<MARQUEE>: 
Permite hacer  que un texto se mueva, las diferentes formas en que puede       usarse esta instrucción es:
§  Una marquesina es una porción de texto (a cualquier otro componente, incluida las tablas) que se desplaza dentro de la ventana.
§  La etiqueta básica es <MARQUEE>…</MARQUEE>.
§  El desplazamiento por defecto es de derecha a izquierda ininterrumpidamente.
§  Dos atribuciones de la etiqueta permiten controlar ese movimiento:
Atributo
Resultado
<MARQUEE direction=”left”>
Desplazamiento de derecha a izquierda
<MARQUEE direction=”right”>
Desplazamiento de izquierda a derecha
<MARQUEE direction=”down”>
Desplazamiento de arriba a abajo
<MARQUEE direction=”up”>
Desplazamiento de abajo a arriba
<MARQUEE behavior=”scroll”>
Desplazamiento continuo
<MARQUEE behavior=”slide”>
Desplazamiento único(queda quieto)
<MARQUEE behavior=”alternate”>
Alterna el desplazamiento(como si rebotara)
§  Otras dos propiedades muy utilizadas es las marquesinas son la de color de fondo(<MARQUEE bgcolor=”¿?”>) y tamaño (<MARQUEE width=”n”>).
§  Como siempre, los atributos pueden combinarse. Por ejemplo:< marquee behavior=”slide” dirección=”lefth” width=”75%” bgcolor=”#006699”>.
§  El contenido de la marquesina puede llevar su propio etiquetado.

<DIV>  
Instrucción utilizada para posicionar en cualquier parte de la pantalla una imagen o un texto, su forma de uso es la siguiente:           Ejemplo:

ID = L1: 
L1 específica es una identificación que se le da a un DIV, puesto que 
pueden usarse varias de estos, cada vez que haya otro div, deberá agregarse una identificación L1, L2, L3,etc.

STYLE: 
Especifica el estilo, para este ejemplo se utiliza Posición absoluta.

TOP: 
Representa la parte superior de arriba hacia abajo con un número.

LEFT: 

Representa el borde izquierdo de la página, hacia la derecha con un número de 1 a 1000.

<Div ID= Style = ”Position:Absolute;Top:50;Left:50;”>TEXTO O IMAGEN</Div>

EJEMPLO DE UNA PAGINA WEB

<HTML>
<head><title>Pagina de ejemplo</title></head>
<Body bgcolor="Blue">
<h1><center>PAGINA DE AYUDA</center></h1>
<hrwidth=50%>
<p><Fontface="arial" Size=4 color="Write">Con este código comprenderá de mejor forma cual es el uso de cada istrucción segun según lo visto en la parte de arriba, recomiendo entonces practicar porque es la única forma en que se le quedara el uso de html. A continuacón un ejemplo del uso de div con imágenes.</Font></p>
<Div ID="L1" Style="Position:Absolute;Top:300;Left:300;">
<img src="C:\PaginaWeb1\Web.jpg" Width=200 Height=200>
</Div>
<Div ID="L3" Style="Position:Absolute;Top:300;Left:600;">
<img src="C:\PaginaWeb1\html.jpg" Width=200 Heidth=200>
</Div>
<Marquee Behavior="Altérnate">Gracias por visitar mi página</marquee
</Body>
</html>

Para insertara una imagen de fondo en la pantalla se le agrega <BODY BACKGROUND>
Ejemplo:             <body Background="E:\Practicas\Paginas Web\Pag2\Captura.jpg" Width=1000 Heigth=1000>