Creación e edición de espazos Web




              Titorial: Google sites


     IES Monte Carrasco. Coordinación Tic. Xaneiro 2011
Para crear un espazo/páxina Web gratuíta, de certa calidade, ímos empregar a
plataforma Google e a súa ferramenta Google sites.



1.- O primeiro que temos que facer é crear unha conta (si non a temos xa) no
correo alectrónico de Google: Gmail




2.- Cubrimos os datos que se solicitan no formulario.




3.- Unha vez creada, accedemos a ela, dende Gmail, introducindo o nome de
usuario e contrasinal.
4.- Abrirase a nosa conta cos correos de benvida de Gmail, e fixámonos neste
apartado: Mas




Clicamos en Sites e ábresenos esta nova ventá:




Clicando en “crear un sitio nuevo” accedemos a creación dunha nova web; si xa
tiveramos unha web creada, relaciónase no apartado “Mis sitios”



5.- Creamos un sitio novo.
Eleximos unha plantilla (pódese cambiar mais adiante) e dámoslle un nome á páxina.



6.- Xa temos a nosa Web, aberta pola páxina principal.

Podemos clicar en                  para darlle contido: benvida, xustificación, engadir
unha imaxe…




O editor de texto permítenos definir as características dos elementos a incluir.




O apartado “insertar” recolle tódalas posibilidades para inserir elementos en calquera
páxina creada.
7.- Para crear unha nova páxina clicamos en “Crear páxina” .




No desplegable escollemos unha das plantillas e dámoslle un nome á páxina.




Podémola deixar no nivel superior do menú que se creará; logo pódese cambiar.
8.- Organizar o menú coas páxinas creadas.

   Google sites permítenos inserir dous tipos de menús:

      a) Menú vertical

   Clicamos en               , ao final do menú na marxe esquerda. Ábrese esta ventá:




    Clicamos en “editar” navegación. As páxinas creadas están no apartado: “Añadir
página”.
Na ventá que se abre seleccionamos unha a unha as páxinas que queiramos que
aparezan no menú (clicamos “Aceptar”).




 Suben ao nivel superior, e logo, coas frechas da dereita, posicionámolas onde
queiramos (admite sangría, para facelas depender doutras).

  b) Menú horizontal.
     Clicamos en “Editar barra lateral”; no desplegable clicamos en “cambiar”
     Alineación:




     Na nova ventá marcamos a opción “Barra de navegación horizontal”.
Agora clicamos en “Añadir páxina” e seleccionamos aquelas que queiramos que
      aparezan no menú horizontal, procedendo do mesmo xeito que no apartado
      anterior.




9.- Inserir video/presentacións

Previamente debemos copiar o código html do video/presentación que nos facilita o
servidor onde está aloxado. Nun video de YouTube, clicamos en Insertar e aparece o
código.




As medidas ancho (width=”480”) e alto (height=”385”) pódense modificar para axustar
a presentación na páxina. Logo ímos á páxina onde queremos reproducilo. Editamos a
páxina, clicamos en html e pegamos o código copiado. Poderemos modificar a posición
cando queiramos. Gardamos os cambios.




Slideshare, Scribd, Issuu son algunhas das plataformas que nos permiten subir
presentacións (documentos de word, powerpoint…) para obter o código e mostralas na
web, blog….

10.- Inserir audio.

Previamente debemos subir o arquivo de audio (normalmente en formato mp3) a un
reproductor de audio que nos facilitará o código html preciso para incrustalo na nosa
web seguindo os pasos anteriores.

Páxinas ás que, previo rexistro, podemos subir os nosos arquivos de audio para obter o
código correspondente: Chirbit, Goear, Muzicons, DivShare… No apartado “Audio” da
nosa Web tendes mais referencias .

Aquí tendes un exemplo dun reproductor de audio:




11.-Inserir unha web na nosa web (iframe)

Para evitar distraccións do alumnado ao nevegar, ás veces é conveniente incrustar a
web que queremos que visiten dentro da web na que estamos a traballar. Para elo
procedemos do seguinte xeito: editamos a páxina; clicamos en insertar e escollemos
“Más gadgets”
Na nova ventá clicamos en “Destacada” e buscamos á dereita “Include gadget iframe”:




 Clicamos en “Seleccionar” e escribimos no recadro superior a dirección web(url) da
páxina que queremos inserir. Aceptamos.
12.- Adxuntar arquivos .doc, .pdf, .ppt, .odt… á nosa páxina.

Para adxuntar arquivos á nosa web podemos facelo de dous xeitos:

   a) Crear un páxina nova do tipo “Archivos” onde poderemos adxuntar, a modo de
      recopilatorio, tódolos arquivos que precisemos.

Accedemos á nosa web e clicamos en “Crear página”. Das catro plantillas que se nos
ofertan escollemos a modalidade “Archivador”.




Ao abrirse a nova páxina creada clicamos en “Añadir archivo” para subilo dende o noso
equipo. En “Mover a” podemos crear carpetas e clasificar os arquivos subidos.
b) Adxuntar a unha páxina xa creada o arquivo/s que precisemos.

Editamos a páxina e clicamos en “Archivos adjuntos”; seleccionamos o arquivo
correspondente.




Recordade: para acceder á nosa páxina clicamos o seu enderezo na barra do navegador
(http://sites.google.com/site/iesmontecarrascoabalar) . Para editala e traballar nela
clicamos, no fondo, en “Acceder”.




De seguido, introducimos o nome de usuario e o contrasinal da nosa conta de Gmail.




                    _________________________________________



Con esto temos os elementos fundamentais para empezar a traballar. Continuaremos
no noso Obradoiro.



Para saber máis:

   -   Obradoiro Abalar IES Monte Carrasco: Práctico, como de fai?
   -   Videotitorial 1: Creación de espazos web
   -   Videotitorial 2: Edición de espazos web
   -   Titorial Google sites.




       Coordinación Tic    IES Monte Carrasco   Obradoiro Abalar Xaneiro 2011

Creación e edición de espazos web

  • 1.
    Creación e ediciónde espazos Web Titorial: Google sites IES Monte Carrasco. Coordinación Tic. Xaneiro 2011
  • 2.
    Para crear unespazo/páxina Web gratuíta, de certa calidade, ímos empregar a plataforma Google e a súa ferramenta Google sites. 1.- O primeiro que temos que facer é crear unha conta (si non a temos xa) no correo alectrónico de Google: Gmail 2.- Cubrimos os datos que se solicitan no formulario. 3.- Unha vez creada, accedemos a ela, dende Gmail, introducindo o nome de usuario e contrasinal.
  • 3.
    4.- Abrirase anosa conta cos correos de benvida de Gmail, e fixámonos neste apartado: Mas Clicamos en Sites e ábresenos esta nova ventá: Clicando en “crear un sitio nuevo” accedemos a creación dunha nova web; si xa tiveramos unha web creada, relaciónase no apartado “Mis sitios” 5.- Creamos un sitio novo.
  • 4.
    Eleximos unha plantilla(pódese cambiar mais adiante) e dámoslle un nome á páxina. 6.- Xa temos a nosa Web, aberta pola páxina principal. Podemos clicar en para darlle contido: benvida, xustificación, engadir unha imaxe… O editor de texto permítenos definir as características dos elementos a incluir. O apartado “insertar” recolle tódalas posibilidades para inserir elementos en calquera páxina creada.
  • 5.
    7.- Para crearunha nova páxina clicamos en “Crear páxina” . No desplegable escollemos unha das plantillas e dámoslle un nome á páxina. Podémola deixar no nivel superior do menú que se creará; logo pódese cambiar.
  • 6.
    8.- Organizar omenú coas páxinas creadas. Google sites permítenos inserir dous tipos de menús: a) Menú vertical Clicamos en , ao final do menú na marxe esquerda. Ábrese esta ventá: Clicamos en “editar” navegación. As páxinas creadas están no apartado: “Añadir página”.
  • 7.
    Na ventá quese abre seleccionamos unha a unha as páxinas que queiramos que aparezan no menú (clicamos “Aceptar”). Suben ao nivel superior, e logo, coas frechas da dereita, posicionámolas onde queiramos (admite sangría, para facelas depender doutras). b) Menú horizontal. Clicamos en “Editar barra lateral”; no desplegable clicamos en “cambiar” Alineación: Na nova ventá marcamos a opción “Barra de navegación horizontal”.
  • 8.
    Agora clicamos en“Añadir páxina” e seleccionamos aquelas que queiramos que aparezan no menú horizontal, procedendo do mesmo xeito que no apartado anterior. 9.- Inserir video/presentacións Previamente debemos copiar o código html do video/presentación que nos facilita o servidor onde está aloxado. Nun video de YouTube, clicamos en Insertar e aparece o código. As medidas ancho (width=”480”) e alto (height=”385”) pódense modificar para axustar a presentación na páxina. Logo ímos á páxina onde queremos reproducilo. Editamos a
  • 9.
    páxina, clicamos enhtml e pegamos o código copiado. Poderemos modificar a posición cando queiramos. Gardamos os cambios. Slideshare, Scribd, Issuu son algunhas das plataformas que nos permiten subir presentacións (documentos de word, powerpoint…) para obter o código e mostralas na web, blog…. 10.- Inserir audio. Previamente debemos subir o arquivo de audio (normalmente en formato mp3) a un reproductor de audio que nos facilitará o código html preciso para incrustalo na nosa web seguindo os pasos anteriores. Páxinas ás que, previo rexistro, podemos subir os nosos arquivos de audio para obter o código correspondente: Chirbit, Goear, Muzicons, DivShare… No apartado “Audio” da nosa Web tendes mais referencias . Aquí tendes un exemplo dun reproductor de audio: 11.-Inserir unha web na nosa web (iframe) Para evitar distraccións do alumnado ao nevegar, ás veces é conveniente incrustar a web que queremos que visiten dentro da web na que estamos a traballar. Para elo procedemos do seguinte xeito: editamos a páxina; clicamos en insertar e escollemos “Más gadgets”
  • 10.
    Na nova ventáclicamos en “Destacada” e buscamos á dereita “Include gadget iframe”: Clicamos en “Seleccionar” e escribimos no recadro superior a dirección web(url) da páxina que queremos inserir. Aceptamos.
  • 11.
    12.- Adxuntar arquivos.doc, .pdf, .ppt, .odt… á nosa páxina. Para adxuntar arquivos á nosa web podemos facelo de dous xeitos: a) Crear un páxina nova do tipo “Archivos” onde poderemos adxuntar, a modo de recopilatorio, tódolos arquivos que precisemos. Accedemos á nosa web e clicamos en “Crear página”. Das catro plantillas que se nos ofertan escollemos a modalidade “Archivador”. Ao abrirse a nova páxina creada clicamos en “Añadir archivo” para subilo dende o noso equipo. En “Mover a” podemos crear carpetas e clasificar os arquivos subidos.
  • 12.
    b) Adxuntar aunha páxina xa creada o arquivo/s que precisemos. Editamos a páxina e clicamos en “Archivos adjuntos”; seleccionamos o arquivo correspondente. Recordade: para acceder á nosa páxina clicamos o seu enderezo na barra do navegador (http://sites.google.com/site/iesmontecarrascoabalar) . Para editala e traballar nela clicamos, no fondo, en “Acceder”. De seguido, introducimos o nome de usuario e o contrasinal da nosa conta de Gmail. _________________________________________ Con esto temos os elementos fundamentais para empezar a traballar. Continuaremos no noso Obradoiro. Para saber máis: - Obradoiro Abalar IES Monte Carrasco: Práctico, como de fai? - Videotitorial 1: Creación de espazos web - Videotitorial 2: Edición de espazos web - Titorial Google sites. Coordinación Tic IES Monte Carrasco Obradoiro Abalar Xaneiro 2011