TREBALLAR
TEXT I IMATGES AMB TAULES
Fins ara, si volíeu escriure
i posar fotos, haureu vist que tot quedava MAL POSAT. El Dreamweaver
no permet posar bé les coses. Cal fer servir les taules,
per encolumnar i estructurar un text i imatges, els uns als costats
dels altres, o sobre els altres, o dins , o fora...
Per crear la taula, s'ha
d'anar a Objetos> común> taula (està sota
l'arbret) o bé Insertar- taula. Surt un quadre que sempre
té els valors de la darrera taula introduïda. Es crea
al gust i es modifica a Propiedades havent-la SELECCIONAT prèviament
(a través de la paraula "table" que hi ha,
en negreta, a la barra de baix del Dream, a l'esquerra, o a través
de Modificar-taula) . També podeu seleccionar a baix
els tr (línies) o td (cel.les o quadres).
Relleno
celda i espacio celda i borde, són tipologies de quadres
. Si poseu a Borde: 0, la taula serà "invisible"
a Internet. Si li poseu un valor (1,2,3...) es veuran les línies
més o menys gruixudes.
Posant el cursor sobre les línies, es poden ampliar o escurçarles
cel.les, tant d'ample com d'alt. També es poden connectar cel.les,
en qualsevol direcció, seleccionant-les (arrossegant el cursor),
i clicant la icona de dues cel.les juntes que hi ha a la finestra
PROPIETATS, SOTA LA PARAULA "CELDA". A la icona del
costat podreu separar cel.les que estaven connectades (i el programa
us demanarà quantes files o columnes hi voleu fer).
La
finestra PROPIETATS us permet -sempre amb la taula seleccionada, eh?-
alinear la taula en la pàgina (esquerra, centre...), triar
color de fons, color de línies, posar-hi una imatge de fons
(Im) ...
Per seleccionar cel.les no contigües:cal prémer CONTROL
i marcar amb el ratolí totes les celes fins que se seleccionin.
Les
taules serveixen per a fer PORTALS, entrant taules dins de taules.
ELS PORTALS són aquestes pàgines d'entrada ales webs
on tot està encolumnati enquadrat, en dues,tres, quatre columnes
i lletra petitíssima. Serveixen per a webs molt complexes ,
com ara les dels ajuntaments o els diaris,que tenen un índex
de continguts enorme i encara necessiten posar notícies de
darrera hora també a la portada .
Si
la taula queda despenjada de mides i se surt de pantalla: es selecciona
tota la pàgina amb Edición/Seleccionar todo i
Copiem. Creem una taula de 0 de borde i 600 píxels d´ample,
1 files x 1 columnes i hi enganxem el que havíem copiat (la
taula desestructurada).
ELS
FORMULARIS
En algunes pàgines webs
s'inserten formularis, perquè l'usuari pugui contestar-los
a sobre mateix de la pàgina i enviar-los per mail a l'autor
de la web. Poden ser enquestes sobre si els ha agradat la web, concursos,
llibres de visita... Per fer un formulari, cal seguir aquests passos,
a tall d'exemple. Us presentem un formulari amb respostes tancades,
on l'usuari ha de triar entre diverses opcions:
Creem
una taula de 3 files. Posem el cursor a la segona fila i anem a Objetos-fletxa
negra- submenú "Formularios" o bé Insertar-Formulario
i cliquem el primer quadret: surten dues línies discontínues
vermelles i una finestra de PROPIETATS nova: a Acción posem
el mailto de qui rebrà el qüestionari (mailto: (adreça
de mail)
Posem el cursor dins
les línies vermelles i cerquem entrar-hi una taula amb tantes
fileres com línies de preguntes + línies de respostes
hi volem posar. 10 preguntes + 10 respostes=20 fileres. I si ho volem
més bonic, cal deixar fileres en blanc, entre preguntes i respostes.
Ens hem d´assegurar que "table" estigui dins
de "form" (podem anar al codi html a veure-ho)
Per exemple:
Fila
1 : com us dieu?
Fila 2: Insertar campo de texto del menú del formulari (segona
icona) i surt un espai on poder-hi escriure i a propiedades:
campo de texto (NOM: el que rebrem a l´email) An (amplada, 50)
Cars màx (número de lletres com a màxim, 80)
i una línia.
Fila 3 Primera pregunta del nostre qüestionari.
Fila 4: Respostes possibles: Insertar botón de opción
i primera resposta, un altre cop i segona resposta i un altre cop
i tercera resposta... I així totes les que calgui. A les
propiedades de cada botó hem d´anar apuntant: Botón
opción (tema de la pregunta en 1 mot) Valor activado (la paraula
de la resposta del primer botó) Estado (desactivado). Repetir
la feina per cada botó però sempre, a Botón
Opción, heu de posar la mateixa paraula tema- resum de la pregunta
perquè així l´usuari només podrà
clicar una de les opcions.
Altres tipus de preguntes:
-Si volem que pugui triar
més d´una resposta, posarem Insertar casilla de verificación
(la de la creu del menú del formulari) i tots els botons que
volguem. La diferència és que a Nombre de casilla
posarem el mateix amb número d´ordre: volcà1,
volcà2, volcà3. Després valor activado cada nom
possible i Desactivado.
-Insertar un menú
emergent: Insertar Lista/Menú, de Formularios.A Lista/Menú
posem el tema. Als valores de la lista deixem el primer camp
buit per no forçar cap a una resposta per ser la primera de
la llista. L'amplada del quadre del menú va en funció
de la llargada dels mots que inclou.
-Respostes lllargues:
seguir els passos de la primera pregunta (com et dius?) però
triar varias lineas (líneas núm: 3,4,5...) ample 50
i ajuste físico (si el text s´allarga, el recollirà).
Per acabar: cal fer
el botó ENVIAR. Menú formularis, Insertar botón
(el tercer, blau, de la llista) Etiqueta enviar i acción: enviar
formulario i Esborreu Submit, que surt per defecte.
LES
BARRES DE NAVEGACIÓ
El Dreamweaver permet fer una
barra de navegació a la pàgina que preferiu.Normalment
es posen a l'índex d'entrada quan és una pàgina
de marcs i resten immòbils durant tota la web. Els marcs els
veurem en un altre tems.
Obriu
FINESTRA OBJETOS-COMÚN i cliqueu la icona on es veuen
tres botons blaus, un sobre l'altre, amb el segon assenyalat amb una
fletxa.
S'obre
una finestra on us va demanant el nom de cada botó, quina imatge
es veurà amb el botó en repòs, quina imatge es
veurà quan el cursor estigui a sobre, quina imatge es veurà
quan es cliqui amb el cursor i quina imatge es veurà un cop
clicat (són els quatre espais de selecció que hi ha
sota el nom del botó). Podeu fer, doncs, quatre efectes de
botó (4 colors del mateix botó, 4 botons diferents,etc.).
PERÒ,EN TOTS ELS CASOS, HEU DE TENIR ELS BOTONS CONFECCIONATS
PRÈVIAMENT I GUARDATS EN UNA CARPETA QUE DIGUI "botons
de navegació". A sota , podeu triar a quina URL adreçarà
aquell botó quan se'l cliqui ,i si la barra-taula serà
horitzontal o vertical
Per
fer el segon botó, es clica el signe + de dalt i es torna a
donar nom i a seleccionar imatges. I així fins que acabem amb
el total de botons que volem posar a la barra. Quan es clica Aceptar,
apareix la barra, en format de taula.
Si
ens havíem oblidat de posar URL als botons, ho podem fer ara,
seleccionant cada botó i establint el seu VINCULO a la finestra
PROPIETATS.
Aquí teniu un exemple de
barra de navegació per a aquesta web:
COM
FABRICAR BOTONS PER A LA NOSTRA WEB.
Els botons de la barra de navegació
HAN DE DUR EL NOM DE LA PÀGINA ON ENS DIRIGEIXEN i per
fer-ho, s'han de fabricar amb un programa de dibuix, com el Paint
Shop Pro. Podeu anar fent cada botó i les seves versions ,
buscant el fons que voleu, escrivint les lletres a sobre, centrant-les...
Podeu partir de fons ja agafats d'Internet... en fi, les possibilitats
depenen de la creativitat de cadascú. NO US OBLIDEU DE DONAR-LOS
NOMS QUE ELS IDENTIFIQUIN BÉ, a l'hora de gravar-los a
la carpeta: "Mail-negre", "Mail-vermell"; "Índex-ratllat",
"Índex-llis"...
ATENCIÓ:
NOMÉS FUNCIONARÀ SI JA TENIU LA PÀGINA GUARDADA
A LA VOSTRA CARPETA-WEB.