Paginaweb

22
Creacion Creacion Prof. Fran II Curso :Las TICS y P como Herramient de pagina Web de pagina Web ncisco Laura Veleto Plataforma virtual de la UPT ta del Trabajo Academico

description

 

Transcript of Paginaweb

Page 1: Paginaweb

Creacion Creacion 

Prof. Francisco Laura Veleto 

II Curso :Las TICS y Plataforma virtual de la UPT como Herramienta del Trabajo 

de pagina Web de pagina Web 

Prof. Francisco Laura Veleto 

II Curso :Las TICS y Plataforma virtual de la UPT como Herramienta del Trabajo Academico

Page 2: Paginaweb

•  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 novatos,  crear  un  sitio  web personas  que  no  poseen  conocimiento otro  lenguaje  de  marcas  usado competidores  como  Sandvox, Cada usuario recibe 100 Mb 

•  Funciona preferentemente en 6.0  y  Mozilla  Firefox  (a  partir funcione con el navegador Safari modificaciones  (en  dicho navegadores no se ha informado 

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. 

cualquier  usuario,  especialmente  a  los web  simple  con  múltiples  páginas  a conocimiento  de  HTML  o  cualquier usado  en  Internet,  similar  a  varios 

Sandvox,  Drag  Drop  Site  Creator  e  iWeb. Mb de espacio web libre. 

en los navegadores Internet Explorer partir  de  la  versión  1.0).  Para  que Safari es necesario introducir algunas navegador).  Para  el  resto  de  los 

informado la compatibilidad.

Page 3: Paginaweb

Para crear una cuenta en Para crear una cuenta en Gmail. 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. 

Crearnos una cuenta de correo correo­e Gmail de Google

Page 4: Paginaweb

Una vez que tengamos la cuenta de Gmail Una vez que tengamos la cuenta de Gmail podemos acceder al servicio de podemos acceder al servicio de 

Google Page Creator Google Page Creator pages.google.com 

Regístrese en el Una vez que tengamos la cuenta de Gmail Una vez que tengamos la cuenta de Gmail 

podemos acceder al servicio de podemos acceder al servicio de 

Google Page Creator Google Page Creator escriba escriba 

pages.google.com 

el servicio

Page 5: Paginaweb

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 

ACCEDER POR GOOGLE.COM.PE 

En la página de inicio de Google pulsamos con el ratón en Acceder 

ACCEDER POR GOOGLE.COM.PE

Page 6: Paginaweb

1º 1º Una vez dentro de Una vez dentro de nuestra página personal nuestra página personal de iGoogle. Pulsamos de iGoogle. Pulsamos sobre sobre Mi cuenta Mi cuenta 

2º 2º Accedemos a Accedemos a Page Creator Page Creator

Page 7: Paginaweb

Este es el menú inicial. Este es el menú inicial. 

crear nuevas páginas 

Crear Crear nuevas nuevas páginas. páginas. 

Zona  de  las Zona  de  las páginas páginas 

creadas en el creadas en el sitio. sitio. 

Administrador de páginas Manejo de sitios WEB 

Este es el menú inicial. Este es el menú inicial. 

crear nuevas páginas 

Zona  de  las Zona  de  las páginas páginas 

creadas en el creadas en el sitio. sitio. 

Subir Subir archivos. archivos. 

Zona de Zona de Archivos Archivos subidos subidos 

Administrador de páginas

Page 8: Paginaweb

Barra de Barra de Herramientas Herramientas 

Boton Boton de de Publicacion Publicacion 

Boton Boton de  Vista Previa de  Vista Previa Boton Boton de Retorno a de Retorno a manejo de Paginas manejo de Paginas 

ESQUEMA DEL EDITOR  DE  PAGINAS WEB 

Area Area Cuerpo de la Cuerpo de la Pagina web Pagina web 

Boton de Plantillas Boton de Plantillas 

Boton Boton de Diseños de Diseños 

de  Vista Previa de  Vista Previa 

ESQUEMA DEL EDITOR  DE  PAGINAS WEB

Page 9: Paginaweb

Esquema de Creacion  Pagina Web 

home Fcolauvel.googlepages.com 

home Tallesticflv.googlepages.com 

home Cursos2008flv.googlepages.com 

Esquema de Creacion  Pagina Web 

Paginas .html 

Modulo l: Office 2007 Modulo II: Tecnicas Busqueda Modulo III: Pagina web y Blog

Page 10: Paginaweb

PAGINA PRINCIPAL O HOME PAGINA PRINCIPAL O HOME PAGINA PRINCIPAL O HOME PAGINA PRINCIPAL O HOME

Page 11: Paginaweb

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, 

Clikeamos en No Title 

Aparecerá: 

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 

Desde ella iremos armando todos los links a las distintas 

Si quiero crear una página nueva clikeo en CREATE A 

Y le doy un nombre e ingresa a la página (Edit) 

Si quiero comenzar con Home,

Page 12: Paginaweb

Este es el entorno donde vamos a trabajar 

Aquí podremos: 

Manejar Texto 

Agregar imágenes 

Crear Links 

Página: 

Elegir el Formato 

Elegir el estilo de diseño 

Incorporar Herramientas Observar: 

Este es el entorno donde vamos a trabajar 

Agregar imágenes 

Elegir el Formato Change Layout 

Elegir el estilo de diseño Change Look 

Incorporar Herramientas  Add Gadget

Page 13: Paginaweb

1º Pulsamos sobre Create a new page… 

2º Escribimos el nombre de nuestra página 

Escribimos el nombre de 

3º Pulsamos sobre Create and Edit

Page 14: Paginaweb

Empezamos por: 

Cambiar la estética. 

Cambiar el diseño. 

Existen cuatro formas de dividir las columnas 

Regresamos a la página edición. 

Hay 41 plantillas. 

Existen cuatro formas de dividir las columnas 

Regresamos a la página edición.

Page 15: Paginaweb

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 

Páginas 

Título, encabezado 

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

Page 16: Paginaweb

Observar: 

Manejar Texto 

Con el podremos: 

Poner Viñetas 

Manejar Fuente 

Color, tamaño, Fuente 

Negrita, Cursiva, Justificar 

Manejar Texto 

Poner Viñetas 

Manejar Fuente 

Color, tamaño, Fuente 

Negrita, Cursiva, Justificar

Page 17: Paginaweb

El menú es muy parecido al de un procesador de texto El menú es muy parecido al de un procesador de texto 

Estilos predefinidos. 

Negrita 

Fuente y tamaño 

Color de fuente y fondo 

Cursiva 

Escribimos un título… Escribimos un título… 

…Y un subtítulo. …Y un subtítulo. 

El menú es muy parecido al de un procesador de texto El menú es muy parecido al de un procesador de texto 

Fuente y tamaño 

Estilo párrafo Alineación del texto 

Cambiar tabulación

Page 18: Paginaweb

Imágenes 

Imágenes 

3

Page 19: Paginaweb

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 Otra Página del sitio 

A una Dirección Web 

A un Archivo 

A una dirección de Mail

Page 20: Paginaweb

Crear Enlaces Con  Paginas Web  del sitio 

Con Archivos 

Con  Direcciones Web 

Con  Correo 

Crear Enlaces Con  Paginas Web  del sitio 

Con Archivos 

Con  Direcciones Web 

Con  Correo Electronico

Page 21: Paginaweb

Solo nos queda 

crear una página de un curso que esta dictando 

aplicando todas las herramientas 

MANOS A LA OBRA 

Solo nos queda 

crear una página de un curso que esta dictando 

aplicando todas las herramientas 

MANOS A LA OBRA

Page 22: Paginaweb

Compartí tus páginas creadas con google Page Creator. 

Envia el link a: 

[email protected] 

Compartí tus páginas creadas con google Page Creator. 

Envia el link a: 

[email protected]