Como pueden ver, el cuadro que aparece al abrir el blog nos presenta un pequeño acertijo. ¿Pudieron resolverlo?
He aquí el código que usé para colocarlo:
<script type='text/javascript'>
cats = prompt ("Dentro de una habitación se han metido algunos gatos, cada gato en un rincón, cada gato ve tres gatos. Cuántos gatos son?",
"?");
if (cats == respuesta correcta)
{
alert ("Bien hecho!")
}
else if (cats != respuesta correcta)
{
alert ("Piénsalo mejor")
}
</script>
Como pueden ver, en el prompt no hice la gran cosa. Pero en la alert use un condicional, mejor dicho, dos: if y else if. El uso de estos condicionales es muy sencillo. Quiere decir que si el prompt (al cual llame cats) es igual a la respuesta correcta (nótese que use un doble igual para comparar el prompt con el valor de la respuesta) entonces... la alert debe decirte "Bien hecho!". Por otra parte (else if) si el prompt tiene una respuesta incorrecta la alert mostrará otro mensaje.
¿Notaron las llavecitas en el código? Pues me dio curiosidad y me puse a googlear. Resultó que estas llavecitas se usan (siempre en pares) para definir bloques en los que hay diferentes objetos y atributos con distintos valores, también al establecer funciones. Por ejemplo en este caso, cats podía asumir un valor numérico correcto, o uno errado.
¿Está clara la explicación?
Sepan todos que soy nueva, muy nueva en esto, así que voy probando y reprobando cada pedacito de código que escribo. Pero me parece que escribirlo aquí es una buena manera de no aprender sola.
Después de todo, juntos es mejor!
jueves, 11 de febrero de 2016
martes, 9 de febrero de 2016
Prompt!
Hola a todos otra vez!
Sigo estudiando en Platzi el curso de programación básica. Y así como puse a prueba lo que aprendí sobre las alerts, hoy pongo a prueba lo que entendí sobre los prompts. Como habrán visto, al ingresar aparece un cuadro preguntando por el país de origen del visitante. Eso lo logré insertando la función prompt dentro de la etiqueta script.
<head>
<script type='text/javascript'>
prompt ("Where are you from?",
"Perú");
</script>
</head>
Como pueden ver en el pedacito de código que coloqué líneas arriba los parámetros de la función son dos cadenas de texto. La primera "Where are you from?" actúa como pregunta del prompt, y añadiéndole una coma (,) puedo introducir otra cadena de texto que aparezca como respuesta predeterminada en el prompt. En mi caso coloqué mi país de origen; Perú.
Por cierto algo curioso que noté, es que las " se transforman cuando guardo el código y en su lugar aparece: " ¿Por qué? ¿Tendrá algo que ver con la codificación en la que se encuentran las plantillas de blogger? Por lo menos no me ha ocasionado problemas.
Una parte más difícil fue lograr vincular el prompt que coloqué con una nueva alert... me costó un poco [un poco bastante], pero finalmente lo logré.
Para eso equiparé el prompt, usando =, al elemento country. Y luego coloqué este country en la alert usando el operador + y una cadena de texto. Quedó así:
<script type='text/javascript'>
country = prompt ("Where are you from?",
"Perú");
alert ("Greetings to "+ country)
</script>
Al principio no me salía porque estaba colocando country entre comillas, es decir lo convertía en una cadena de texto.
Hay otras cosas que he aprendido, pero las iré subiendo en estos días. Por lo pronto quedan pendientes usar number (y su equivalente parseInt), espero poder actualizar eso antes del fin de semana.
Hasta aquí por ahora.
Sigo estudiando en Platzi el curso de programación básica. Y así como puse a prueba lo que aprendí sobre las alerts, hoy pongo a prueba lo que entendí sobre los prompts. Como habrán visto, al ingresar aparece un cuadro preguntando por el país de origen del visitante. Eso lo logré insertando la función prompt dentro de la etiqueta script.
<head>
<script type='text/javascript'>
prompt ("Where are you from?",
"Perú");
</script>
</head>
Como pueden ver en el pedacito de código que coloqué líneas arriba los parámetros de la función son dos cadenas de texto. La primera "Where are you from?" actúa como pregunta del prompt, y añadiéndole una coma (,) puedo introducir otra cadena de texto que aparezca como respuesta predeterminada en el prompt. En mi caso coloqué mi país de origen; Perú.
Por cierto algo curioso que noté, es que las " se transforman cuando guardo el código y en su lugar aparece: " ¿Por qué? ¿Tendrá algo que ver con la codificación en la que se encuentran las plantillas de blogger? Por lo menos no me ha ocasionado problemas.
Una parte más difícil fue lograr vincular el prompt que coloqué con una nueva alert... me costó un poco [un poco bastante], pero finalmente lo logré.
Para eso equiparé el prompt, usando =, al elemento country. Y luego coloqué este country en la alert usando el operador + y una cadena de texto. Quedó así:
<script type='text/javascript'>
country = prompt ("Where are you from?",
"Perú");
alert ("Greetings to "+ country)
</script>
Al principio no me salía porque estaba colocando country entre comillas, es decir lo convertía en una cadena de texto.
Hay otras cosas que he aprendido, pero las iré subiendo en estos días. Por lo pronto quedan pendientes usar number (y su equivalente parseInt), espero poder actualizar eso antes del fin de semana.
Hasta aquí por ahora.
lunes, 1 de febrero de 2016
Alert
Para empezar me disculpo por la inactividad en la que ha estado el blog. Enero ha sido para mí un mes bastante agitado, así que no he podido avanzar en mis estudios de desarrollo web, ni en mis investigaciones personales.
Sin embargo, este fin de semana me dediqué un poco a organizarme y a elegir los cursos que pensaba tomar en este verano (o en lo que resta de él), así que mientras espero el inicio de los cursos que llevaré en MiriadaX decidí seguir con mi formación en Platzi.
Es así como siguiendo un tutorial de media hora me introfuje en la amistad entre HTML y JavaScript...
Con toda honestidad debo decir que ya sabía algo sobre las alerts, pero siempre las había aplicado desde Console... osea así:
Y las usaba, tal como se puede ver en la imagen, para hacerme compañía.
Pero hoy en el video, vi como insertarlas dentro de una página utilizando la etiqueta <script> dentro de <head> así que decidí probarlo. Sé que es recomendable mantener separados el código en HTML del que está en JavaScript vinculándolos luego usando el atributo src, pero como esto era una prueba, decidí trabajarlo junto y no se me ocurrió mejor campo de pruebas que mi blog.
Así que inserté el código necesario para dar un alert (o sería una alert?) con un pequeño mensaje. El código quedó así:
... y el resultado se visualiza así, en Android y en Windows:
Voy a seguir estudiando y procuraré tener un nuevo post pronto. C=
Sin embargo, este fin de semana me dediqué un poco a organizarme y a elegir los cursos que pensaba tomar en este verano (o en lo que resta de él), así que mientras espero el inicio de los cursos que llevaré en MiriadaX decidí seguir con mi formación en Platzi.
Es así como siguiendo un tutorial de media hora me introfuje en la amistad entre HTML y JavaScript...
Con toda honestidad debo decir que ya sabía algo sobre las alerts, pero siempre las había aplicado desde Console... osea así:
Y las usaba, tal como se puede ver en la imagen, para hacerme compañía.
Pero hoy en el video, vi como insertarlas dentro de una página utilizando la etiqueta <script> dentro de <head> así que decidí probarlo. Sé que es recomendable mantener separados el código en HTML del que está en JavaScript vinculándolos luego usando el atributo src, pero como esto era una prueba, decidí trabajarlo junto y no se me ocurrió mejor campo de pruebas que mi blog.
Así que inserté el código necesario para dar un alert (o sería una alert?) con un pequeño mensaje. El código quedó así:
... y el resultado se visualiza así, en Android y en Windows:
Voy a seguir estudiando y procuraré tener un nuevo post pronto. C=
martes, 8 de diciembre de 2015
Formatos de tablas en HTML
Cuando realicé la actividad 4, el código que me daban incluía elementos de CSS, se trataba de la etqueta <style> y se ubicaba dentro de <head>, era así:
<style>
table, tr, th, td {
border: 1px solid black;
}
</style>
Esas líneas de código eran las encargadas de hacer que la tabla se viera linda y ordenada con sus líneas. Sin embargo al copiar al blog la tabla no pude incluir esa parte porque no estaba dentro de lo visible y el editor HTML de blogger simplemente me desaparecía esas líneas.
Así que me di a la tarea de ver cómo colocar las líneas sin necesidad de CSS, con puro HTML. Pues bien, en esta página encontré la información que buscaba. Y haciendo uso de los atributos de la etiqueta <table>, pude hacer que me quedara más ordenada la dichosa tablita.
Concretamente los atributos que utilicé fueron border (para el grosor), frame (para el borde externo) y rules (para líneas internas) Colocados en el editor de HTML de blogger quedaron así:
Así que me di a la tarea de ver cómo colocar las líneas sin necesidad de CSS, con puro HTML. Pues bien, en esta página encontré la información que buscaba. Y haciendo uso de los atributos de la etiqueta <table>, pude hacer que me quedara más ordenada la dichosa tablita.
Concretamente los atributos que utilicé fueron border (para el grosor), frame (para el borde externo) y rules (para líneas internas) Colocados en el editor de HTML de blogger quedaron así:
<table border="2" frame="border" rules="all">
Hay otros atributos, y sé que el CSS es mucho más recomendable para embellecer la presentación de la página, pero dado que aún no aprendo bien CSS (lo poco que sé lo aprendí de manera empírica) creo que estas etiquetas pueden ser de ayuda.
Hay otros atributos, y sé que el CSS es mucho más recomendable para embellecer la presentación de la página, pero dado que aún no aprendo bien CSS (lo poco que sé lo aprendí de manera empírica) creo que estas etiquetas pueden ser de ayuda.
lunes, 7 de diciembre de 2015
Tablas
Estuve practicando las tablas en HTML. Es bastante pesado eso de colocar la etiqueta <td>...</td> al menos manualmente, como en el ejercicio propuesto en la actividad 4.5, sin embargo sé que en los diferentes editores hay medios mucho más fáciles para llevar a cabo semejante labor.
De todos modos.es algo que pienso probar más adelante. Por ahora les comparto mis resultados de la actividad 4.5 del módulo de desarrollo Web:
Fuente: Índice de desempleo anual, Eurostat
P.D. Como bien saben escribí este posteo usando la redacción en HTML, y me di con la sorpresa de que las etiquetas <td> y </td> no se mostraban cuando las escribía, así que tuve que regresar al modo normal para colocarlas.
P.D.P.D. Eso y el hehco de que me cambie la etiqueta <p> por <br /> es lo único que me molesta... Por ahora tengo el reto de averiguar como colocar os bordes en HTML sin usar el CSS que me daba el ejercicio.
De todos modos.es algo que pienso probar más adelante. Por ahora les comparto mis resultados de la actividad 4.5 del módulo de desarrollo Web:
El desempleo en España
La siguiente tabla muestra la evolución del desempleo en España, comparado con la media de los 27 países de la Unión Europea, Grecia, que compite con España en ser el primero en esta vergonzosa competición y Estados Unidos y Japón, dos de las primeras economías mundiales.| País | 2000 | 2001 | 2002 | 2003 | 2004 | 2005 | 2006 | 2007 | 2008 | 2009 | 2010 | 2011 | 2012 | 2013 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| UE (27 países) | 8.9 | 8.7 | 9 | 9.1 | 9.3 | 9 | 8.2 | 7.2 | 7 | 9 | 9.6 | 9.6 | 10.4 | 10.8 |
| España | 11.9 | 10.6 | 11.5 | 11.5 | 11 | 9.2 | 8.5 | 8.2 | 11.3 | 17.9 | 19.9 | 21.4 | 24.8 | 26.1 |
| Grecia | 11.2 | 10.7 | 10.3 | 9.7 | 10.6 | 10 | 9 | 8.4 | 7.8 | 9.6 | 12.7 | 17.9 | 24.5 | 27.5 |
| Estados Unidos | 4 | 4.8 | 5.8 | 6 | 5.5 | 5.1 | 4.6 | 4.6 | 5.8 | 9.3 | 9.6 | 8.9 | 8.1 | 7.4 |
| Japón | 4.7 | 5 | 5.4 | 5.3 | 4.7 | 4.4 | 4.1 | 3.9 | 4 | 5.1 | 5.1 | 4.6 | 4.3 | 4 |
Fuente: Índice de desempleo anual, Eurostat
P.D. Como bien saben escribí este posteo usando la redacción en HTML, y me di con la sorpresa de que las etiquetas <td> y </td> no se mostraban cuando las escribía, así que tuve que regresar al modo normal para colocarlas.
P.D.P.D. Eso y el hehco de que me cambie la etiqueta <p> por <br /> es lo único que me molesta... Por ahora tengo el reto de averiguar como colocar os bordes en HTML sin usar el CSS que me daba el ejercicio.
lunes, 9 de noviembre de 2015
Los tres pilares de la Web
Tim Berners-Lee es considerado el padre de la Web porque desarrolló los tres elementos básicos para el funcionamiento de la Web:
Fuente: HTML, Wikipedia
Fuente: HTTP, Wikipedia
Fuente: URL, Wikipedia
HTML
HTML, siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para 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, entre otros. Es un estándar a cargo de la W3C, 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. Es el lenguaje con el que se definen las páginas web.Fuente: HTML, Wikipedia
HTTP
Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1.Fuente: HTTP, Wikipedia
URL
Un localizador de recursos uniforme o URL —siglas en inglés de Uniform Resource Locator— es un identificador de recursos uniforme (URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo. Están formados por una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que designa recursos en una red, como Internet.Fuente: URL, Wikipedia
viernes, 6 de noviembre de 2015
Para los fans de Batman
Curriculum Vitae de Bruce Wayne
Datos personales
- Nombre completo: Bruce Wayne
- Fecha de nacimiento: 1/5/1939
- Lugar de nacimiento: Gotham City
Formación académica
- 1956-1961: Universidad del Espantapájaros
- 1952-1956: Instituto de Dos Caras
- 1944-1952: Escuela Primaria del Joker
Experiencia laboral
- 1975-1985: En el paro
- 1965-1975: Cazavillanos y demás chusma
- 1962-1965: Aprendiz de superhéroe
Esto lo hice con la info de la actividad 2.12 de IDesWeb. Y luego lo escribí en el blog usando la entrada de html