"Disseny, edició i publicació de planes Web"
Unitat 9:
Transformació de presentacions
de Power Point a espais web.

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

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)

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

- 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ó.

- 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.

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

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

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

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







|
| 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ó.

- 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.

- 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.

- 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ó.

|


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

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
- 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.

