viernes, 19 de julio de 2013

Software para la elaboración de horarios de clases

Una de las tareas básicas de cualquier centro escolar es la generación de horarios. En la mayoría de los casos, los maestros presentan distintas situaciones en cuanto a su disponibilidad de horario, por lo que la tarea puede tornarse compleja.

Una solución para esto es el software llamado ASC HORARIOS.

Este software permite capturar la información relativa a la cantidad de clases, días, maestros, materias, grupos y disponibilidades, y genera horarios que traten de cumplir con estos requerimientos.

Para descargar el software, haz clic aquí.


Publicado por en No hay comentarios:

viernes, 12 de julio de 2013

Distintos formatos en el texto

En esta práctica veremos distintas formas en las que se puede presentar un texto.

Copia y pega el siguiente código en bloc de notas y guárdalo como sextapagina.html

<html>
<head>
<title>
La quinta p&aacute;gina web
</title>
</head>
<body bgcolor="#00ff00">
<center><h1>Distintos formatos de texto</h1></center>
<hr>
<br>
En un texto, se pueden aplicar distintos formatos; a continuaci&oacute;n se presentan los m&aacute;s usuales:

<ul>
<li><b>Texto predeterminado (PRE)</b>: Es un texto que aparece como si estuviera escrito con m&aacute;quina de escribir. Por ejemplo: <pre>Este es un texto muy antiguo</pre>
<li><b>Formato de texto (FONT)</b>: En esta etiqueta se pueden presentar distintos par&aacute;metros para modificar el texto. Por ejemplo: <font face="Arial" color="#012345" size="6">Este es un texto con letra Arial, en un color extra&ntilde;o y con un tama&ntilde;o diferente al resto del texto. </font>
<li><b>Texto en negrita (B)</b>: Muestra el texto en negrita. El ejemplo lo puedes notar en cada una de las viñetas que aparecen en esta lista.
<li><b>Texto en cursiva (I)</b>: Muestra el texto en <i>cursiva</i>
<li><b>Texto subrayado (U)</b>: Coloca una l&iacute;nea debajo del texto <u>de esta manera</u>
<li><b>Texto tachado (S)</b>: Coloca una l&iacute;nea en medio del texto. <s>Como si algo estuviera mal </s>
<li><b>Texto agrandado (BIG)</b>: Muestra en texto en un tama&ntilde;o <big>mayor</big>
<li><b>Texto disminuido (SMALL)</b> Muestra el texto en un tama&ntilde;o <small>menor</small>
</ul>
<p>Por consiguiente, podemos aplicar muchos y muy distintos formatos a nuestros textos.
<p><marquee>Un texto que viaja de un lado a otro es porque quiz&aacute; sea interesante.</marquee>
</body>
</html>

CONTESTA:
¿Qué significan los textos entre paréntesis de cada una de las viñetas?
¿Qué significa MARQUEE?
Publicado por en 4 comentarios:

lunes, 8 de julio de 2013

Fondo de color

En una página web, es muy importante utilizar la mayor cantidad de recursos gráficos para lograr nuestra intención. En este tema, usaremos un atributo nuevo para la etiqueta BODY y usaremos otra etiqueta nueva: FONT.

Cuando escribimos la etiqueta BODY, podemos agregar la palabra BGCOLOR (color de fondo), un signo de = y, entre comillas, el código del color que queramos utilizar (puedes ver estos códigos en el siguiente enlace.

Por ejemmplo:

<body bgcolor="#0000FF">

Nos dará un fondo de color azul.

Después de la etiqueta BODY, podemos escribir la etiqueta FONT con sus atributos FACE (nombre de la fuente), COLOR (color de la fuente) y SIZE (tamaño de la fuente).

Por ejemplo:

<font color="#993366" size="4" face="Arial">HOLA</font>

Nos dará otro resultado.


Copia el siguiente código:



<html> <head> <title> Quinta p&aacute;gina </title> </head>
<body bgcolor="#0000FF">
<font color="#FF0000" size="6" face="Arial">
<center><h1>El Principito</h1>
<br><i>CAP&Iacute;TULO VI</i></center>
<p><hr><p>
Ah, principito! as&iacute; fui comprendiendo poco a poco tu peque&ntilde;a vida melanc&oacute;lica. Por mucho tiempo no hab&iacute;as tenido por distracci&oacute;n m&aacute;s que la dulzura de las puestas de sol. Me enter&eacute; de este nuevo detalle el cuarto d&iacute;a a la ma&ntilde;ana, cuando me dijiste:
<p>- Me encantan las puestas de sol. Vamos a ver una puesta de sol...
<br>- Pero hay que esperar...
<br>- Esperar qu&eacute; ?

- Esperar a que se ponga el sol.

Primero pareciste muy sorprendido, y luego te re&iacute;ste de ti mismo. Y me dijiste:

- Siempre creo que estoy en casa !

En efecto. Cuando es el mediod&iacute;a en Estados Unidos, el sol, como todo el mundo sabe, se pone en Francia. Bastar&iacute;a poder ir a Francia en un minuto para asistir a la puesta del sol. Lamentablemente, Francia est&aacute; demasiado alejada. Pero en tu planeta tan peque&ntilde;o, te alcanzaba con correr tu silla algunos pasos. Y mirabas el crep&uacute;sculo cada vez que lo deseabas...

- Un d&iacute;a, vi al sol ponerse cuarenta y tres veces !

Y un poco m&aacute;s tarde agregabas:

- Sabes... cuando se est&aacute; tan triste a uno le gustan las puestas de sol...

- El d&iacute;a de las cuarenta y tres veces estabas entonces muy triste ? Pero el principito no respondi&oacute;.
Publicado por en No hay comentarios:

Ejercicio

Utiliza tus conocimientos ( :D ) en HTML para crear una página que contenga:

Encabezado
Descripción personal
Caracteres especiales (acentos)
Negritas, cursivas

Copia en el comentario tu código :)
Publicado por en No hay comentarios:

Caracteres especiales

Esta es una página muy importante, porque por fin podremos utilizar acentos, la letra "ñ", etc.

Los caracteres especiales son aquellos que no son comunes en todos los lenguajes, por lo que para HTML debemos escribir un código específico. Para verlo con un ejemplo, copia el siguiente código.


<html>
<head>
<title> Caracteres Especiales </title></head>
<body>
<h1><center>Caracteres Especiales</center></h1>
<br><hr><br>
En la escritura de nuestro idioma (espa&ntilde;ol) existen palabras agudas, graves o esdr&uacute;julas. Estas son las reglas de acentuaci&oacute;n:

<ul>
<li>Las <b>palabras agudas</b> son aquellas que tienen la fuerza de la acentuaci&oacute;n en la &uacute;ltima s&iacute;laba. Llevan tilde cuando terminan en "n", "s" o vocal. Por ejemplo: <i>blas&oacute;n, constituci&oacute;n, ser&aacute;n. </i>
<li>Las <b>palabras graves</b> son aquellas que tienen la fuerza de la acentuaci&oacute;n en la pen&uacute;ltima s&iacute;laba. Llevan tilde cuando terminan en cualquier consonante menos "n" o "s". Por ejemplo: <i> car&aacute;cter, l&aacute;piz.</i>
<li>Las <b>palabras esdr&uacute;julas</b> tienen la fuerza de acentuaci&oacute;n en la antepen&uacute;ltima s&iacute;laba. Todas llevan tilde. Por ejemplo: <i>r&eacute;mora, M&eacute;xico, etc&eacute;tera.
</ul>
</body>
</html>


Contesta en el comentario:

¿Cómo se ponen los acentos en el código HTML?
Para qué sirven las etiquetas <b> y <i>?
Publicado por en 5 comentarios:

Encabezados

Teclea en bloc de notas el siguiente texto:



<html>
<head>
<title>
Tercera pagina
</title>
</head>
<body>
<h1><center>La tercera pagina</center></h1>
<p><hr><p>
En esta pagina veremos los niveles de encabezado que pueden realizarse; observa el comportamiento de cada una de las etiquetas:
<p><h1>Texto con h1</h1>
<br><h2>Texto con h2</h2>
<br><h3>Texto con h3</h3>
<br><h4>Texto con h4</h4>
<br><h5>Texto con h5</h5>
<br><h6>Texto con h6</h6>
<p>Estos fueron los encabezados.
</body>
</html>



Guárdalo como paginatres.html y contesta:

¿Cómo se utilizan los encabezados en HTML?
Publicado por en 4 comentarios:

viernes, 5 de julio de 2013

Listas numeradas y no numeradas

Copia y pega en Bloc de Notas el siguiente código. Guárdalo como paginados.html

<html>
<head>
<title>
Segunda pagina
</title>
</head>
<body>
<center><h1>La segunda pagina</h1></center>
<p><hr><p>
En esta segunda pagina utilizaremos las listas ordenadas y no ordenadas (recuerden que el codigo esta en ingles, por lo que sera ol y ul respectivamente). Se utilizara etiqueta de apertura y de cierre para englobar la lista y se utilizara otra etiqueta para cada uno de los elementos (list item, li)
<p>Un ejemplo de lista numerada es: "Animales fantasticos"
<br>
<ol>
<li>Sirena
<li>Dragon
<li>Gnomo
</ol>
<p>Como podemos notar, a cada elemento se le asigno la etiqueta li para numerarlo.
<p>Tambien tenemos las listas no numeradas. Un ejemplo es: "Comida favorita"
<br>
<ul>
<li>Pizza
<li>Hamburguesas
<li>Enchiladas
</ul>
<p>Asi podemos hacer listas en nuestras paginas.
</body>
</html>

Contesta en comentarios:

¿Qué significan las etiquetas OL, UL, LI, P, BR, HR?

Saludos.
Publicado por en 4 comentarios:
Suscribirse a: Entradas (Atom)