1. II Curso :Las TICS y Plataforma virtual de la UPT
como Herramienta del Trabajo
como Herramienta del Trabajo Academico
Creacion de pagina Web
Prof. Francisco Laura Veleto

2. • Google Page Creator es un producto gratuito de Google el cual
fue lanzado, en su versión beta, el día 23 de febrero de 2006 sin
previo aviso por parte de la empresa. Ofrece un sencillo editor
de páginas webs creado con la tecnología AJAX.
• Este servicio permite a cualquier usuario, especialmente a los
novatos, crear un sitio web simple con múltiples páginas a
personas que no poseen conocimiento de HTML o cualquier
otro lenguaje de marcas usado en Internet, similar a varios
competidores como Sandvox, Drag Drop Site Creator e iWeb.
Cada usuario recibe 100 Mb de espacio web libre.
Mb
• Funciona preferentemente en los navegadores Internet Explorer
en
6.0 y Mozilla Firefox (a partir de la versión 1.0). Para que
funcione con el navegador Safari es necesario introducir algunas
Safari
modificaciones (en dicho navegador). Para el resto de los
navegadores no se ha informado la compatibilidad.
informado

3. Crearnos una cuenta de correo Gmail de Google
correo­e
Para crear una cuenta en
Gmail.
1. Accedemos a la página de
google.
http://www.google.com.pe
2. Pinchamos en el enlace de
Gmail.
3. Después de acceder a
crear una cuenta seguimos
las instrucciones.

4. Regístrese en el el servicio
Una vez que tengamos la cuenta de Gmail
podemos acceder al servicio de
Google Page Creator escriba
pages.google.com

5. ACCEDER POR GOOGLE.COM.PE
ACCEDER POR GOOGLE.COM.PE
1º En la página de inicio de Google
pulsamos con el ratón en Acceder
2º Escribimos nuestro
nombre de usuario
sin la @ y nuestra
contraseña

6. 1º Una vez dentro de
1º Una vez dentro de
nuestra página personal
de iGoogle. Pulsamos
sobre Mi cuenta
sobre Mi cuenta
2º
2º Accedemos a
Page Creator
Page Creator

7. Manejo Administrador de páginas
Administrador de páginas Zona de
de sitios Archivos
WEB
Este es el menú inicial.
subidos
crear nuevas páginas
Crear Zona de las
nuevas páginas
páginas. creadas en el Subir
sitio. archivos.

8. ESQUEMA DEL EDITOR DE PAGINAS WEB
ESQUEMA DEL EDITOR DE PAGINAS WEB
Boton de
Boton de Publicacion Boton
Boton de Diseños
Boton
Boton de Retorno a Boton
Boton de Vista Previa Boton de Plantillas
manejo de Paginas
Barra de
Herramientas
Area
Area Cuerpo de la
Pagina web

9. Esquema de Creacion Pagina Web
Fcolauvel.googlepages.com home
Paginas .html
Modulo l: Office 2007
Modulo II: Tecnicas Busqueda
Tallesticflv.googlepages.com
Modulo III: Pagina web y Blog
home
Cursos2008flv.googlepages.com
home

10. PAGINA PRINCIPAL O HOME
PAGINA PRINCIPAL O HOME

11. Este es el Entorno de Trabajo de Google page creator
No escontramos con una página que tiene una casita,
esta es la página HOME, página Index, página página
inicial o principal.
Desde ella iremos armando todos los links a las distintas
páginas que posea mi sitio.
Si quiero crear una página nueva clikeo en CREATE A
NEW PAGE,
Y le doy un nombre e ingresa a la página (Edit)
Si quiero comenzar con Home,
Si quiero comenzar con Home,
Clikeamos en No Title
Aparecerá:

12. Este es el entorno donde vamos a trabajar
Aquí podremos:
Manejar Texto
Agregar imágenes
Crear Links
Página:
Elegir el Formato Change Layout
Elegir el estilo de diseño Change Look
Incorporar Herramientas Add Gadget
Observar:

13. 1º Pulsamos sobre
Create a new page…
2º Escribimos el nombre de
nuestra página
3º Pulsamos sobre
Create and Edit

14. Empezamos por:
Cambiar la estética.
Cambiar el diseño.
Hay 41 plantillas.
Existen cuatro formas de dividir las columnas
Regresamos a la página edición.
Regresamos a la página edición.

15. Páginas
Poseen:
Título, encabezado
Subtítulo
Cuerpo principal
Pie de Página
En cualquiera de ellas podremos incorporar los elementos
mencionados en la diapositiva anterior, pudiendo tambien
incrustar archivos en formato Doc, Xls, Pdf, imágenes, etc
incrustar archivos en formato Doc, Xls, Pdf, imágenes, etc

16. Manejar Texto
Con el podremos:
Poner Viñetas
Manejar Fuente
Color, tamaño, Fuente
Negrita, Cursiva, Justificar
Negrita, Cursiva, Justificar
Observar:

17. Escribimos un título…
…Y un subtítulo.
El menú es muy parecido al de un procesador de texto
Color de fuente Alineación
Negrita y fondo Estilo párrafo del texto
Estilos Cursiva Fuente y tamaño Cambiar
predefinidos. tabulación

18. Imágenes
1
2
3

19. Links
Pueden ser a:
A Otra Página del sitio
A una Dirección Web
A un Archivo
A una dirección de Mail
A una dirección de Mail

20. Crear Enlaces
Con Paginas Web del sitio
Con Archivos
Con Direcciones Web
Con Correo Electronico
Con Correo

21. Solo nos queda
crear una página de un curso que esta
dictando
aplicando todas las herramientas
MANOS A LA OBRA
MANOS A LA OBRA

22. Compartí tus páginas creadas con
google Page Creator.
Envia el link a:
ticupt@gmail.com
ticupt@gmail.com