Archivo de la etiqueta: Codigo HTML

La brecha digital. Primera entrada en el blog de aula con inclusión de tabla

Tras escribir el título de la entrada y nuestras reflexiones, incluiremos la tabla con los datos actualizados. Para ello, tenemos que realizar la tabla en el procesador de textos, ya sea OpenOffice o LibreOffice. A la hora de guardarla, seleccionaremos el formato HTML, es decir, el de página web. Tras completar este paso, abriremos el archivo HTML haciendo doble click, y automáticamente nuestro sistema operativo detectará que es un archivo con formato web y lo ejecutará en el navegador que tengamos predeterminado. En el menú del navegador, nos vamos a Herramientas, Desarrollador Web y Ver Código Fuente. También podemos hacerlo pulsando las teclas Ctrl+U. Nos aparecerá un texto en lenguaje html, que seleccionaremos haciendo click en en el menú Editar-Seleccionar todo. A continuación copiamos, y con esa información en el Portapapeles, nos vamos de nuevo a la edición de nuestra entrada en Blogger. Escogemos la opción de edición en HTML y allí pegamos la información copiada anteriormente. Así, ya tendremos nuestra tabla en la entrada.

Sourced through Scoop.it from: josepanadero.wordpress.com

See on Scoop.ittecno4

Claves básicas para editar una plantilla en Blogger sin saber HTML

¿No sabes nada de HTML y tienes un blog en Blogger? Si quieres mejorar la plantilla que has instalado en tu bitácora, este tutorial podrá ayudarte a modificar lo básico del nuevo diseño.

Lo primero que debes saber es que puedes modificar colores, algunas fotos, textos y tipos de letra sin problema. Algunos otros elementos podrán ser cambiados solo si tienes un mayor conocimiento de HTML.

Primero ingresa a Blogger y luego a la pestaña Plantilla de tu blog.

Source: www.clasesdeperiodismo.com

See on Scoop.itTIC & Educación

Crear una tabla en HTML

Quizás hayas visto en los artículos de otros bloggers tablas mostrando datos y hayas pensado como añadir una en tu blog. Aquí tienes  instrucciones para hacerlo paso a paso de forma sencilla. La solución es aprender un poco más de HTML, ya que es con este lenguaje con el que vas a poder crear una tabla. Si empiezas desde cero, estaría bien que leyeras que es una etiqueta. Y con ese conocimiento mínimo vamos a construir el código HTML de una tabla muy sencilla con bordes negros. Más adelante escribiré de las opciones que existen para configurar las celdas a voluntad, fundir dos espacios en uno o cambiar el formato de los bordes.

Source: www.blogeninternet.com

Código para insertar un elemento en una web

See on Scoop.itTIC & Educación

Ya lo he dicho más veces en la Nube, a mí la tecnología nunca me ha llamado la atención, hasta que llegué a la docencia y me lancé a ella por obligación. Y hay cosas de las que oigo hablar como si de algo básico y conocido por todos se tratara, pero de las que yo, no tengo ni idea.

En una ocasión, en el proyecto Kuentalibros queríamos insertar algo en el blog pero la herramienta no nos proporcionaba el código para hacerlo. Enseguida varios compañeros comentaron «lo metemos con iframe y ya está» Yo ni idea, pero eso es lo bueno de trabajar con los que sí saben, que lo resuelven todo y de paso, te enseñan. Pero no me lo aprendí bien y hace poco volvió a ocurrirme. En esta ocasión fue nuestro compañero Raúl Diego el que me resolvió la duda (gracias de nuevo), enseñándome el código en cuestión.

Como sois muchos los que leéis este blog y no todos lo conoceréis, aquí os lo dejo, por si algún día lo necesitáis. Además, si está aquí, en la Nube, yo también lo tendré localizado, que me conozco y es fácil que lo pierda 😉

Es tan simple como introducir la siguiente secuencia, insertando la url de lo que queremos incluir en el fragmento que está escrito en rojo.

Captura

See on www.enlanubetic.com.es

Domina Blogger sin ser un experto en informática o programación: conoce el HTML antes de dar el salto a la plantilla Blogger

See on Scoop.itTIC & Educación

Comienzo una serie de pequeñas guías en Diarios de la nube que te van a ayudar a comprender el código utilizado en Blogger para que seas capaz de saber «dónde estás tocando» y «cómo lo estás tocando», de manera que te sirva para subir de nivel en el conocimiento de esta herramienta y te ayude a configurarte la plantilla a tu gusto.

See on www.diariosdelanube.com

Conversor i-frames a object para aplicaciones Google

See on Scoop.itTIC & Educación

La historia de este conversor es a raíz de la necesidad de insertar en páginas webs (Moodle foros) que no soportan código  i-frame de aplicaciones de Google y que se distribuyen con este método de inserción. La idea es sencilla, poder transformar el <iframe> a los «antiguos» <object>.

Las aplicaciones probadas de Google con este conversor son:

  • Calendar
  • Docs (hoja  de cálculo, presentaciones, formularios)
  • Maps
  • También para videos de youtube
La solución vino a partir de está búsqueda en Google:

A partir de esta solución para google maps, adapté y automatizé en una hoja de cálculo para el resto de aplicaciones. El aspecto que tiene es el siguiente:

Conversor

Si queréis usarlo o bajar una copia, lo tenéis disponible en Google-Docs, en el siguiente enlace.

See on 4x4technology.blogspot.com.es