Voluntariamente, si os animáis a resolver alguno o algunos utilizando programación en Python, solo tenéis que mandármelos.

Se recompensará...

Comments

Test CSS

y responded. Cuando consigais el 100% de aciertos, mandadme por e-mail el custionario.

¡Manos a la obra!

Comments

wiki de UbuntuTIC

y dejaremos aquí sólo las notificaciones, las noticias o las comunicaciones que nos parezcan interesantes. Como debe ser.

Saludos, nos vemos en el Wiki, y recordad que el conocimiento es colaborativo y se construye entre todos.

Comments

Hasta ahora habíamos trabajado con el editor de textos, hoy hemos utilizado el editor Bluefish,con el que también podemos programar en phyton.

Después de un breve repaso de la clase del miércoles anterior hemos aprendido a utilizar nuevos elementos, listas, tablas y comentarios :

LISTAS

Lista ordenada

Para indicar que comenzamos la lista escribimos la etiqueta

ol y para acabar la lista cerramos con /ol

.
Los elementos de la lista deben de estar comprendidos entre las etiquetas

li elemento /li

.
La lista quedara ordenada, iniciando cada elemento con un número (estarán ordenados).
Ejemplo:

ol
li azul /li
li amarillo /li
li rosa /li
li
/ol

Quedará así:

1. azul
2. amarillo
3. rosa
4. /ol>

   Lista desordenada

   Se hacen de igual manera que las listas ordenadas, solo que le cambian las etiquetas, la de cabecera será

   ul y la que cierra será /ul

   .
   Los elementos de la tabla se introducen con la misma etiqueta

   li elemento /li

   .
   Esta vez la tabla no aparece ordenada por números, sino que la encabezan puntos o cualquier dibujo que queramos ponerle.
   Ejemplo:

   ul
   li azul /li
   li amarillo /li
   li rosa /li
   /ul

   Y aparecerá así:

   • azul
   • amarillo
   • rosa

   TABLAS

   Para insertar una tabla se debe encabezar con la etiqueta

   y cerrar con

   .
   Las filas (horizontales) van con la etiqueta

   .
   Las celdas (verticales) con la etiqueta

   .
   Ejemplo:

   Quedará así:
   azul amarillo rosa
   rojo violeta verde

   # Una ayuda del Bluefish para insertar las tablas: haciendo clic en "tabla" y una vez allí en "asistente de tabla", seleccionas las celdas y filas que quieras, aceptas y apareceran todas las etiquetas de tabla que has seleccionado.

   P.D. De ninguna de las formas por las que insertes la tabla aparecerán las lineas de la tabla, el como poner las líneas lo veremos más adelante.

   COMENTARIOS

   Si necesitas apuntarte algun dato o cosa para luego ayudarte en el diseño de la página, puedes escribir un comentario. Al visualizar la página web el comentario no se verá, sólo se verá en el código fuente de la página.
   Para escribir un comentario se deben utilizar las etiquetas para cerrarlo.
   Ejemplo:
   

   P.D. Para ver el código fuente de una página tienes que hacer clic en "Ver" y una vez allí seleccionar la opción "código fuente de la página"

   Esto es todo, hasta otro día.

   azul	amarillo	rosa
   rojo	violeta	verde

Comments

En la siguiente dirección tenéis unas prácticas de GIMP que deberéis realizar:

Prácticas Guiadas de GIMP, www.gimp.org.es

Como veréis, utilizan una serie de imágenes de trabajo. Vosotros podéis usar cualquier otra imagen (que tengáis o que busquéis). Pero hay que seguir todos los pasos.

Cada vez que completéis una práctica, enviadme por e-mail el resultado. No hay plazos definitivos, por el momento. Intercalad este trabajo con el diseño de vuestra página web y con las prácticas de Python que iremos realizando.

¡Manos a la obra!

Comments

OPERACIONES CON CIFRAS:

*Código de suma en la terminal:
Si ponemos 3+4 pondrá 7, pero si ponemos print "3+4" lo interpretará como un texto y nos lo dejara igual pero sin comillas.

*Código de la Resta. (Son los mismos codigos que la suma pero con el signo menos)

*Código de la multiplicación:
print 4*5
20

*Código de división:
print 23/5
4
Da cuatro justo ya que le hemos ordenado que opere con números enteros
Si queremos ver el resto de la operación hay que poner:
print 23%5

*Código de división con decimales:
print 23.0/5
4.6
print 23/5.0
4.6

*Código de elevación al cubo:
print 2**3
8

OPERACIONES CON TEXTOS:

Suena raro pero con la terminal también podemos hacer que nos sume textos (se llama concatenar):

Suma:
print "hola"+"guapo"
holaguapo (lo devuelve todo unido)

print "hola " + "guapo"
hola guapo (nos lo devolvera espaciado)

Multiplicación:
print "guapo"*5
guapoguapoguapoguapoguapo

Variables:
fernando=45
print fernando (cada vez que ponga fernando interpretará 45)
45

print"fernado" (saldra fernando)
fernando

print fernando="estoy loco" (para dar 3 veces estoy loco...)
print fernado*3
estoy loco estoy loco estoy loco

Conversiones:
str(loquesea) se utiliza para convertir en textos
int(loquesea) número entero
float(loquesea) número flotante o con decimales

numero="45"
numero2="13"
print numero+numero2
4513 (los enlaza sin operarlos)

Si queremos que se sumen:
print int(numero)+int(numero2)

print 3+5
8
print str(3)+str(5)
35
print str(3+5)
8
print str(3)+"+"+str(5)
3+5

Para introducir un texto:

input("texto") (este intenta evaluarlo)
input_raw("texto") (nos lo devuelve igual que lo hemos escrito)

entrada=raw_input("introduce tu nombre")
introduce tu nombre

entrada=raw_input("introduce tu nombre")
introduce tu nombre: fernado
entrada
'fernando'

entrada=input("introduce tu nombre")
introduce tu nombre: fernando
entrada
"estoy loco"

entrada=raw_input("escribe algo:")
escibe algo:3+5
'3+5'

entrada=input("escribe algo:")
escribe algo: 3+5
entrada
8
-----------------------------------------------------------------
En un script: COMENTARIOS

Para que la se ignore lo que ponemos hay que poner (#)

#tonto
...

Ejemplo de programa en Python

#este programa suma dos numeros
numero1=input("escribe el primer numero:_")
numero2=input("escribe el segundo numero_")
resultado=numero1+numero2
print "su suma es: "+str (resultado)

Comments

*Trabajaremos con 2 archivos,uno para el aspecto(cuya extensión será .css) y otro para el contenido (de extensión .html o .htm).
Ya que los archivos que cargamos son planos los realizamos mediante un procesador de textos(gedit).
*El lenguaje de las páginas web inicialmente era HTML, ahora utilizamos XHTML que funciona con el concepto de etiquetas. Debemos escribirlas siempre en minúsculas y tienen la forma: texto que queremos modificar .La barra indica que allí acaba y cierra la orden indicada.

Una vez conocido esto,como está dicho anteriormente empezamos a crear la web mediante el procesador de textos:
Debemos definir bien la cabecera(con la etiqueta: ) y el cuerpo( ).Para poner el título en la barra del navegador debemos poner en la cabecera .
Para ir viendo lo que se va haciendo en el editor de textos guardamos el archivo y abrimos el navegador,buscamos en archivo nuestro archivo y lo abrimos.

Otras etiquetas usuales:

·etiquetas de cabecera:

<h1> </h1>

(se pueden poner hasta nivel 6)
se utilizan para indicar títulos y subtítulos.

·Marcador de párrafo: <p> </p>

·cambiar de línea: <br /> (se escribe sola)

·utilización de signos que no son del alfabeto anglosajón:
&código especial;

&ordm; º
&aacute; á
&Iacute; Í
&ntilde; ñ

·cambiar el peso de un texto:
remarcar <strong> </strong>
enfatizar <em> </em>

Comments

Comments

Comments

El intérprete de comandos se invoca escribiendo python en una terminal.

Podemos escribir de forma interactiva en el intérprete o ejecutar un archivo de texto con nuestras instrucciones al que le daremos un nombre con la extensión .py. Desde la terminal, podemos ejecutarlos con el comando python archivo.py.

Podemos ejecutar un archivo (script) python directamente siempre que le demos permisos de ejecución, añadamos como primera línea del script #! /usr/bin/env python y, finalmente, pongamos su ruta completa: ./archivo.py (suponiendo que está en el mismo directorio).

La instrucción print permite escribir en pantalla los valores que le proporcionemos. Los diferentes tipos los hemos visto con la instrucción type(): los textos, escritos entre comillas, son de tipo string (str), los números enteros son integer (int) y los números decimales son float.

Cada instrucción print escribe en una línea distinta salvo que añadamos una coma (,) detrás, en cuyo caso deja un único espacio de separación y escribe a continuación.

El operador + suma números, por supuesto, pero además concatena strings.

Continuará...

Comments

Curso de Ubuntu

No está actualizado a las nuevas versiones pero es un buen punto de partida.

Un saludo a todos/as.

Comments

Acaban de estrenar la nueva web oficial del Congreso, y el hecho es que ha resultado ser algo patético e indignante, casi un chiste.

Pero bueno, mirado positivamente nos puede servir como ejemplo de COMO NO HACER NUNCA UNA PÁGINA WEB. Miradlo en el link que os pongo a continuación. Manda...

Análisis de la Web del Congreso

Qué depresión.

Comments

En esta recta final, no está de más usar el siguiente link:

¿Cuánto tarda mi página en cargar?

Probadlo con vuestra dirección y veréis visualmente cómo es la carga de cada uno de los elementos que componen la página.

Así mismo, tampoco está de más una reflexión sobre el buen diseño:

Consejos y buenas prácticas con CSS

Y dos enlaces más, relacionado con el diseño y el trabajo con software libre y/o linux.

Quién necesita Dreamweaver

Caja de Herramientas de gnu-linux

Salud.

Comments

Bueno, bueno. Flash es todavía un software propietario, muy potente, eso sí. Pero probad a ver una animación flash con un ordenador cuyo procesador no sea intel o amd. Eso es un infierno. Yo, como profesor, os he de insistir en la accesibilidad y en los estándares, para que cualquiera, con cualquier equipo y desde cualquier lugar pueda acceder a la información que desee.

Javascript es un estándar, vale. Aunque hay matices. Y, desde luego, un conocimiento práctico adecuado para mejorar vuestra página requiere una profundización mucho mayor que la que se necesita simplemente para trastear. Siempre se pueden usar librerías de terceras partes, desde luego. Es más, casi se debe. Pero eso se alcanza en la siguiente fase de profundización. Primero asentemos bien los fundamentos.

¿Que con xhtml y css no basta para hacer cosas visualmente impactantes?¿Que falta potencia? Nada de eso. A pesar de sus limitaciones puede llegarse mucho más lejos de lo que creéis. Y para verlo, aparte de algún enlace que os he puesto en post anteriores (hay que leerlos, chicos), sirvan estos dos más:

Un menú circular hecho sólo con css.

Un dibujo hecho sólo con propiedades css.

¿No es sorprendente?

A la vida sólo hay que mirarla de frente, como la gacela y el león...

Comments

LibrosWeb.es

Se trata de un repositorio de libros (en castellano) gratuitos preparados para su lectura on-line. Anuncian que pronto habrá más, pero de momento disponemos de 5 libros muy interesantes.

¡Buen provecho!

Comments

Aquí os pongo los enlaces de todos vosotros. Mirad y comparad y reflexionad sobre vuestro grado de satisfacción. ¿Podéis mejorarlo?
Desde luego, no está de más tomar ideas, pero recordad que una cosa es la inspiración y otra muy distinta el plagio...

• 1ºA

  • Alberto
  • Francisco
  • David
  • Teresa
  • Estefanía
  • Alejandro
  • Borja
  • Ester
  • Carmen

• 1ºBC

  • Alex
  • Víctor
  • Alba
  • Adrián
  • Marta
  • María
  • Nacho
  • Jorge

Comments

1. ¿Qué es el HTML?
2. ¿Cuales son las diferentes versiones de HTML?
3. ¿Qué el el XHTML?
4. ¿Distinguen el HTML y el XHTML las mayúsculas de las minúsculas?
5. ¿Para qué sirve la declaración DOCTYPE?
6. ¿Qué es el DTD?
7. ¿Cuál es la diferencia entre los DTD Strict, Transitional y Frameset?
8. ¿Cuál es el DOCTYPE más apropiado y que deberíamos usar?
9. ¿Debo validar mi código?¿Para qué?
10. ¿Por qué el HTML conduce a veces a un código confuso?
11. ¿Para qué sirve la etiqueta embed? ¿La aceptan los validadores de código?
12. ¿Qué significa el término codificación de caracteres (charset)?
13. ¿Qué codificación debo declarar?
14. ¿Cómo inserto caracteres que no estén en el conjunto de caracteres comunes?
15. ¿Por qué debo escribir &amp; en lugar de poner simplemente & ?
16. ¿Cómo debo usar las etiquetas de cabecera?
17. ¿Qué diferencia hay entre los elementos block y los inline?
18. ¿Puedo usar un elemento inline como block usando CSS?
19. ¿Son una buena idea los archivos externos CSS?
20. ¿Cuándo debo usar p y cuando br?
21. ¿Qué significa el término semántico en el contexto de Internet?
22. ¿Debo reemplazar las etiquetas b e i por las etiquetas strong y em?
23. ¿Por qué los diseños con tablas se consideran incorrectos?
24. ¿Debo usar siempre divs en lugar de tablas?
25. ¿Está el uso de las tablas obsoleto?
26. ¿Cuál es el uso correcto de la etiqueta address?
27. ¿Debo tener un atributo alt para cada una de mis imágenes?
28. ¿Cuál es la diferencia entre class e id?
29. ¿Por qué no funciona id=”123”?
30. ¿Por qué no funciona <a href=Mi bonita web.html >?

¡Suerte!

Comments

En el siguiente enlace está explicado, paso a paso, cómo modificar una lista para que muestre el típico menú de navegación en una sola línea.

Leedlo, por favor, es muy clarificador.

Comments

En los próximos días, actualizaremos todos los ordenadores, así que no os olvidéis de hacer una copia de seguridad de todos vuestros archivos.

Comments

La Fundación Código Libre Dominicana ha publicado un estupendo libro sobre GNU-Linux basado en Ubuntu. ¡Es casi un libro de texto!

La Comunidad Ubuntu ha publicado a su vez el número 0 de su revista oficial, Full Circle. Está en Inglés, pero se lee bien y tiene un gran interés.

¿Conocéis las diferentes Licencias Libres que existen? Hmmm... después de tanto hablaros, espero que al menos os suenen. Aquí tenéis una guía rápida.

Y, ya puestos, no está de más conocer los siete mejores hackers informáticos de la historia. No es apología, sólo información sobre tema del que habéis mostrado interés. No obstante, recordad que en esto, como en otras materias, los mejores no se hacen notar y casi nadie sabe de su existencia... ¿no serás tú uno de ellos?

Saludos y buen viaje al caminante.

Comments