Administra tu Blog

¡Crea tu Blog Ya! Fácil y Gratis

UbuntuTIC

Categoría: Material de Estudio

20/02/2008 GMT 1

Del Blog al Wiki

fsalamero @ 08:44

Como hemos podido apreciar, no tiene sentido añadir conceptos y aprendizajes en el formato de blog. ¡Para eso están los wikis!
Así que a partir de ahora, todo lo que está relacionado con los temas que vamos aprendiendo y desarrollando lo encontraremos en el

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.

13/11/2007 GMT 1

Diseño de páginas web

jennifer_sorinas @ 18:14

Hola, este es el resumen de la clase del miercoles 7 de noviembre.

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

31/10/2007 GMT 1

Comenzando con el diseño de páginas web

elena_delgado @ 14:53

Fue el físico suizo Tim Berners-Lee quién inventó la llamada web,con la finalidad de organizar la información de la red con asociaciones de ideas(como si fuera una tela de araña).
Pero con el paso del tiempo ha evolucionado de las webs tradicionales a la llamada web 2.0 que sirve para separar facilmente la forma del contenido para organizarse mejor.

*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>

Seguir leyendo el resto »

30/10/2007 GMT 1

Libro de Python en castellano

fsalamero @ 13:49

En la siguiente dirección tenéis un libro en castellano sobre iniciación a la programación en Python.

10/10/2007 GMT 1

Curso Nuevo, Blog Nuevo

fsalamero @ 10:14

En efecto, hemos empezado un nuevo curso y retomamos el blog de la asignatura, para vosotros también nuevo.
Para abrir boca, el siguiente es un enlace a un curso del Ministerio de Educación sobre iniciación a Linux.

Curso de Ubuntu

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

Un saludo a todos/as.

15/06/2007 GMT 1

La Web del Congreso: El Desastre.

fsalamero @ 08:14

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.

06/06/2007 GMT 1

La potencia de las hojas de estilo

fsalamero @ 10:52

Veo que alguno de vosotros subestima la potencia de las hojas de estilo (no subestimes el poder de la fuerza, que diría un friki): "Vale, todo es muy correcto, pero para que quede bonito necesito flash, o javascript, o... ".

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...

05/06/2007 GMT 1

Refuerzo y Ampliación

fsalamero @ 09:50

Dentro del lenguaje educativo, los términos refuerzo y ampliación tienen un significado claro y una orientación evidente.
En esta línea, os dejo aquí un link a una serie de materiales que os pueden servir tanto si queréis asentar los conceptos que habéis aprendido como si lo que deseáis es ampliarlos:

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!

25/04/2007 GMT 1

Menús con Listas

fsalamero @ 10:45

Seguimos en algunas cosas perdidos en el desierto...

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.

17/04/2007 GMT 1

Enlaces... y un Libro

fsalamero @ 12:06

Aprovechando que volvemos a tener acceso a Internet (lo de este Centro no tiene nombre...) os pongo aquí los links de los que hemos hablado en clase, más alguno de regalo:

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.

Archivo | ¡Crea tu Blog Ya! Fácil y Gratis