UbuntuTIC

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.

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

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 »