3a sessió: utilització del Redactor (Composer).


Podríem dir que el 90% de la feina de crear una pàgina Web és introduir el text, les imatges i els enllaços. Aquesta feina pot resultar una mica pesada si només fem ús de la llibreta. Si volem canviar sovint la mida, color o altres característiques de la lletra la cosa es complica.

A la versió 4.x del Navegador (Netscape) s'introdueix una nova eina: el Redactor (Composer). Encara que el MicroSoft Explorer també té una eina semblant (FrontPage, molt útil per a la creació de formularis), personalment prefereixo el Redactor, malgrat els seus desavantatges. El Netscape 4.x el trobem per ordinadors que treballen en Windows (Versions 3.1x, 95 i 98) i Linux. A més a més, ens proporciona correcció ortogràfica en anglès, castellà i català!.

Veiem l'aspecte d'aquest programa:

Es tracta d'un programa molt semblant al WordPad o al Word. A la part de dalt té un barra de menú (Fitxer, Edita, ..). A continuació té una barra d'eines, que després veurem en detall. A continuació, té la barra de format de lletra, on hem marcat les principals opcions.

Fixeu-vos que no he ressaltat les opcions de font de lletra i mida en punts, doncs poden donar problemes, no només a màquines que no treballen amb Windows, sinó en ordinadors que no disposen de les mateixes fonts que nosaltres. És millor no fer servir aquestes opcions si volem mantenir la compatibilitat entre plataformes que permet el llenguatge HTML. En el seu lloc feu servir els diferents tipus d'encapçalament.

Veiem els diferents opcions de la barra d'eines:

Eines d'arxiu. Permeten crear, obrir i desar arxius. Visualitza obre el navegador amb la pàgina dissenyada. L'opció Publica potser útil en funció del nostre servidor. Una recomanació: doneu nom i deseu l'arxiu de bon començament: les referències a imatges i enllaços les podreu introduir directament sense haver de navegar pel disc. Al desar l'arxiu, us demanarà un títol per a la pàgina (<TITLE> en el <HEAD>).

Eines d'edició. Permeten tallar, copiar i enganxar objectes. També podem imprimir i cercar al document.

Eines HTML. Podem inserir enllaços, objectius per a enllaços dintre d'un document, imatges, línies horitzontals o taules. També podem verificar l'ortografia. Aquestes eines són molt potents, però de vegades massa rígides. Per això  porten una opció al quadre de diàleg  que permet introduir atributs HTML a mà (HTML extra):

Parlant d'imatges: encara que el Redactor ens permet modificar la mida (i el format) de la imatge, és millor que fem aquesta operació amb un programa d'edició d'imatges (ja en parlarem a la propera sessió): tindrem més control de les operacions, i menys possibilitats de perdre la imatge original (de vegades passa això amb el Redactor. És convenient tenir a un altre directori les imatges originals i no utilitzar-les des del Redactor, per si de cas ...).

El principal problema que ens podem trobar és que els enllaços no siguin com un voldria (referències absolutes en lloc de relatives al directori actual, ...) Per tant és important comprovar el codi generat. Això ho podem fer visualitzant la pàgina amb el Navegador i utilitzant la opció Visualitza/Font de la pàgina. La presentació que fa el Navegador és molt útil:

Un altre opció important és fixar els colors i, fins i tot, l'imatge de fons de la pàgina. Això ho trobareu a Format/Colors i propietats de la pàgina:

© Jordi Orts, febrer 2000