CÓDIGO! “Todo el mundo tiene que ser programador, conocer cómo poner un tag, código html, no ser un programador avanzado. Porque la base del weblog es.

Presentación del tema: "CÓDIGO! “Todo el mundo tiene que ser programador, conocer cómo poner un tag, código html, no ser un programador avanzado. Porque la base del weblog es."— Transcripción de la presentación:

1 CÓDIGO! “Todo el mundo tiene que ser programador, conocer cómo poner un tag, código html, no ser un programador avanzado. Porque la base del weblog es la desintermediación” Alejandro Piscitelli. Gerente General de Educ.ar, Sociedad del Estado. Portal de Educación de la República ArgentinaEduc.ar

2 ¿Qué es el código HTML? Hyper Text Markup Language (lenguaje de marcación de hipertexto). Lenguaje informático diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas WEB.

3 ¿Cómo se usa? Actúa mediante el uso de etiquetas que al abrir y cerrarlas funcionan como instrucciones para el texto que se coloque entre ellas. Todos los comandos se activan entre paréntesis triangulares sin dejar espacio. Una vez activados hay que desactivarlos, para ello se repite el comando anteponiendo la barra de dividir. Por ejemplo: – Este es el texto que aparecerá en negritas

4 Algunas líneas de código básicas Negritas … o … Espacio (enter) Hipervínculos Palabra subrayada con hipervínculo Alineaciones: – …

5 Personalizando nuestros blogs Modificar “enlaces recomendados”

6 PASO 1 Ir a Plantilla

7 PASO 2 Localizar el fragmento de código que abre con y cierra con Consta de dos partes: la URL (http:// etc etc) y el Nombre del Sitio. Esto último es lo que va a aparecer en el menú izquierdo del blog.

8 PASO 3 Debemos modificar la URL y el Nombre del Sitio. Con cuidado de no borrar ninguna otra parte del código, ni las comillas. Copiando cada oración de código desde hasta podemos ir agregando más vínculos.

9 Cambiar “comentarios” La idea es darle un toque personalizado al blog cambiando la palabra “comment”.

10 PASO 1 Tenemos que identificar en la Plantilla la siguiente línea de código y modificar la palabra “comments” que se encuentra antes de por nuestra elección.

11 SUBIR UN CONTADOR DE VISITAS Registrarse en algún contador gratuito como http://www.statcounter.com/ o http://www.webstats4u.com/. http://www.statcounter.com/ http://www.webstats4u.com/ Al registrarse les darán unas líneas de código que deben insertar en la plantilla. Sugerencia: ubicarlo justo antes de la etiqueta, de esta manera quedará abajo, en la parte inferior del blog.

12

13 CAMBIAR CABEZAL (sólo para algunas plantillas) 1) Diseñar un cabezal con las medidas aproximadas del que presenta el blog actual. 2) Subirlo a un servidor gratuito de fotos (Flickr) o enviarlo a mbrizuela@cup.edu.ar para subir al servidor del CUP mbrizuela@cup.edu.ar

14 Localizar las siguientes líneas de código y modificar el archivo de imagen, al cual linkea. /* ---( header and site name )--- */ @media all { #blog-header { margin: 0; padding: 0; font-family: "Lucida Grande", "Trebuchet MS"; background: #e0e0e0 url(http://photos1.blogger.com/blogger/4516/1320/16 00/fondo.1.jpg) no-repeat top left;

15 AUDIO y VIDEO Esta modificación no se hace en la plantilla, sino en el editor de html del POST.

16 TIPS Antes de guardar los cambios en la plantilla hacer clic en VISTA PREVIA para verificar los cambios. SIEMPRE, luego de las modificaciones, hacer clic en “Guardar cambios de plantilla” y luego “Volver a publicar”