Images

02-01-17

El profesor nos dio una charla de inicio de año y se trabajo un ejercicio con el código funcion:

En programación, una función es un grupo de instrucciones con un objetivo en particular y que se ejecuta al ser llamada desde otra función o procedimiento. Una función puede llamarse múltiples veces e incluso llamarse a sí misma (función recurrente).

Ejercicio de funcion:

<html>
<head><title>2017</head></title>
<body>
<script>
function sumar(){
var a= parseInt(prompt("a"));
var b= parseInt(prompt("b"));
alert(a+b);
} sumar();
</script>
</body>
</html>


http://www.alegsa.com.ar/Dic/funcion.php
Images

Noviembre 1 de 2016

ENTREGA DEL PROYECTO

Este día se hizo la entrega del proyecto.

El proyecto consistía en hacer una pagina web con un template so
bre un tema en especifico.

Mi pagina quedo de la siguiente forma:


Images

25 de octubre/2016

                                                               Proyecto

El día de hoy se hizo la introducción de como iba a ser el proyecto.

Tenemos que buscar un template y hacer una pagina con base a este template y al tema que nos correspondió.

Qué es un template?
Un template es un conjunto de archivos que determinan la estructura y el aspecto visual de un sitio web, y tiene como ventaja principal disminuir tiempos y costos de desarrollo.

Un template es la solución ideal para muchos sitios web institucionales, ya que permiten resolver el aspecto gráfico del sitio en forma rápida y eficiente. Por supuesto que dependerá de cada empresa comprar un template o elegir un diseño web a medida.

Como recomendación personal creo que un excelente template puede solucionar en muchos casos el aspecto del diseño de un sitio web, sobre todo cuando se trata de empresas o freelancers que recién comienzan o que no tienen muy definida su imagen corporativa.

Un template les permitirá hacer el lanzamiento del sitio web hasta dos meses antes como así también disminuir el presupuesto final y, al mismo tiempo, quizás permite al equipo de desarrollo poner el esfuerzo en otras cuestiones de funcionalidad, contenidos o bien de SEO que quizás sean más importantes que la cuestión meramente estética.

¿QUÉ ELEMENTOS SE CONTEMPLAN DENTRO DE UN TEMPLATE?

En general se contemplan todos los elementos que tienen que ver con la estructura y el aspecto gráfico de un sitio web.

Entre los elementos más comunes encontramos:

Regiones - Son las áreas donde van los bloques de contenido. En la mayoría de los casos se pueden observar: el encabezado, el contenido principal, las columnas y el pie de página. Luego según el template y las opciones que tenga, podemos contar con otro tipo de regiones para darle mayor flexibilidad al sitio.

Gama de colores - Por lo general se utilizan entre dos y tres colores principales que hacen a la estética del sitio. Podemos tener un color de base para el fondo, otro color para los links, y finalmente otro color que se puede aplicar en algunas regiones como el header y el footer.

Si el template es flexible entonces debería permitir fácilmente la adaptación de la gama de colores del sitio. Por ejemplo OpenPyme utiliza un template muy flexible y permite adaptar los colores según cada necesidad.

Tipografías - Un template contempla los tamaños que deberían tener las tipografías, como así también el tipo de fuente a utilizar a lo largo de todo el sitio. Se van a definir los estilos para los headings (h1, h2, h3, h4), como así también para los párrafos de texto, viñetas, textos en el footer y demás textos que hacen a los contenidos del sitio.

Menúes de navegación - Por lo general se contempla un menú principal y uno secundario. Es importante que el diseño del menú principal esté cuidadosamente diseñado. Que sea legible y quede claro cuando el usuario hace hover sobre el botón. El menú principal del sitio es el medio de navegación que tiene el usuario y por ende también debería ser un elemento atractivo y agradable a la vista.

Botones - Los botones son fundamentales en el sentido que los entendamos como verdaderos call to action. Es decir como elementos donde queremos que el usuario haga click para que interactúe con el sitio.

Formularios - En todo sitio web hay al menos un formulario de contacto que tiene elementos como las etiquetas (labels) y los cuadros de texto (form-text). El diseño de los formularios también se contempla en todo template y es muy importante cuidar la legibilidad del texto (contraste y tamaño de la fuente), para que la persona que completa el formulario no se sienta frustrada.

Cada uno de estos elementos se deberían relacionan armónicamente para darle consistencia y coherencia a todo el aspecto visual del sitio web. Y esto es lo que diferencia en principio a un excelente template de uno de mediana o baja calidad.

Un template de excelencia no solo tiene la versatilidad y flexibilidad que uno necesita, sino que también tiene ese cuidado y prolijidad en todos sus elementos que terminan siendo cualidades diferenciales.

VENTAJAS DE USAR UN TEMPLATE

Acortar los tiempos - Si utilizás un template podés lanzar tu sitio web hasta dos meses antes (que es el tiempo mínimo que puede llevar hacer un diseño a medida e implementarlo). Para muchos negocios, el tiempo de salida al mercado (lanzamientos) es fundamental, por lo que todo lo que no sea absolutamente importante debería ser solucionado poniendo la practicidad como principal criterio. La utilización de templates es una excelente manera de ser práctico.

Reducir valores de inversión - Directamente relacionado al punto anterior, dos meses menos de esfuerzo puesto en la implementación de un diseño a medido se traduce automáticamente a los cAl mismo tiempo podés reducir los valores de inversión, hasta un máximo (para la parte de implementación del diseño) de un 80%.

Calidad final - Un template se actualiza permanentemente. También se testea y puede recibir feedback de una comunidad de usuarios para que el desarrollador lo siga mejorando. En este sentido un template puede resultar en una solución de primerísimo nivel, testeada y revisada en más de una ocasión. Se mejoran permanentemente cuestiones que tienen que ver con el código, la compatibilidad con los navegadores, la documentación, etc.

http://www.glidea.com.ar/blog/que-es-un-template
Images

octubre-18/2016

                              Template

Un template es un conjunto de archivos que determinan la estructura y el aspecto visual de un sitio web, y tiene como ventaja principal disminuir tiempos y costos de desarrollo.
Un template es la solución ideal para muchos sitios web institucionales, ya que permiten resolver el aspecto gráfico del sitio en forma rápida y eficiente. Por supuesto que dependerá de cada empresa comprar un template o elegir un diseño web a medida.

¿QUÉ ELEMENTOS SE CONTEMPLAN DENTRO DE UN TEMPLATE?

En general se contemplan todos los elementos que tienen que ver con la estructura y el aspecto gráfico de un sitio web.
Entre los elementos más comunes encontramos:
Regiones - Son las áreas donde van los bloques de contenido. En la mayoría de los casos se pueden observar: el encabezado, el contenido principal, las columnas y el pie de página. Luego según el template y las opciones que tenga, podemos contar con otro tipo de regiones para darle mayor flexibilidad al sitio.
Gama de colores - Por lo general se utilizan entre dos y tres colores principales que hacen a la estética del sitio. Podemos tener un color de base para el fondo, otro color para los links, y finalmente otro color que se puede aplicar en algunas regiones como el header y el footer.
Si el template es flexible entonces debería permitir fácilmente la adaptación de la gama de colores del sitio. Por ejemplo OpenPyme utiliza un template muy flexible y permite adaptar los colores según cada necesidad.
Tipografías - Un template contempla los tamaños que deberían tener las tipografías, como así también el tipo de fuente a utilizar a lo largo de todo el sitio. Se van a definir los estilos para los headings (h1, h2, h3, h4), como así también para los párrafos de texto, viñetas, textos en el footer y demás textos que hacen a los contenidos del sitio.
Menúes de navegación - Por lo general se contempla un menú principal y uno secundario. Es importante que el diseño del menú principal esté cuidadosamente diseñado. Que sea legible y quede claro cuando el usuario hace hover sobre el botón. El menú principal del sitio es el medio de navegación que tiene el usuario y por ende también debería ser un elemento atractivo y agradable a la vista.
Botones - Los botones son fundamentales en el sentido que los entendamos como verdaderos call to action. Es decir como elementos donde queremos que el usuario haga click para que interactúe con el sitio.
Formularios - En todo sitio web hay al menos un formulario de contacto que tiene elementos como las etiquetas (labels) y los cuadros de texto (form-text). El diseño de los formularios también se contempla en todo template y es muy importante cuidar la legibilidad del texto (contraste y tamaño de la fuente), para que la persona que completa el formulario no se sienta frustrada.

Proyecto:
  1. Tenga presente que el trabajo del proyecto del periodo inicio el día martes 18 de octubre de 2016, con la entrega de una hoja marcada con sus nombres y apellidos, en ella ud. escribio como mínimo 5 programas o peliculas de su niñez. ( 10 puntos ).
  2. Llevar a clase un template free(gratis), sin efectos flash, ni template wix; este template debe ser referente a su tema.
  3. Llevar los textos e imagenes que uds. necesiten para empezar a trabajar en el proyecto en horas de clase.
  4. No deben llevar el proyecto ni empezado ni terminado, la realización del proyecto se inicia desde cero en la clase; si se lleva empezado o terminado, se le cambiara el tema.
  5. Crear una carpeta que ud. debe llamar PRIMERapellido_PRIMERnombre_##, donde ## hace referencia a 9a ó 9b según sea su caso.
  6. En esa carpeta(PRIMERapellido_PRIMERnombre_##) debe guardar la carpeta del template, las imagenes y texto que ud. descargo en su CASA, todo referente al tema elegido.
  7. Esa carpeta(PRIMERapellido_PRIMERnombre_##) debe ser guardada en su memoria usb personal( sólo suya, no compartida ), o en su nube personal( sólo suya, no compartida ).
  8. Si por algún caso su memoria usb falla, debe tener una copia de seguridad, ya sea en otra memoria usb personal( sólo suya, no compartida ), en una nube personal ( sólo suya, no compartida ).
  9. La memoria usb que presente al docente o con la cual va a trabajar debe estar marcada al menos con su primer nombre, primer apellido.
  10. El modelo del trabajo realizado por el docente , será presentado en clase, para que con ello ud. pueda trabajar siguiendo dicho esquema.
  11. Las condiciones de entrega y los 10 temas adicionales, serán entregados el día de clase.
  12. Si el estudiante falto a la clase del 18 de octubre de 2016, debe presentar el supletorio.
Images

octubre-11/2016

se realizaron algunos ejercicios y se realizo una evaluación:

nota 1 = parseInt(prompt("nota 1"));
nota 2 = parseInt(prompt("nota 2"));
def=(nota 1 + nota 2)/2
(def>=75){

}
else{

}


etiquetas:

length= lee los caracteres
prompt= pide informacion por teclado




Images

octubre-4/2016

                                                              Javascript


etiquetas:

substring: se usa para extraer informacion

ejemplo:
mensaje="texto"
mensaje.substring (5  2);

donde esta el 5 es la posicion
donde esta el 2 la cantidad

Hola-mundo-Bucaramanga-colombia
split("texto")

palabras [numero de caracter];

comando for

for ( i = 0; i < = 6; i+2){
document.write (palabras1[i ]+" ")

toLowerCase -----> minuscula

toUpperCase -----> mayuscula

palabra1[3]            //una

X = palabra1[3].substring (1);

Y = x*toUpperCase(  );

a = a+1 <=> a++
a = a-1 <=> a--
a = a+10 <=> a+ = 10
Images

septiembre-27/2016

se revisaron los ejercicios:

1.
<html>
<head>
<title>El primer script</title>

<script>
  var mensaje = "Hola Mundo";
var numeroLetras = mensaje.length; // numeroLetras = 10
</script>
</head>

<body>
<p>Esta página contiene el primer script</p>
</body>
</html>

2.
<html>
<head>
<title>El segundo script</title>

<script>
  var mensaje1 = "Hola";
var mensaje2 = " Mundo";
var mensaje = mensaje1 + mensaje2; // mensaje = "Hola Mundo"
</script>
</head>

<body>
<p>Esta página contiene el segundo script</p>
</body>
</html>

3.
<html>
<head>
<title>El tercer script</title>

<script>
  var mensaje1 = "Hola";
var mensaje2 = mensaje1.concat(" Mundo"); // mensaje2 = "Hola Mundo"
</script>
</head>

<body>
<p>Esta página contiene el tercer script</p>
</body>
</html>

4.
<html>
<head>
<title>El cuarto script</title>

<script>
  var variable1 = "Hola ";
var variable2 = 3;
var mensaje = variable1 + variable2; // mensaje = "Hola 3"
</script>
</head>

<body>
<p>Esta página contiene el cuarto script</p>
</body>
</html>

5.
<html>
<head>
<title>El quinto script</title>

<script>
  var mensaje1 = "Hola";
var mensaje2 = "Mundo";
var mensaje = mensaje1 + mensaje2; // mensaje = "HolaMundo"
</script>
</head>

<body>
<p>Esta página contiene el quinto script</p>
</body>
</html>

6.<html>
<head>
<title>El sexto script</title>

<script>
  var mensaje1 = "Hola";
var mensaje2 = "Mundo";
var mensaje = mensaje1 + " " + mensaje2; // mensaje = "Hola Mundo"
</script>
</head>

<body>
<p>Esta página contiene el sexto script</p>
</body>
</html>

7.
<html>
<head>
<title>El septimo script</title>

<script>
  var mensaje1 = "Hola";
var mensaje2 = mensaje1.toUpperCase(); // mensaje2 = "HOLA"
</script>
</head>

<body>
<p>Esta página contiene el septimo script</p>
</body>
</html>

8.
<html>
<head>
<title>El octavo script</title>

<script>
  var mensaje1 = "HolA";
var mensaje2 = mensaje1.toLowerCase(); // mensaje2 = "hola"
</script>
</head>

<body>
<p>Esta página contiene el octavo script</p>
</body>
</html>

9.
<html>
<head>
<title>El noveno script</title>

<script>
  var mensaje = "Hola";
var letra = mensaje.charAt(0); // letra = H
letra = mensaje.charAt(2);     // letra = l
</script>
</head>

<body>
<p>Esta página contiene el noveno script</p>
</body>
</html>

10.
<html>
<head>
<title>El decimo script</title>

<script >
  var mensaje = "Hola";
var posicion = mensaje.indexOf('a'); // posicion = 3
posicion = mensaje.indexOf('b');     // posicion = -1
</script>
</head>

<body>
<p>Esta página contiene el decimo script</p>
</body>
</html>

11.
<html>
<head>
<title>El undecimo script</title>

<script>
  var mensaje = "Hola";
var posicion = mensaje.lastIndexOf('a'); // posicion = 3
posicion = mensaje.lastIndexOf('b');     // posicion = -1
</script>
</head>

<body>
<p>Esta página contiene el undecimo script</p>
</body>
</html>

12.
<html>
<head>
<title>El doceavo script</title>

<script>
  var mensaje = "Hola Mundo";
var porcion = mensaje.substring(2); // porcion = "la Mundo"
porcion = mensaje.substring(5);     // porcion = "Mundo"
porcion = mensaje.substring(7);     // porcion = "ndo"
</script>
</head>

<body>
<p>Esta página contiene el doceavo script</p>
</body>
</html>

13.
<html>
<head>
<title>El trece script</title>

<script >
  var mensaje = "Hola Mundo";
var porcion = mensaje.substring(-2); // porcion = "Hola Mundo"
</script>
</head>

<body>
<p>Esta página contiene el trece script</p>
</body>
</html>

14.
<html>
<head>
<title>El catorce script</title>

<script>
  var mensaje = "Hola Mundo";
var porcion = mensaje.substring(1, 8); // porcion = "ola Mun"
porcion = mensaje.substring(3, 4);     // porcion = "a"
</script>
</head>

<body>
<p>Esta página contiene el catorce script</p>
</body>
</html>

15.
<html>
<head>
<title>El quince script</title>

<script >
  var mensaje = "Hola Mundo";
var porcion = mensaje.substring(5, 0); // porcion = "Hola "
porcion = mensaje.substring(0, 5);     // porcion = "Hola "
</script>
</head>

<body>
<p>Esta página contiene el quince script</p>
</body>
</html>

16.
<html>
<head>
<title>El diesciseis script</title>

<script >
  var mensaje = "Hola Mundo, soy una cadena de texto!";
var palabras = mensaje.split(" ");
// palabras = ["Hola", "Mundo,", "soy", "una", "cadena", "de", "texto!"];
</script>
</head>

<body>
<p>Esta página contiene el diesciseis script</p>
</body>
</html>

17.
<html>
<head>
<title>El diescisiete script</title>

<script >
  var palabra = "Hola";
var letras = palabra.split(""); // letras = ["H", "o", "l", "a"]
</script>
</head>

<body>
<p>Esta página contiene el diescisiete script</p>
</body>
</html>

y se realizo evaluacion sobre el tema de javascript