HTML, evaluacion

-Hoy realizamos la segunda habilidad del periodo, y la recuperación de la primera habilidad, todos los que pusieron la url en la web del colegio, se les dio la recompensa de hacer las evaluaciones en grupo, la evaluacion se podia con quien quisiera y con apuntes.

Esta fue la evaluacion:

manejp de imagenes: http://www.redaragon.com/informatica/htmlb/cap7.asp

HTML, evaluación

-Hoy realizamos una evaluación sobre el tema visto y los tutoriales que aparecían en la pagina web, la evaluación era individual y era la primera habilidad del tercer periodo, pero quien haya perdido esta habilidad tendría oportunidad si el martes 26 de julio pasan la evaluación, quien no la pase no tendrá mas oportunidad de recuperar esta habilidades.

Formateo de texto.

El formateo del texto, o sea, el formato del texto, son una serie de etiquetas que escribimos en html rodeando la palabra o el texto y que transforman ese texto en el formato que nosotros le hemos querido dar. 

Anteriormente ya hemos visto en un pequeño texto introductorio como se ponía la negrita y la itálica. Pero eso era solamente introductorio. A continuación lo vamos a explicar de una forma más detallada.

Las etiquetas deben rodear al texto. Es decir, la etiqueta debe abrirse y cerrarse, conteniendo el texto o la palabra que queramos transformar, entre medias. En el ejemplo de la negrita se abriría  <b> y se cerraría </b>.

Se pueden combinar diferentes formatos, o sea, diferentes etiquetas. Por ejemplo, si queremos que un texto esté en negrita y en cursiva escribiríamos esto:

<b><i>Este texto está escrito en negrita y en cursiva</i></b>.Cuando combines, ten cuidado a la hora de cerrar las etiquetas. Debes cerrar las etiquetas por orden, de la más interior a la más exterior. Por último, recordad que podéis escribir las etiqutes en minúsculas o en mayúsculas. 

Vamos con los diferentes formateos html que podemos encontrar:

Negrita

Existen dos etiquetas que harán que nuestro texto se convierta en negrita. La utilización de cualquiera de ellas es indiferente. Puedes usar la que prefieras. 

La primera es la etiqueta <b> y la otra es la etiqueta <strong>. Aquí va un ejemplo: 

Este palabra la vamos a poner en <b>negrita</b> y esta otra <strong>también</strong> Este palabra la vamos a poner en negrita y esta otra también

Cursiva

Para escribir un texto en cursiva debemos utilizar la etiqueta <i> (y por supuesto cerrarla con la etiqueta </i>).

También podemos utilizar la etiqueta <em>. Como en el caso de la negrita, es indiferente el uso de una u otra. Aquí os dejo un ejemplo:

Este palabra la vamos a poner en <i>cursiva</i> y esta otra <em>también</em> Este palabra la vamos a poner en cursiva y esta otra también

Subrayado

Si queremos que la palabra o el texto quede subrayado, deberemos rodearlo con la etiqueta <u> y cerrarlo con su correspondiente etiqueta. O sea, </u>. Así subrayaríamos una frase importante:

<u>Así subrayaríamos una frase importante</u> Así subrayaríamos una frase importante

Texto con espaciado simple o TT

TT son las iniciales de “teletype”. Utilizando esta etiqueta conseguiremos un espaciado simple entre las diferentes letras del texto. Abriremos la etiqueta con <tt> y la cerraremos con </tt>.

<tt>Esta frase la vamos a escribir de forma espaciada </tt> Esta frase la vamos a escribir de forma espaciada

Palabras más grandes o más pequeñas

Puede que en una frase queramos destacar un palabra por medio de una variación de tamaño sin necesidad de utilizar los encabezados(los explicaremos más adelante). Pues esta variación de tamaño la conseguiremos gracias a las etiquetas <big> y <small>. 

Sus propios nombres en inglés nos indican cuáles serán sus funciones: <big> agrandará el texto y <small> lo disminuirá. 

Cada vez que escribamos una etiqueta, haremos el texto un punto más grande. Pero estas etiquetas también la podemos combinar, por lo que si escribimos dos veces la etiqueta <big>, haremos crecer la palabra dos puntos.

Un ejemplo sería el siguiente:

Esta palabra se va a escribir <small>pequeñita</small>, esta se va a escribir <big>más grande</big> y ésta <big><big>más grande aún</big></big>. Esta palabra se va a escribir pequeñita, esta se va a escribir más grande y ésta más grande aún.

Superíndices y subíndices

Mediante el Html también podemos escribir fórmulas matemáticas.  Gracias a las etiquetas siguientes podrás escribir subíndices y superíndices fácilmente. La etiqueta <sub> te servirá para escribir un subíndice y <sup> será tu etiqueta para un superíndice.

Así nos queda un ejemplo como el siguiente:

Gracias a estas etiquetas podemos escribir cualquier formula matemática como esta: H <sub>2</sub> O o números elevados a potencias 7<sup>3</sup>. Gracias a estas etiquetas podemos escribir cualquier formula matemática como esta: H 2 O o números elevados a potencias 73.

Texto tachado

Existen tres etiquetas diferentes que nos servirán para conseguir que nuestro texto se quede tacahado. Hablamos de las etiquetas <strike>, <s> y <del>. Ambas nos ofrecen el mismo resultado. Aquí tienes la muestra:

Si la palabra no me gusta la puedo tachar <strike>así</strike>, <s>así</s> o <del>así</del>. ¡Lo mismo me da! Si la palabra no me gusta la puedo tachar así, así o así. ¡Lo mismo me da!

Tomado de: http://html.hazunaweb.com/103.php

HTML

HTML 

¿QUÉ ES Y PARA QUÉ SIRVE HTML?

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

 Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.

ALGO DE HISTORIA

HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial y relativamente simple de HTML. Varios de estos elementos se conservan en la actualidad. Otros se han dejado de usar, y muchos otros se han ido añadiendo con el paso de los años. De esta manera, podemos hablar de que han existido distintas versiones de HTML a lo largo de la historia de internet. Nosotros vamos a trabajar con el HTML estándar actual, que es el utilizado por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a prestarle atención a las versiones y especificidades de cada versión, ya que el objetivo de este curso es aprenderlos fundamentos de HTML y entender cómo funciona, no conocer la sintaxis o especificidades de una versión concreta. ¿Por qué no le damos importancia a la versión? Porque una persona que cuenta con los fundamentos y comprensión básica sobre el lenguaje es capaz de adaptarse a las características particulares de una versión sin problema. En cambio, centrarse en los detalles de una versión sin conocer los fundamentos hará que no tengamos capacidad para comprender lo que hacemos ni para adaptarnos a los continuos cambios que tienen lugar en el ámbito de los desarrollos web.

Tomado de: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-importante-para-crear-paginas-webs-html-tags-cu00704b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192

* un sitio web es crear una carpeta; Los nombres de las carpetas y archivos deben ser en minuscula, dichos nombres no pueden tener espacios en blancos y caracteres especiales como: ñ.Ñ

Etiquetas 

Las etiquetas son marcas que se usan para señalar el inicio y el fin de un elemento.

Etiquetas cerradas:

<title> mi paginita</title>

Etiquetas abiertas:

<img src = "arbol.jpg">

<img src = "arbol.jpg"   >

Todas las etiquetas comparten el mismo formato: empiezan con el signo menor que "<" y terminan con el signo mayor que ">".

Por lo general, hay dos tipos de etiquetas: la etiquetas de inicio, por ejemplo, <html>, y las etiquetas de cierre, por ejemplo, </html>. La única diferencia entre la etiqueta de inicio y la de cierre es la barra oblicua "/". El contenido queda etiquetado al colocarlo entre una etiqueta de inicio y una etiqueta de cierre.

ETIQUETAS IMPORTANTES DE HTML

Estas son las etiquetas más importantes de HTML, aplica su utiliza en tu proyecto Web y veras como puedes mejorar su presentación, aunque algunas ya las hemos visto otras son nuevas y de mucha aplicación en HTML. No olvides reemplazar los paréntesis por los signos <>.

• (html).....(/html): Es una etiqueta cerrada que determina el inicio del documento html. Todas las demás etiquetas que contiene un documento html, para que sean reconocidas por los navegadores WEB deben estar incluidas dentro de estas dos instrucciones.

                                                                             

• (head)....(/head): Esta etiqueta determina la cabecera del documento dentro del encabezado pueden ir otras etiquetas como (title)(/title)ó (meta).

• (title)....(/title): Es una instrucción cerrada donde se incluye el titulo de la pagina web.

• (meta): instrucción que es abierta, sirve para indicar el contenido y las palabras clave de la pagina web.

• (!-- Comentarios --): Para incluir comentarios en la página web se utiliza esta instrucción.

• (body)....(/body): Dentro de esta instrucción cerrada, es donde va a ir todo el contenido que queramos que tenga nuestra página web. Dentro de sus atributos importantes encontramos: background="nombre del fichero", Para colocar una imagen como fondo de la pagina. bgcolor="black", Para colocarle un color de fondo a nuestra pagina, en este caso el color será el negro pero puede variar. text="white", Indica un color para el texto que incluyamos en nuestro documento, en este caso será blanco, pero por defecto es negro.

Tomado de: http://katiapautt.blogspot.com.co/2011/05/etiquetas-importantes-de-html.html

Vacaciones

Salimos a vacaciones el 10 de junio y regresamos a clase el 11 de julio.

Entrega definitivas segundo bimestre

-Mi definitiva me quedaba en 67, el profesor dio la posibilidad de ayudarnos con muchas estrategias, las cuales fueron:

*Quien hizo las pruebas saber de la vanguardia y le mandara los resultados a la coordinadora académica, obtenía puntos y podía subir su definitiva 

*Quien tuviera el blog actualizado y en acumulativo fuese sacado 100, le quedaba su definitiva en  75

A mi me sirvió la estrategia segunda, así que mi definitiva quedo en 77

Nos dio muchos consejos para el tercer periodo para que nos vaya super bien, finzaliza segundo Bimestre, salimos a vacaciones 

Acumulativo 2 Periodo

Acumulativo del segundo periodo

-Hoy tuvimos el acumulativo del segundo periodo, pero yo no asistí a clase.


-El viernes 3 de junio,   a las 7:20 presente el acumulativo,  de las cuales me hicieron dos preguntas,  Y respondí la última,  la pregunta fue si tenía los ejercisios de mayo 3, Tipo de Acumulativo : Oral. 


-Dijo que los que queríamos adelantar tema para el tercer periodo íbamos a ver JavaScript.

Prueba saber

-Para los que no teníamos el blog actualizado nos toco presentar la evaluación, los que tenían el blog actualizado sacaban 100 en la habilidad.

TEMA: Taller

Diseñar un algoritmo que permita emitir la factura correspondiente, aplicandole el iva (16%) y si el precio es de la factura es mayor a 500 se le da un descuento del 15%.

Repaso para el acumulativo 

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