M3tema2

Módulo 3
Creación y gestión de contenidos digitales

Creación y edición de contenidos en red
[2.1] Introducción
[2.2] Creación de páginas web
[2.3] Blogs y edublogs

TEMA

[2.4] Wikis

TEMA 2 – Esquema
que

Aprender viendo, entendiendo
y modificando

Una herramienta: Wordpress

Uso de CMS

WYSIWYG

Editores
de
texto
convierten a HTML

Edublogs

Blogs

HTML y CSS

Creación de páginas web

WikisWikispaces

Como herramienta de aula

Creación y edición de contenidos en red

Módulo 3. Creación y gestión de contenidos digitales

Esquema

Módulo 3. Creación y gestión de contenidos digitales

Ideas clave
2.1. Introducción
La gran revolución que trajo la Web 2.0 fue dar la posibilidad a que cualquiera pudiera
convertirse en el protagonista de la creación de contenidos en red. Se pasó depáginas
estáticas, creadas por personas con conocimientos informáticos, a páginas dinámicas
donde cualquiera podía, de forma sencilla, crear sitios web, blogs, wikis.
En esta unidad se mostrarán distintas alternativas para crear y compartir contenidos en
la red: crear una página web, dar de alta y gestionar un blog, crear o colaborar en una
wiki, etc.
El objetivo de este tema es conocer las herramientasy metodologías que nos ayuden a
crear contenidos en la red, estableciendo métodos de trabajo para el aula.

2.2. Creación de páginas web
Cada página web que visitamos por Internet ha sido escrita en un lenguaje denominado
«HyperText Markup Language» o lenguaje de marcas de hipertexto (HTML). Este
lenguaje permite dar una estructura al contenido, ya sea texto, imágenes, etc.
HTML es el lenguajeutilizado para la representación de información en Internet, por lo
que es usado en todo el mundo. Por ello, constituye un estándar internacional cuyas
especificaciones son reguladas por el World Wide Web Consortium (http://www.w3.org)
y el WHATWG (http://www.whatwg.org). Debido a la evolución continua de Internet,
HTML está en constante actualización. La versión actual se conoce como HTML5.
Alconstruir una página web, HTML5 permite definir tanto el contenido como el
significado del mismo. Por ejemplo, podemos definir un texto como una lista numerada.
La lista tendrá por un lado el contenido, que se corresponderá con el texto y por otro el
significado, que será la estructura que identifique el texto anterior como una lista.
Por otro lado, el estilo es definido y controlado por el «CascadingStyle Sheets» (CSS),
que actualmente está en la versión CSS3. Este permite desde poner el fondo de la página

TEMA 2 – Ideas clave

Módulo 3. Creación y gestión de contenidos digitales

de un color a establecer el tamaño y tipo de fuentes, entre otras cosas. La situación de
cualquier elemento en la página también es definida por el CSS3 o estilo de la misma.
No es objeto de este tema enseñar allector a diseñar páginas web con HTML5 y CSS3,
pero sí realizar una introducción para su entendimiento. También se propondrán, al final
del mismo, enlaces para poder ampliar la información aquí recogida.
Crear una página web con HTML es muy sencillo, aunque requiere de un entrenamiento
previo. En la siguiente imagen se muestra la estructura básica de un documento HTML:

Imagen 1. Estructura de undocumento HTML

Como se puede ver, el documento se estructura en distintas etiquetas que se abren
() y se cierran (). El esqueleto de toda página web se compone de
cuatro etiquetas:
DOCTYPE. Define el tipo de documento.
Html. Delimita el documento HTML, indicando el comienzo y fin de la página html.
Head. Delimita la cabecera del documento. Esta no se muestra pero contieneinformación útil para el html, como por ejemplo el título de la página web.
Body. Delimita el cuerpo del documento. Aquí van todos los contenidos de la página
(texto, imágenes...) que se quieran mostrar.
De esta forma, para poner un texto en negrita, dentro del body del documento, es
necesario utilizar la etiqueta correspondiente antes del texto a resaltar () y cerrarla
al final del mismo...

Leer documento completo

Regístrate para leer el documento completo.