"Disseny, edició i publicació de planes Web"


Unitat 9:
Transformació de presentacions de Power Point a espais web.

 

Funcionalitats de Power Point
La conversió d'una presentació a espai web amb PP'97.
La conversió d'una presentació a espai web amb PP'2000.
Les proves i la publicació del projecte
Propostes de treball
Weberia
(2004)

 

 

Funcionalitats de Power Point

Power Point és un programa del paquet Microsoft Office que permet generar presentacions per pantalla o qualsevol mena de dibuix vectorial amb sortida a qualsevol suport extern: pantalla, paper, transparències...

Les presentacions poden incloure textos i imatges estàtiques (tant vectorials, com de mapes de bits). Als textos i a les imatges se'ls pot associar determinada animació o algun tipus d'interacció. Per exemple, es pot fer que el text aparegui com si fos mecanografiat, mentre sona el repicar de les tecles d'una vella màquina d'escriure. A més, es pot fer que qualsevol text o imatge sigui un hiperenllaç a altres diapositives de la presentació o bé a adreces web (URL) o a altres serveis d'internet.

Com tots els altres programes del paquet Microsoft Office, Power Point permet la possibilitat de transformar els seus fitxers al format HTML propi dels espais web.

La conversió a format web es fa automàticament amb l'ajut d'un assistent.

 

La conversió d'una presentació existent a espai web amb Power Point'97

1. Crear  la carpeta on guardarem tots els documents que formen part del segon projecte web que ara iniciem
  • Anar a "Mi PC"
  • Disc C: o disc D: (segons la configuració dels equips, especialment en sistemes congelats)
  • Archivo/Nueva/Carpeta
  • Nom de la carpeta: "projecte4"
2. Copiar a la carpeta "projecte4" la presentació Power Point amb la que treballarem
  • Baixar la presentació comprimida, guardar-la i descomprimir-la al directori C:\projecte4

Presentació PP comprimida
Fitxers comprimits per desenvolupar la pràctica

3. Obrir i provar la presentació Power Point
  • Posarem en marxa Power Point
  • Obrirem la presentació "cursweb.ppt" que trobarem al directori C:\projecte4
  • Comprovar el funcionament de la modesta presentació (cinc diapositives)

u92.gif (42603 bytes)

4. Conversió de la presentació a format HTML
  • Amb la presentació oberta i activa triar Archivo/Guardar como HTML

u93.gif (5209 bytes)

  • Es posa en marxa un assistent de conversió per ajudar-nos a configurar les planes web finals. PP generarà una carpeta amb tots els fitxers necessaris: un menú inicial i un document HTML per cadascuna de les diapositives de la presentació.

u94.gif (12329 bytes)

  • Sobre l'assistent de conversió anirem responent a les preguntes que plantejades i després pulsarem "Siguiente".
  • En començar pregunta si es tracta d'un nou model de conversió o bé es vol utilitzar un altre model creat abans. En el nostre cas, seleccionarem un nou model.

u95.jpg (27170 bytes)

  • Demana l'estil de la plana, bé sense marcs (estandar), bé amb marcs. Seleccionarem el model estandar.

u96.jpg (34358 bytes)

  • Preguntarà el tipus d'arxiu al que s'han de convertir les diapositives gràfiques. Seleccionarem JPG amb una compressió mínima.

u97.jpg (33495 bytes)

  • Triarem un tamany de pantalla de 800x600 i una ocupació de 3/4 per a les diapositives.

u98.jpg (29389 bytes)

  • Es poden cumplimentar els camps d'aquest formulari per tal que l'assistent incorpori aquestes dades a la plana del menú inicial (index.htm).

u99.jpg (35129 bytes)

  • Es poden determinar els colors que usaran les noves planes web pels hipervincles (bé els definits a l'explorador, bé altres personalitzats)

u910.jpg (31921 bytes)

  • Es pot triar el tipus de botó que apareixerà a cada diapositiva per tal de navegar per la presentació.

u911.jpg (26058 bytes)

  • Es pot decidir on apareixeran els botons. Seleccionarem els botons a la part inferior de la pantalla.

u912.jpg (33225 bytes)

  • L'assistent demana a quina carpeta ha de guardar els fitxers HTML i les imatges resultat de la conversió de la presentació. Triarem el directori del nostre projecte actual c:\projecte4.

u913.jpg (23840 bytes)

  • Finalment l'assistent ja està en condicions de procedir a la conversió de la presentació a documents HTML.

u914.jpg (40204 bytes)

  • El programa demana si es vol guardar la configuració anterior per aplicar-la a altres presentacions. No la guardarem, construirem una conversió a la mida de cada presentació.

u915.jpg (10623 bytes)

 

5. Revisió de la conversió i prova dels documents generats.
  • Tancarem Power Point.
  • Des de Mi Pc, seleccionarem C:\projecte4. S'observa que dins d'aquesta carpeta apareix una nova carpeta anomenada "cursweb"; aquesta carpeta conté els documents HTML i les imatges resultat de la conversió de la presentació.

u916.jpg (16286 bytes)

  • Obrim la carpeta "cursweb" i observem que conté moltes imatges i molts documents HTML. Tots ells formen part de la presentació convertida a projecte web.

u917.jpg (53133 bytes)

  • Posarem en marxa el document index.htm i comprovarem com s'obre un menú inicial (d'estética molt discutible) de la presentació. Les dades d'aquest menú són les que s'han introduit durant el treball amb l'assistent de conversió a HTML.

u918.jpg (65796 bytes)

  • Es pot fer clic damunt del reclam per iniciar la presentació o bé anar directament a la diapositiva dessitjada. Cada plana de l'espai web creat correspon a una diapositiva a la que s'han afegit els botons de navegació a la part inferior (tal com s'ha indicat a l'assistent)
    Si la presentació Power Point incloia algun tipus de navegació o enllaços hipertextuals, aquest seran actius també als documents HTML resultat de la conversió.

u919.jpg (126234 bytes)

 

 

La conversió d'una presentació existent a espai web amb Power Point'2000

1. Crear  la carpeta on guardarem tots els documents que formen part del segon projecte web que ara iniciem
  • Anar a "Mi PC"
  • Disc C: o disc D: (segons la configuració dels equips, especialment en sistemes congelats)
  • Archivo/Nueva/Carpeta
  • Nom de la carpeta: "projecte4"
2. Copiar a la carpeta "projecte4" la presentació Power Point amb la que treballarem
  • Baixar la presentació comprimida, guardar-la i descomprimir-la al directori disc:\projecte4

Presentació PP comprimida
Fitxers comprimits per desenvolupar la pràctica

3. Obrir i provar la presentació Power Point 2000
  • Posarem en marxa Power Point 2000
  • Obrirem la presentació "cursweb.ppt" que trobarem al directori C:\projecte4
  • Comprovar el funcionament de la modesta presentació (cinc diapositives)

4. Conversió de la presentació a format HTML
  • Amb la presentació oberta i activa triar Archivo/Guardar como pagina Web

  • El programa pregunta amb quin nom es vol guardar la plana web resultat de la conversió de la presentació.

  • La conversió es fa automàticament amb els paràmentres de conversió que prevuen les opcions de Power Point.

 

5. Revisió de la pàgina web i prova dels documents generats.
  • Tancarem Power Point.
  • Des de Mi Pc, seleccionarem C:\projecte4. S'observa que dins d'aquesta carpeta apareix un document web anomenat "cursweb.htm" i una nova carpeta anomenada "cursweb_archivos" que inclou tots els fitxers auxiliars.

  • Posarem en marxa la pàgina web activant el document "cursweb.htm".

  • A l'esquerra de la pantalla apareix un marc amb la referència a cadascuna de les diapositives de la presentació. A la zona inferior es mostra una barra de navegació que permet passar les diapositives o fins i tot mostrar a pantalla complerta (amb la icona de la pantalla de la dreta).
6. Canvi de les opcions de conversió de presentació a document web.
  • Triarem l'opció del menú principal Herramientas/Opciones

  • I dins de la finestra, triarem la solapa General i el botó Opciones web

  • Des d'aquesta finestra es poden canviar les opcions de conversió de presentació de Power Point a plana web.

 

Les proves i la publicació del projecte

1. Proves locals.
  • Anar al directori c:\projecte4 (o al directori local on s'hagin guardat tots els fitxers de la web).
  • Executar el fitxer cursweb.htm.
  • Comprovar si els enllaços i la presentació funcionen adequadament.
  • Comprovar que la navegació interior de les planes/diapositives funciona adequadament.
  • Comprovar que es veuen totes les imatges.
  • Si hi ha algun error o algun defecte en el disseny, cal obrir Power Point, retocar la presentació, salvar-la i tornar-la a convertir a HTML.
2. Publicació a l'espai de pràctiques amb WS_FTP.
  • Obrir WS_FTP
  • Comprovar que tenim activa la fitxa corresponent a l'espai de pràctiques del servidor de la intranet de l'Escola Joan Pelegrí.
  • Seleccionar el directori local projecte4
  • Seleccionar el directori destí correcte.
  • Seleccionar els fitxers i les carpetes del projecte web.
  • Publicar-los al servidor remot.

Proves dins del servidor remot de la intranet.

  • Anar a l'espai de pràctiques i obrir el document cursweb.htm
  • Fer les comprovacions rutinaries.
  • Si hi ha algun error, corregir-lo des de Power Point i repetir tot el procediment des de les proves locals, la publicació al servidor de pràctiques del fitxer o fitxers afectats pels canvis.
  • Ara tenim dos espais amb el mateix contingut.
3. Publicació a Geocities
  • Anar a l'espai propi de Geocities
  • Seleccionar el directori local projecte4
  • Seleccionar el directori destí correcte.
  • Seleccionar els fitxers i les carpetes del projecte web.
  • Publicar-los al servidor remot.

Proves al servidor remot de Geocities

  • Obrir l'adreça personal de geocities, amb l'afegit de la carpeta creada (www.geocities.com/.../projecte4/).
  • Obrir el document cursweb.htm
  • Funcionen els enllaços des del menú principal?
  • Funcionen els enllaços de les planes secundàries?
  • Es veuen totes les imatges?
  • Si hi ha algun error, algun problema amb els enllaços o alguna imatge no es veu cal reeditar amb Word el fitxer on hi ha l'error i cal tornar a repetir el procediment des de les proves locals i la publicació a geocities del fitxer o fitxers afectats pels canvis.
4. Proves remotes
  • Obrir l'adreça personal de geocities, amb l'afegit de la carpeta creada (www.geocities.com/.../p4/).
  • Apareix el document index.htm automàticament?
  • Funcionen els enllaços des del menú principal?
  • Funcionen els enllaços de les planes secundàries?
  • Es veuen totes les imatges?
5. Donar d'alta l'espai web a diversos motors de recerca.

 

Propostes de treball

  1. Reproduir la pràctica realitzada en aquesta unitat, però amb documents (textos i imatges) personals. És recomanable mantenir l'estructura proposada.


Si tens algun dubte o vols donar solucions a les propostes de treball pots enviar-me un e-mail.

 

Weberia

Planes de referència per baixar tota mena de programari: tucows.ua.es, www.download.com.