CREACIÓN DE PÓXINAS WEB MAIO 2012

Obxectivos:

o Comprender a estrutura e o funcionamento dunha páxina web.

o Recoñecer os distintos tipos de páxina.
o Crear unha páxina web sinxela.
o Diferenciar entre blog e web estática.

Contidos:

o Que é unha páxina web?

o Tipos de páxina web
o Ferramentas para a creación de páxinas web
o Dar de alta un sitio con Google Sites
o Elixir un modelo
o Crear, editar e eliminar contidos
o Modificar a aparencia do sitio
o Engadir gadgets
o Ferramentas de escritorio para a creación de webs: Kompozer
o Outras posibilidades de presenza na web: os blogs
1. ¿Que es una página web?

Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de

Internet o subdominio en la World Wide Web en Internet.

Una página web es un documento HTML/XHTML que es accesible generalmente mediante

el protocolo HTTP de Internet.

Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de
información (un gigantesco entramado de recursos de alcance mundial).

A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común
llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan
las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más
particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye
entre las diferentes partes de los sitios.

Algunos sitios web requieren una subscripción para acceder a algunos o todos sus
contenidos. Ejemplos de sitios con subscripción incluyen muchos portales de pornografía en
Internet, algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico
basados en web, sitios que proporcionan datos de bolsa de valores e información económica
en tiempo real, etc.

2. Tipos de páginas web

- Webblogs: para exponer contenidos en línea con fecha del día de ingreso, en los que se
pueden incluuir grupos de discusión. Ej: blogger, livejournal, wordpress.

- Una página web de una empresa: estos sitios sirven para promocionar productos o
servicios.

- Webs de comercio electrónico: son tiendas virtuales, en las que las empresas venden sus
productos, un ejemplo claro de este tipo de sitio de internet amazon.es o fnac.es (aunque esta
también tiene tienda física).

- Comunidades virtuales: sitios en internet donde varias personas con intereses similares se
comunican unos con otros, normalmente por chats o foros. Ej: MySpace, Facebook, Hi5,
Orkut, etc....

- Sitios web de bases de datos: en este tipo de webs su uso principal es buscar un contenido
específico de la base de datos. Ej: Internet Movie Database.

- Sitio de desarrollo: son sitios con propósito de proporcionar información y recursos

relacionados con desarrollo de software, diseño web, etc.. Ej: elguille.info

- Sitio directorio: es un sitio que contiene información variada y que están divididas en
categorías y subcategorías, como el directorio de Yahoo!.

- Sitios de descargas: son sitios exclusivamente para descargar contenido electrónico como
software, juegos o fondos de escritorio. Ej: Softonic, Download, Tucows, etc...

- Sitio de juego: páginas especificas orientadas para juegos. Ej: MSN Games,
Minijuegos.com, Pogo.com.

- Sitios de noticias: Similar a páginas de información, pero dedicada a mostrar noticias y

comentarios de actualidad. Ej: Yahoo! News, CNN, msnbc, Google News, digg, abc News,
BBC News.

- Sitios de promoción web: utilizados para promocionar otras webs por medio de
publicación de artículos de opinión. Ej: promocionatuweb.com

- Sitios de subastas: subastas de artículos por internet, como eBay.

- Sitios personales: Mantenido por una persona o un pequeño grupo (como por ejemplo
familia) que contiene información o cualquier contenido que la persona quiera incluir:
Facebook, Fotolog.

- Sitio portal: Es un sitio web que proporciona un punto de inicio, entrada o portal, a otros
recursos en internet o una intranet (redes privadas). Ej: Yahoo, MSN.

- Sitios WEB 1.0: sitios web estáticos. Son sitios donde el visitante sólo puede recorrer sus
páginas sin posibilidad de poder interactuar.

- Sitios WEB 2.0: Sitios web interactivos. Son sitios en los que el visitante puede hacer
muchas más cosas que recorrer sus páginas, en concreto, extraer la información en la forma
y criterios que uno considere oportuno.

- Sitios WEB 3.0: Sitios web inteligentes. Son sitios que reconoce al usuario y muestra una
dinámica en función de sus gustos, preferencias,historial, el momento y el estado de ánimo
en que se encuentre. Solo está disponible en redes muy contadas y privadas. Todavía está
lejos de que se pueda implementar.

- Creador de sitios: es básicamente un sitio que permite crear otros sitios, usando
herramientas de trabajo en línea, como PageCreative.

- Sitios colaborativos o Wiki: son sitios donde los usuarios editan colaborativamente, los
propios visitantes son los responsables de mantener la aplicación viva, usando tecnologías
de última generación: pikeo, flickr, Wikipedia.

- Sitios políticos: son sitios web donde la gente pueda manifestar sus opiniones políticas

- Stios de rating: sitios donde la gente puede dar todo tipo de opiniones, sean positivas o
negativas sobre lo que aparece en ese sitio.

- Sitios educativos: promueven cursos presenciales y a distancia, información a profesores y

estudiantes, permiten ver o descargar contenidos de asignaturas o temas.
 3. Herramientas par,a la creación de páginas web

En el momento de poder crear una página web, lo primero que debemos tener en cuenta es
que herramienta vamos a utilizar.

Existen varias herramientas para poder crear una página web, desde las más simples como
un editor de texto básico (NOTEPAD), editores WYSIWYG (lo que ves es lo que hay), con
estos editores podemos ir viendo como vamos creando nuestra página y por último podemos
crear una página web con un gestor de contenidos (Joomla, Drupal, etc...).

Otra herramienta en la que también podemos crear una web de forma gratuita es GOOGLE
SITES.

4. Dar de alta un sitio con Google Sites

Características principales de Google Sites:

• Fácil creación de páginas

• requiere codificación HTML
• Plantillas de diseño disponibles
• Fácil manejo de archivos
• Fácil manejo de archivos adjuntos
• Personalización de la interfaz del sitio
• Fácil creación de contenido multimedia (vídeos, documentos, hojas de cálculo y
presentaciones de Google Docs, fotos de Picasa y herramientas de iGoogle)
• Designación de dueño, lectores y colaboradores
• Búsqueda con la tecnología Google en el contenido de Google Sites
• Creación de intranets, páginas de empleados, proyectos, etc.

Las tres grandes ventajas de Google Sites son las opciones de privacidad, podemos definir con
quien compartimos las páginas editables (gente del mismo dominio, todo el mundo o una lista
propia), los tipos de página que podemos crear (un repositorio de archivos con 10GB por cuenta) y
la facilidad de uso.
La plasticidad de las páginas de Google Sites hace que la funcionalidad entre un wiki, un blog o un
foro de discusión esté determinada casi únicamente por el uso que queramos darle nosotros.
Las páginas guardan el historial de las diferentes versiones por las cuales han pasado y se puede
volver a cualquiera de ellas cuando se desee. Además, todos los usuarios con permiso pueden
escribir en ellas, dejar comentarios al pie de la misma o adjuntar archivos a cada página en
particular. Esta es la capacidad wiki que está presente en los diferentes tipos de página que se
pueden crear.
Inconvenientes:
1. Google Sites no permite la inclusión de objetos incrustados que no sean del propio Google
(YouTube, Google Docs, etc), por lo que no podremos incluir documentos de Scribd o
presentaciones de Slideshare, por ejemplo.
2. No dispone de ninguna herramienta para que el visitante ajeno al sitio pueda dejar ni tan
siquiera un comentario, al menos por el momento, ya que se hace difícil pensar que esto
seguirá de este modo por tiempo indefinido.
REXISTRARSE EN GOOGLE SITES

1. Acceder al web de Google www.google.es y, en el menú superior de la página, pulsar la

opción Más y seleccionar la opción Sites.

2. En la página de Google Sites acceder con la dirección de correo electrónico y con la

contraseña de Gmail. En caso de no tener dirección de Gmail, usar la opción de Registrarse
en Sites.
5. Elegir un modelo

Es importante que en este momento, debemos escoger un modelo adecuado para el sitio, en
función de su contenido.

6. Crear, editar y eliminar páginas

Tenemos varias opciones a la hora de escoger una plantilla:

- Plantilla en blanco

- Classroom site (Opción destinada para introducir contenido educativo)

- Project wiki (Creación de un sitio web para crear una wiki)

- Family site (Creación de un sitio web personal)

En función de a que vayamos a destinar nuestro sitio en internet escogeremos un modelo u

otro.

Aparte de todos estos modelos, nosotros podemos modificar el diseño de una página.

Crear una página

Arriba a la derecha se encuentra el botón Crear página.

Crear una subpágina

Cuando tengamos abierta una página, crearemos una página nueva.

Tenemos que seleccionar el tipo de página a crear, y ponerle un nombre.

Marcamos: Clasificar la página dentro de la ya existente.

Haciendo clic en  Seleccionar una ubicación diferente podemos elegir otra cualquiera de

las existentes en el sitio.

Las subpáginas creadas se situan en el fondo de la página. No hay límite para el nº que se pueden
crear.

Tipos de página

Tenemos 4 para elegir según el contenido que tengamos que mostrar:

1. Página Web: Página limpias donde puede incluirse cualquier tipo de contenido.
 2. Anuncios(página tipo blog): Para poner novedades, informaciones de interés, diarios,
3. Archivador: Para guardar y organizar archivos. Permite carpetas.
4. Listas: Para ordenar y organizar listados
Eliminar una página

Abierta la página: >Más acciones

Se despliega un menú donde seleccionaremos Eliminar. Confirmaremos la ventana que sale,

si queremos continuar con la eliminación.

Insertando imágenes

Si quieren insertar imágenes en su página Web, tienen dos opciones básicas:

1. Subir una imagen a su sitio desde la computadora e insertarla de forma directa.

2. Subir imágenes a otro sitio Web (por ejemplo Picasa) y "jalar" las imágenes mediante un
enlace para que aparezcan en su sitio.

El primer método es más rápido, pero tiene la desventaja de que reduce la cuota de 100 MB
que les da Google Sites. (Para checar cuanto espacio han utilizado, vayan a "Más opciones",
luego "Administrar sitio" y a continuación hagan clic en la ficha "General".)

El segundo método parece más complicada, pero tiene varias ventajas: no reduce la cuota, y
de esta manera se puede, de forma fácil, insertar slideshows (presentación de fotos).

Existen varios sitios en Internet donde se puede publicar y/o almanecer fotos, entre ellos
están Flickr (http://www.flickr.com/) y Photobucket (http://photobucket.com/).

Otra opción es Picasa (http://picasaweb.google.com), la cual forma parte de los servicios de

Google. Ésta última es la que vamos a utilizar hoy.

Insertar una imagen de forma directa

Después de haber preparado su imagen con Photoscape, la pueden insertar en una página de su sitio.
Para hacerlo, siguen los siguientes pasos:

1. Hacer clic en "Editar Página"

2. Hacer clic en "Insertar", y a continuación, en "Imagen"
3. Hay que subir la imagen a su sitio, hacer clic en "Examinar"
4. Localizar la imagen, y clic en "Aceptar"
Ahora estamos en la página, y todavía podemos modificarla más:

• Alineación: L (izquierda), C (centrada) o R (derecha)

• Tamaño S (pequeña), M (mediana), L (grande) u Original
• Alinear texto a la imagen (hacer clic en "Ajustar de")
Insertar imagen o presentación de imagenes (slideshow) Picasa Web
1. Para insertar una o varias imagenes desde Picasa Web, primero hay que ingresar a su cuenta
en Picasa. Al momento de crear la cuenta en Google, también se creo un espacio en Picasa.
2. Para llegar a Picasa, hagan clic en "Más" (en la barra superior) y luego en "Fotos". Si no está
disponible esta opción, hacer clic en "Mi Cuenta2 y después en "Álbumes web de Picasa".
Eso os lleva a vuestro propio espacio en Picasa (se puede ingresar con los datos de la cuenta
Google.)
3. En Picasa Web, primero hay crear un álbum y subir fotos. Pueden subir hasta 5 fotos a la
vez, se puede repetir las veces necesarias. Al lado derecha del álbum de Picasa hay un
enlace con el nombre "Enlazar a este álbum". Hacer clic aquí, y de una vez copiar la URL
del álbum.
4. Despues regresar al sitio. Hacer clic en "Insertar", y a continuación en "Foto de Picasa" o en
"Presentación web de Picasa".
5. Se presenta con un cuadro donde tienen que ingresar la URL del álbum, ésta es la que
copiaron en el paso anterior. La pegan y pueden modificar otras opciones. Despues
guardamos y guardamos los cambios que hicimos en la página, para checar si todo funciona.

Insertando tablas

Permite insertar una tabla directamente y de manera gráfica marcando con el ratón el
número de filas y columnas .
Insertando líneas horizontales

Esta herramienta también está en Editar página ->

Insertar -> Línea horizontal.

También nos encontramos otro tipo de herramientas

como inserción de enlaces, la opción del calendar, un
documento, una presentación web de picasa, etc.... e
incluso también la incrustación de vídeo.

7. Modificar la apariencia del sitio

Una vez tenemos todos los objetos introducidos en nuestro sitio, insertamos imágenes,
tablas, enlaces y otro tipo de objetos que podamos meter en nuestra web, ahora nos toca el
turno de ocuparnos de la configuración de nuestro sitio.

El acceso o como se comparte con los demás Configuración del sitio>Compartir este sitio

Un sitio puede ser compartido con todo el mundo (público) o con los usuarios que
especifiquemos.

Tenemos que explicar primero que hay 3 posibilidades de interactuar:

1 Como propietario

2 Como colaborador

3 Como simple usuario o lector

El “propietario” es el que tiene todos los privilegios para gestionar el sitio.

El “colaborador” puede:

● Crear, editar, mover y borrar páginas

 ● Añadir archivos adjuntos

● Añadir comentarios

● Añadir y eliminar páginas del menú lateral de navegación

● Subscribirse a los cambios que se produzcan en el sitio

El usuario simple o “lector”, solo puede ver las páginas.

El sitio creado nos

permite invitar a otros
como propietarios,
colaboradores y
lectores, a través del
formulario donde se
escribirán las
direcciones de correo,
que podemos extraer
sin ningún problema de
nuestros contactos

de gmail.

Si el sitio es “público” para que todo el mundo pueda verlo, el apartado de permisos
avanzados deberá tener marcada la siguiente casilla.

Si se desea que sea “privado”, solo para unos pocos, deberemos desmarcarla.

Recuerdo que esta opción también estaba disponible durante el proceso de creación y registro inicial
del sitio, y que dejabamos por defecto como público.

Mirando a la derecha estaremos informados de todos los usuarios que participan.

Configuramos la apariencia

Configuración del sitio>Cambiar aspecto

Cambiamos el diseño del sitio

Por defecto, ocupa nuestra página el ancho de toda la pantalla:100

Si queremos que quede un espacio libre a ambos lados y no completar la pantalla cambiaremos la
anchura a 90,80,70... Probamos hasta que quede a nuestro gusto. Si hemos puesto un tema de fondo
con esta anchura si podremos disfrutarlo completamente y será perfectamente visible.

También podemos:

● Desmarcando la opción “cabecera”, eliminar el marco superior que contiene el título y el logo. La
altura está por defecto al tamaño del logo. Podemos cambiar también esta altura.

● Desmarcando la opción “Barra lateral”, eliminamos la barra lateral. En este caso tendremos una
web a toda página y sin marcos laterales.

Eligiremos el marco a la derecha o a la izquierda, y si queremos, cambiaremos también la anchura

que por defecto viene a 150.

En el ejemplo he cambiado las dimensión del sitio al 80 % y el ancho de la barra lateral a 140
pixeles.

Cambiamos el logo

Está predeterminado arriba a la izquierda en la cabecera, y no admite otra posición. Si queremos

poner otro logo que no sea el de Google sites , haremos clic en “cambiar el logotipo”.

De la ventana que se abre:

Seleccionando “sin logotipo” prescindiremos de el.

Si optamos por añadir uno, buscaremos el que deseamos con “Examinar”. Tendremos en cuenta que
hay que dimensionar el logo antes subirlo, si hemos fijado una altura.

Pulsamos “ Aceptar “y salvamos: “Guardamos los cambios”

En este ejemplo he colocado una foto de un ramo de flores como logo, las dimensiones son 46x60
pixels. La altura del marco está determinada por el tamaño del logo (Use logo size)

Configuramos la barra lateral.

Este marco que como vemos tiene una anchura de 150 pixels,

está formado en un principio por 2 cuadros o módulos:

Navegación: Menú de navegación

Actividad reciente del sitio: Información sobre la reciente

actividad en el sitio.

Con las opciones de: editar, suprimir o añadir un nuevo

módulo (Añadir un elemento de la barra lateral)

Veamos con mas detalle cada una de las opciones y como lo adaptamos a nuestras necesidades

En el menú de navegación situaremos los hiperenlaces a páginas que existen dentro del sitio. Lo
configuramos haciendo clic en “editar”.
Podremos cambiar el título “Navegación” por otro. En el ejemplo yo lo he nombrado como
“Menú”.

Con las dos flechitas que aparecen a la derecha cambiaremos el orden del listado de las páginas que
incluimos. Y si hay alguna que está creada y la queremos añadir para que aparezca aquí hacemos
clic en “añadir página a la navegación de la barra lateral”, seleccionandola del mapa de navegación
que se nos muestra.

Añadimos nuevos módulos:

Para que aparezcan en la barra lateral. Haciendo clic en “+Añadir un elemento de la barra lateral”.

Vemos como se despliegan 5 alternativas.

1a-Navegación:Enlaces a páginas individuales del sitio. Como lo explicado antes.

2o-Texto: Para añadir texto.

3o-Actividad reciente del sitio: Una lista de la reciente actividad del sitio

4o-Mi actividad reciente: Una lista de la reciente actividad como usuario del sitio

5o-Cuenta atrás: Un contador de dias a una fecha que hay que especificar

Añadir el módulo Texto, puede resultarnos útil para insertar enlaces a sitios externos, incluir iconos
y dibujos, logos y publicidad, ....

Añadir una Cuenta atrás, puede tener una finalidad informativa para destacar una fecha de un
evento o acontecimiento.

Nos puede interesar, en determinadas ocasiones el añadir varios módulos. Así, varios menús de
navegación junto con enlaces a otros sitios de interés, más de un contador de fechas venideras,...

Una vez creados los módulos, podemos ordenarlos en la barra lateral. Pinchando y arrastrando se
colocarán donde queramos.

Otro camino, quizás más rápido para configurar el marco lateral, sería acceder desde “Editar barra
lateral”, que lo localizamos justo al final del marco.

Cambiamos los colores y fuentes

Aspecto> colores y fuentes

Con la barra deslizante, seleccionamos un elemento para cambiarle el color del título, fondo,

marco lateral,...

Podemos poner una imagen como fondo de cabecera, de página, de barra lateral. Al seleccionar el
elemento, tendremos que buscar la imagen con “examinar”.

Podemos cambiar en algunos elementos tambien el tipo de letra o fuente. Hay 6 disponibles.

Cualquier cambio que hagamos nos lo muestra en la parte inferior de la pantalla, lo que agiliza y
facilita esta tarea.

Cambiamos el tema del sitio

Aspecto> Tema

Otros ajustes de configuración

Es la pestaña Mas

Desde aquí podemos:

● Poner nombre al sitio

● Mostrar el nombre del sitio en lo alto de las páginas. Por defecto se mostraría.

Desmarcaremos en caso contrario

● Describir brevemente el sitio

● Indicar si el contenido es solo para adultos. Marcar la opción si queremos esto.

● Cambiar la página de entrada cuando se accede al sitio: la denomina “página de destino”.

Por defecto es la página Home pero podemos cambiarla por otra con “cambiar”.

● Activar las estadisticas a través de Google Analytics.

Haciendo clic en “Más información” se nos presentan unas instrucciones de como hacerlo.

Deberemos entrar en Google Analytics, darnos de alta y siguiendo todos los pasos, llegará un
momento en que nos mostrará un código como el que yo he pegado en mi sitio.

Para comprobar si funciona deberemos esperar aproximadamente 24 horas. Siempre que queramos
ver las estadísticas deberemos acceder a Google Analytics.

Un detalle importante a tener en cuenta se refiere al espacio que hay ocupado en el sitio de los 100
MB disponibles. Lo encontramos en un cuadro situado a la derecha.

Configuración de la página

Una vez tengamos abierta una página

Mas acciones>Configuración de la página.

Desde aquí podemos entre otras cosas, mostrar o no al final de la página “comentarios” y permitir
“archivos adjuntos”.

Ver las páginas creadas

Más acciones>Administrar sitio>Contenido del sitio>Páginas

Una completa información de cada página: Cuando fue creada y quien lo ha hecho, última
actualización y revisiones.
Disponibles como listado y en forma de árbol.
8. Añadir gadgets

Los gadgets son componentes para ser de utilidad en cualquier página web.

Para insertarlos, tenemos que ir a Editar página y al fondo del Menú Insertar, nos
encontramos con 4 prácticos gadgets que podemos utilizar rápidamente en cualquier página.
Los primeros nos presentan informaciones de interés sobre el sitio. Los podemos configurar
según nuestos gustos. El gadget cuadro de texto nos da libertad para incluir un cuadro de
texto independiente con los elementos que queramos.

Mas gadgets

Se trataría de buscar o navegar entre los que hay, y seleccionar el que mas nos guste.

Añadir por URL:

Se usa cuando vamos a insertar un gadget que ha diseñado alguien y conocemos su

dirección web o URL.

9. Otras posibilidades de presencia en la web: los blogs

No es lo mismo una página web, que un blog, la diferencia radica en que la página web
tienes un software con el cual puedes hacer modificaciones, mover información de un lado a
otro crear efectos, crear mas páginas y hasta puedes vender si quieres, en una página web
mantienes información mas estática no tiene que ser cambiada constantemente.

El blog es un poco mas orientado a la interacción o a la conversación permitiendo un

vinculo con las personas que ingresan a tu blog, un blog te permite dejar comentarios, la
idea es actualizarla constantemente ya que tu mantienes como te digo un vinculo con las
personas que ingresan las cuales siempre esperan alguna nueva información.

Un blog puede tener muchos fines, difundir ideas, causas sociales y humanitarias, temáticas,
educativo, etc....

Las herramientas más utilizadas para crear un blog, son: Blogger (cuya propiedad es de
google, aunque no hace falta tener una cuenta de correo de gmail, vale con que exista una
cuenta de correo electrónico válida) y Wordpress (esta herramienta ya tira más a un estilo
periodístico).

10. Herramientas de escritorio: Kompozer

Existen herramientas de pago, como por ejemplo el Dreamweaver el cual es propiedad de

Adobe, pero para poder instalar esta herramienta debemos pagar una licencia. Por eso
existen equivalentes en programas libres (que no tienen licencia comercial y que te puedes
descargar de forma gratuita desde la página del desarrollador.

Una de esas herramientas libres es el editor HTML (HyperText Markup Language)

Kompozer, el cual está disponible tanto para windows como para linux.

Para descargar este programa en castellano podemos hacerlo en la siguiente dirección de

internet: http://kompozer.net/download.php y elegimos la versión en español.
 Para instalarlo, simplemente le damos doble click al archivo descargado y a partir de ahí
seguimos las indicaciones del propio instalador.

EJERCICIOS PRÁCTICOS

1. Visitar páginas web y diferenciarlas de outos espacios como, por ejemplo, un blog.

2. Identificar diferencias entre tipos de páginas web.

3. Visitar las páginas de distintas empresas dedicadas a alojamento web, como pueden ser
Arsys o 1and1, y explicar en que consisten las distintas ofertas que ofrecen estas empresas.

4. Crear un sitio web con la herramienta en línea gratuíta Google Sites y siguiendo estas
pautas:

a. Seleccionar una temática y un nombre para el sitio.

b. Realizar el registro del sitio web en Google Sites.

c. Elegir un modelo acorde con la temática seleccionada.

d. Crear 5 páxinas con contenido diverso: texto, imágenes, multimedia...

5. Personalizar el sitio web creado anteriormente.

a. Cambiar el modelo del sitio.

b. Crear una barra de navegación horizontal.

c. Modificar la cabecera.

d. Crear una página «Situación» e colocar nela un mapa de Google con la localización del
lugar donde se imparte imparte el curso.

6. Agregar una nueva página y colocar en ella diversos gadgets: calendario, el tempo, bolsa,
facebook, etc.

7. Crea una página con Kompozer:

a. Descargar e instalar el programa.

b. Incluír el título, la autoría, descrición y el idioma.

c. Poner un color claro de fondo.

d. Redactar un texto que tenga dos tipos de título y párrafo de texto.

e. Cambiar en párrafo la tipografía de letra: tipo, tamaño, estilo y color. Añadir más
elementos si se desea hacer más cambios.

f. Crear una lista numerada.

 g. Insertar una imagen buscada en Google.

h. Insertar un enlace.

EJERCICIOS COMPLEMENTARIOS

Como complemento a este Curso se pueden desarrollar actividades relacionadas con la creación de
un blog.

1. Registrar un blog en WordPress.

2. Seleccionar el modelo para el blog

3. Familiarizarse con el panel de gestión del blog

4. Crear 5 entradas en el blog que incluyas los siguientes elementos:

a. texto con diferentes formatos

b. imágenes

c. opción de leer más

d. enlaces a otras páginas (por ejemplo a un buscador, a publicaciones, etc...)

e. etiquetas en función del contenido

5. Personalizar el blog realizando en él alguna de las siguientes modificaciones:

a. Cambiar el modelo del blog

b. Personalizar el tema usando incorporando/eliminando widgets como por ejemplo, un

calendario, una zona de enlaces, nubes de etiquetas....

c. Modificar las opciones del tema cambiando la estructura del blog.

RECURSOS DISPOÑIBLES

Definicións de páxina web

http://www.google.es/search?hl=es&newwindow=1&client=firefox-
a&hs=FkB&rls=org.mozilla:es- ES:official&defl=es&q=define:P
%C3%A1gina+web&sa=X&ei=sME2TeqcL5qK4gbr_ez pAg&ved=0CB4QkAE

Google Sites

 Axuda/soporte oficial:

o Primeiros pasos: http://www.google.com/sites/help/intl/es/overview.html

o Buscador de axuda xeral: http://www.google.com/support/site/?hl=es

 Definición: http://es.wikipedia.org/wiki/Google_Sites

 Soporte: http://sites.google.com/support/?hl=es

 Videotutorial «Como crear un sitio web con Google Sites»: http://vimeo.com/9641697

 Web tutoriais de Google Sites:

o https://sites.google.com/site/webscolaborativas

o http://www.scribd.com/doc/7644294/Manual-Google-Sites

 Blog sobre os produtos de Google en castelán: http://google-productos- es.blogspot.com

 HTML e tecnoloxías web

o http://www.desarrolloweb.com

o http://www.maestrosdelweb.com

o http://www.ticweb.es

Alta en buscadores

 http://www.google.com/addurl

 https://siteexplorer.search.yahoo.com/submit

 http://www.bing.com/webmaster/SubmitSitePage.aspx

Xestores de contido

 http://es.wikipedia.org/wiki/Sistema_de_gesti%C3%B3n_de_contenidos

 http://www.gestoresdecontenido.net
 http://www.joomlaspanish.org

 http://drupal.org.es

 http://es.wordpress.org

Posicionamento web

 http://es.wikipedia.org/wiki/Posicionamiento_en_buscadores

 http://seoblog.es

 http://www.portal-seo.com/tutorial-seo.php

 http://www.blogtecnologico.net/tutorial-seo

Kompozer

 Descarga http://www.kompozer.net/

 Información http://www.desarrolloweb.com/articulos/kompozer.html

 Tutorial http://www.ziddu.com/download/5621485/TutorialKompozer.pdf.html

Accesibilidade e usabilidade

 http://www.w3c.es

 http://www.tawdis.net

 http://www.inteco.es/Accesibilidad

Blogs

 Ferramentas de creación de blogs

o http://www.blogger.com

o http://www.wordpress.com

o http://blogs.ya.com

o http://bitacoras.com

 Directorios de blogs

o http://directorio-de-blogs.com/

o http://www.zapin.info/directorio-blogs/

o http://www.directorio-blogs.net/
 o http://dmoz.org

 Consellos para escribir nun blog

o http://www.microsiervos.com/archivo/weblogs/12-consejos-para-que-tu- blog-sea-mucho-
mejor.html

o http://www.slideshare.net/igualdad3000/consejos-tiles-para-escribir-un- blog

o http://5lineas.com/archivo/internet-web20/consejos-para-escribir-buenos- articulos-en-un-
blog/

 Exemplos de blogs empresariais

o http://blog.caixagalicia.es/

o http://blogs.estrellagalicia.es/soneg/

 Exemplos de blogs promocionais

o http://reddegaliciablog.blogspot.com/

o http://www.pradaweb.blogspot.com/

o http://turismogalicia.blogspot.com/

REXISTRARSE EN WORDPRESS

1. Acceder ao web de WordPress http://es.wordpress.com.

2. Premer o botón Registrarte Ahora que aparece na parte superior da páxina para iniciar o
rexistro do blog.

3. Cubrir o formulario de rexistro. Para facelo precísase un enderezo de correo electrónico.

EXEMPLOS DE PÁXINAS WEB ACCESIBLES E USABLES

Páxinas accesibles e usables:

 http://www.xunta.es

 http://www.usc.es/index.html: ten 11 erros nos estándares W3C, pero ten unha política de
accesibilidade.

 http://www.versiongalega.com/

Páxinas que NON cumpren os criterios de accesibilidade e usabilidade:

 http://www.leiterio.com/

 http://www.caixagalicia.es

 http://www.crtvg.es/