Images

Agosto-9/2016

Evaluacion

<html>
<head><title>evaluacion</title></head>
<body>
<table width="80%" border="1">
<tr>
<td rowspan="2">12 78</td>
<td>34</td>
<td>56</td>
</tr>
<tr>
<td colspan="2">9 10 11 12</td>
<td>13 14</td>
</tr>
</table>
</body>
</html>

Anclas

Sirve para definir posiciones dentro de un documento y se puede usar como destino de hiperenlaces.
Para crear un ancla (anchor) se procede de la siguiente manera:

<A NAME="nombre_etiqueta">Texto del elemento ancla</A>

Visualmente est elemento no tiene niun efecto, pero si lo tiene en forma interactiva con el usuario.
Para hacer referencia al ancla o posición se hace el siguiente tipo de hiperenlace:

<A HREF="#nombre_etiqueta">Texto del hiperenlace</A>

De esta manera accederemos a la posición donde hayamos puesto el ancla
Por ejemplo al final de este documento hemos puesto la siguiente ancla:

<a name="final">Este es el final del documento!!</a>

Y para acceder a esa posición usamos el siguiente hipernlace:

<A HREF="#final">Vamos al final del documento</A>

Que se vería así:
Vamos al final del documento (clicklea el hiperenlace para ver lo que sucede!!)
usando #nombre_etiqueta estamos asumiendo que el ancla esta en el documento actual, o sea estamos usando un ruta relativa al documento.

Si queremos acceder a un ancla desde fuera del documento, usamos un enlace más completo donde se incluye el nombre del documento donde se encuentra el ancla:
<A HREF="anclas.php#final">Vamos al final del documento</A>

En nuestro caso este documento se llama anclas.php. El nombre del docuemnto se coloca siempre antes del signo gato (#).
La anclas son muy buenas por ejemplo para presentar un listado inicial, y cada elemento del listado se desarrolla a lo largo del documento, pudiendo enlazar con anclas las diferentes posiciones del documento donde se desarrolla cada elemento del listado incial.

http://www.bufoland.cl/cursoweb/html/anclas.php


Images

Agosto-2/2016

Tutorial HTML: Tablas con Colspan y Rowspan

Es la forma de fusionar celdas en una tabla.
Rowspan, indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila.
Colspan, indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna.
De esta forma si ponemos <td colsan=2>, quiere decir que la celda actual se extiende en el ancho de dos celdas.
Algo parecido ocurre si ponemos <td rowspan=3>, la celda ocupará el alto de 3 celdas normales.
Veamos un ejemplo:
Si visualizamos esta tabla, podemos observar que la primera celda ocupa tres filas, y no sobrepasa la altura total de las tres celdas que tiene a la derecha.
Países Europeos
España
Madrid
Francia
Paris
Reino Unido
Londres
Países Americanos
EEUU
Washington
Canada
Toronto
Mexico
Mexico
Código fuente de la tabla:
<table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3"><p>Países Europeos</p></td>
<td><p>España</p></td>
<td><p>Madrid</p></td>
</tr>
<tr>
<td><p>Francia</p></td>
<td><p>Paris</p></td>
</tr>
<tr>
<td><p>Reino Unido</p></td>
<td><p>Londres</p></td>
</tr>
<tr>
<td rowspan="3"><p>Países Americanos</p></td>
<td><p>EEUU</p></td>
<td><p>Washington</p></td>
</tr>
<tr>
<td><p>Canada</p></td>
<td><p>Toronto</p></td>
</tr>
<tr>
<td><p>Mexico</p></td>
<td><p>Mexico</p></td>
</tr>
</table>
Images

julio-26/2016

Este día resolvimos todas las dudas que teníamos sobre varias etiquetas, con ejemplos, e hicimos una evaluación. La solución de la evaluación era la siguiente.

<html>
<head><title></title></head>
<body bgcolor="00ff00" text="fff">
<table width="70%" border="1">
<tr>
<td><b>peña nelson</b></td>
<td><img src="" width="32px" height="32px"></td>
<td><ul><li>1</li><li>2</li><li>3</li></ul></td>
</tr>

<tr>
<td><u>peña nelson</u></td>
<td><marquee direction="up">divino amor</marquee></td>
<td><font color="f00"><b><h3>9a</h3></b></font></td>
</tr>

<tr>
<td><hr></td>
<td><marquee direction="down">150</marquee></td>
<td><font color="000"><b><h3>jorge</h3></b></font></td>
</tr>

</table>
</body>
</html>
Images

Julio-19/2016

Ese día realizaron una evaluación la respuestas a ella era:

<html>
<head><title>evaluacion html</title></head>
<body><b>colegio divino amor</b><br>
<hr>
<img src="http://coldivinoamor.edu.co/images/logo.fw.png"></img><br>
<hr>
<font color="#00ff00">prueba</font>
</body>
</html>

y de esta forma se vería al abrirlo


Si quisiéramos cambiar el color del fondo y de la fuente del body, haríamos esto:
<body bgcolor "#000000" text= "#ffffff"> Mensaje <body>
</html>

Si queremos poner una imagen de fondo:
<background "http://coldivinoamor.edu.co/images/logo.fw.png">

Para colocar una imagen o texto en movimiento:
<marquee> texto o imagen </marquee>

Para que rebote:

<marquee behavior="alternate">

Para cambiar la direccion:
<marquee direction "down" o "up">



* Cómo trabajar con el Bloc de Notas. Oprima AQUI.
 
* Cómo trabajar con el NotePad++. Oprima AQUI.
 
Fondo de páginas. Oprima AQUI.
 
Manejo de imagenes. Oprima AQUI.
 
Enlaces, link, vinculos, hipervinculos, hiperenlaces. Oprima AQUI.
 
* Texto en Movimiento. OPRIMIR AQUI.
 
* Texto en Movimiento. OPRIMIR AQUI.
 
Images

Julio - 12 / 2016

                             HTML


HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores actuales han adoptado. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>,/).

Las etiquetas se dividen en dos:
1. Cerradas: se cierran.

 <title>inserte un titulo</title>

2.Abierta: las que nunca se cierra.

<img src = ``_´´>
<img src = ``_´´/>

jamas se debe hacer esto:  

</img> 


Etiquetas:
  • <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz.
  • <script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript  text/javascript.
  • <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera<head> es posible encontrar:
  • <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo.
<html> :  se coloca al principio

</html> :  se coloca al final

<head> Encabezado: es el titulo de la pagina

<body> Cuerpo. texto de la pagina

<hr> Linea horizontal

<pre> Respeta lo que estoy escribiendo 


<p> Párrafo
<b> Negrilla = <strong> Son tienen la misma función
<s> Tachado
<u> Subrayado
<i> Italica o cursiva (Están inclinadas).
<br> Salto de linea ó enter
<font color#00FFF7> Color de texto
</inserte la etiqueta que quiere cerrar> :  se usa para cerrar cualquier etiqueta

Tomado de: https://es.wikipedia.org/wiki/HTML

Images

junio 7 de 2016

Se corrigieron e arreglaron las notas definitivas de los estudiantes y se entregaron las notas definitivas
Images

Mayo 31 de 2016

  • 1.Realizar un programa que le presente un menú al usuario con las siguientes opciones: lo desarrollan todos

  • 1. Leer dos números enteros positivos únicamente.   
  • 2. Sumar los dos números leídos.  
  • 3. Restarle al primer número el segundo (siempre y cuando el primero sea mayor que él segundo, en caso contrario indicar con un mensaje que la operación no es posible realizarla y volver al menú principal.
  • 4. Multiplicar los dos números (siempre y cuando ninguno de los números sea igual a cero, , en caso contrario indicar con un mensaje que la operación no es posible realizarla y volver al menú principal,).
  • 5. Dividir el primer número dado por el segundo.  
  • 6. Salir Nota: Se debe garantizar que el usuario haya ingresado los dos números antes de poder realizar cualquier operación y que no se puede escribir un resultado sin la realización de una operación.

Solución:
Proceso sin_titulo

numero1 = -1
numero2 = -1
ya_se_digito_los_numeros = "no"
Repetir
Escribir ""
Escribir "****************************************************************"
Escribir "* 1. Leer dos nœmeros enteros positivos œnicamente. *"
Escribir "* 2. Sumar los dos nœmeros le'dos. *"
Escribir "* 3. Restarle al primer nœmero el segundo. *"
Escribir "* 4. Multiplicar los dos nœmeros. *"
Escribir "* 5. Dividir el primer nœmero dado por el segundo. *"
Escribir "* 6. Salir. *"
Escribir "****************************************************************"
Escribir ""
Leer opciones
Escribir ""
Segun opciones Hacer
1:
Escribir ""
Escribir "1. Leer dos nœmeros enteros positivos œnicamente."
Escribir ""
Escribir "Digite el Primer Numero"
Leer numero1
Escribir "Digite el Segundo Numero"
Leer numero2
ya_se_digito_los_numeros = "no"
Si numero1 > 0 Entonces
Si numero2 > 0 Entonces
ya_se_digito_los_numeros = "si"
Sino
numero1 = -1
numero2 = -1
Escribir "Hace falta digitar un numero entero Positivo en el Segundo Valor"
Fin Si
Sino
numero1 = -1
numero2 = -1
Escribir "Hace falta digitar un numero entero Positivo en el Primer Valor"
Fin Si
2:
Escribir ""
Escribir "2. Sumar los dos nœmeros le'dos."
Escribir ""
Si ya_se_digito_los_numeros = "si" Entonces
Escribir "Suma de los dos numeros = ( " numero1 " + " numero2 " = " ( numero1 + numero2 ) " )"
Sino
Escribir ""
Escribir "****************************************************************"
Escribir "* Hace falta digitar los dos numeros *"
Escribir "****************************************************************"
Escribir ""
Fin Si
3:
Escribir ""
Escribir "3. Restarle al primer nœmero el segundo."
Escribir ""
Si ya_se_digito_los_numeros = "si" Entonces
Si numero1 > numero2 Entonces
Escribir "Resta de los dos numeros = ( " numero1 " - " numero2 " = " ( numero1 - numero2 ) " )"
Sino
Escribir "La operaci—n no es posible realizarla."
Fin Si
Sino
Escribir ""
Escribir "****************************************************************"
Escribir "* Hace falta digitar los dos numeros *"
Escribir "****************************************************************"
Escribir ""
Fin Si
4:
Escribir ""
Escribir "4. Multiplicar los dos nœmeros."
Escribir ""
Si ya_se_digito_los_numeros = "si" Entonces
Si numero1 > 0 Entonces
Si numero2 > 0 Entonces
Escribir "Multiplicacion de los dos numeros = ( " numero1 " * " numero2 " = " ( numero1 * numero2 ) " )"
Sino
Escribir "No se puede Multiplicar porque el Segundo Numero es Cero."
Fin Si
Sino
Escribir "No se puede Multiplicar porque el Primer Numero es Cero."
Fin Si
Sino
Escribir ""
Escribir "****************************************************************"
Escribir "* Hace falta digitar los dos numeros *"
Escribir "****************************************************************"
Escribir ""
Fin Si
5:
Escribir ""
Escribir "5. Dividir el primer nœmero dado por el segundo."
Escribir ""
Si ya_se_digito_los_numeros = "si" Entonces
Si numero2 <> 0 Entonces
Escribir "Division de los dos numeros = ( " numero1 " / " numero2 " = " ( numero1 / numero2 ) " )"
Sino
Escribir "No se puede Dividir porque el Segundo Numero es Cero."
Fin Si
Sino
Escribir ""
Escribir "****************************************************************"
Escribir "* Hace falta digitar los dos numeros *"
Escribir "****************************************************************"
Escribir ""
Fin Si
6:
Escribir ""
Escribir "****************************************************************"
Escribir "* HASTA LUEGO. *"
Escribir "****************************************************************"
Escribir ""
De Otro Modo:
Escribir ""
Escribir "****************************************************************"
Escribir "* Opcion No VALIDA. *"
Escribir "****************************************************************"
Escribir ""

Fin Segun
Hasta Que opciones = 6
FinProceso
 
2. Desarrollar un algoritmos que permita realizar la sumatoria de los primeros 100 números utilizando los 3 ciclos (para, repita, mientras)
Solución:
Proceso sin_titulo

cantidad_de_numeros = 100
suma = 0
Para i<-0 Hasta cantidad_de_numeros Con Paso 1 Hacer
suma = suma + i
Fin Para
Escribir ""
Escribir "CICLO FOR -> Sumatoria de los primeros " cantidad_de_numeros " es = " suma
Escribir ""

suma = 0
i = 0
Repetir
i = i + 1
suma = suma + i
Hasta Que i > ( cantidad_de_numeros - 1)
Escribir ""
Escribir "CICLO REPETIR HASTA -> Sumatoria de los primeros " cantidad_de_numeros " es = " suma
Escribir ""

suma = 0
i = 0
Mientras i < cantidad_de_numeros Hacer
i = i + 1
suma = suma + i
Fin Mientras
Escribir ""
Escribir "CICLO HACER MIENTRAS -> Sumatoria de los primeros " cantidad_de_numeros " es = " suma
Escribir ""
FinProceso
 
 
3. Cree un algoritmo que capture un mes en números y el software muestre un mensaje que indique cuantos días tiene ese mes. Ejemplo: si se digita "07", el algoritmo debe mostrar "Julio, tiene treinta un días". El algoritmo debe también advertir que si se trata de febrero tiene 28 días, pero si el año fuera bisiesto tendría 29.
Solución:
Proceso sin_titulo

Dimension mes[12]
mes[1]='Enero'
mes[2]='Febrero'
mes[3]='Marzo'
mes[4]='Abril'
mes[5]='Mayo'
mes[6]='Junio'
mes[7]='Julio'
mes[8]='Agosto'
mes[9]='Septiembre'
mes[10]='Octubre'
mes[11]='Noviembre'
mes[11]='Diciembre'
Escribir "Digite un numero entre 1 y 12"
Leer n
es_bisiesto = ""
Si (n>=1) && (n<=12) Entonces
Segun n Hacer
1, 3, 5, 7, 8, 10, 12:
maximo_dia_mes = 31
2:
maximo_dia_mes = 28
es_bisiesto = ", pero si fuera A–o Bisiesto tendria 29 dias."
4, 6, 9, 11 :
maximo_dia_mes = 30
Fin Segun
Escribir mes[n] " tiene " maximo_dia_mes " dias " es_bisiesto
Sino
Escribir "Debe digitar un valor de mes entre 1 y 12"
Fin Si
FinProceso
 
4. Se requiere que solo con la utilización de ciclos y condicionales, usted pueda convertir un número decimal < a 5000 a número Romano.
Solución:
Proceso sin_titulo

Escribir "Digite un numero entre 1 y 5000"
Leer decimal
Si (decimal>=1) && (decimal<=5000) Entonces
Escribir "********* Conversion a Romano *********"
Dimension unidad[10]
DImension decenas[10]
Dimension centenas[10]
Dimension miles[6]
unidad[1]=''
unidad[2]='I'
unidad[3]='II'
unidad[4]='III'
unidad[5]='IV'
unidad[6]='V'
unidad[7]='VI'
unidad[8]='VII'
unidad[9]='VIII'
unidad[10]='IX'
decenas[1]=''
decenas[2]='X'
decenas[3]='XX'
decenas[4]='XXX'
decenas[5]='XL'
decenas[6]='L'
decenas[7]='LX'
decenas[8]='LXX'
decenas[9]='LXXX'
decenas[10]='XC'
centenas[1]=''
centenas[2]='C'
centenas[3]='CC'
centenas[4]='CCC'
centenas[5]='CD'
centenas[6]='D'
centenas[7]='DC'
centenas[8]='DCC'
centenas[9]='DCCC'
centenas[10]='CM'
miles[1]=''
miles[2]='M'
miles[3]='MM'
miles[4]='MMM'
miles[5]='[IV]'
miles[6]='[V]'
miles_= trunc(decimal/1000) MOD 10
centenas_= trunc(decimal/100) MOD 10
decenas_= trunc(decimal/10) MOD 10
unidades_= decimal MOD 10
Escribir miles[miles_+1] centenas[centenas_+1] decenas[decenas_+1] unidad[unidades_+1]
Sino
Escribir "Lo siento solo sirve la conversion entre numeros de 1 a 5000"
Fin Si

FinProceso