|
Forumlive 2006
26 Luglio 2006
Laboratorio con Marialuisa Di
Paola
~~~~~~~~~~
Costruiamo insieme una pagina web col Frontpage
~~~~~~~~~~
Approfittiamo dell’occasione offertaci dal nostro incontro
per imparare ad impostare bene una pagina web.
Costruiamo la nostra pagina personale sull’esperienza di
Forumlive 2006.
Apri Frontpage, centra, inserisci tabella 1 riga, 3 colonne,
larghezza 100%, altezza 900 px. Andiamo ad osservare il codice
html cliccando in basso sulla parola codice:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 1</title>
</head>
<body>
<div align=center>
<table border="1" width="100%" height="900" id="table1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
Come osserviamo, tra i due tag di apertura e chiusura <html> e
</html>, stanno la testa <head> e </head> ed il corpo <body> e </body>.
La centratura del tutto è <div align=center> chiuso da </div>.
La tabella è rappresentata da <table border="1" width="100%"
height="900" id="table1"> con la sua chiusura </table>.
All’interno della tabella una riga è rappresentata da <tr> con
la chiusura </tr>, ed una colonna da <td> con chiusura </td>.
Da notare gli allineamenti di aperture e chiusure.
Torniamo a clicca normale e definiamo le larghezze relative
delle tre colonne cliccandovi dentro col tasto dx, proprietà
della cella, specifica larghezza, e scriviamo rispettivamente
per la prima larghezza 10%, altezza 100%, applica, ok, per la
seconda larghezza 70%, altezza 100%, per la terza larghezza 20%,
altezza 100%. Osserviamo il codice
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 1</title>
</head>
<body>
<div align=center>
<table border="1" width="100%" height="900" id="table1">
<tr>
<td width="10%" height="100%"> </td>
<td width="70%" height="100%"> </td>
<td width="20%" height="100%"> </td>
</tr>
</table>
</div>
</body>
</html>
Prima di inserire qualsiasi cosa dentro una cella è bene
centrare.
È buona norma che ogni oggetto, scrittura o immagine, stia
dentro una cella, per cui prima di cominciare ad inserire
posizioniamoci nella colonna sinistra, centra, inserisci
tabella, 10 righe 1 colonna, che in seguito potrai modificare
cliccando col dx, proprietà tabella, larghezza 100% e altezza
100%.
Inseriamo nella terza colonna una tabella di 25 righe 2 colonne,
larghezza 100% , altezza 100%. Andiamo ad osservare il codice:
dentro ogni riga <tr> troviamo due piccole colonne <td>.
Considerando come base una videata larga 770 px , avremo cura di
inserire delle immagini che per le 3 colonne non superino
rispettivamente i 77 px, 539 px, 154 px (infatti il 10% di 770 è
77, il 70% di 770 è 539 e il 20% di 770 è 154).
Centriamo sulla prima cella della prima colonna ed inseriamo il
loghetto (72 x 54) che sta nella cartella immagini. Se volete
potete ridimensionare la cella cliccando dentro col dx,
proprietà cella, altezza 54 px.
Nella terza colonna inserite gli avatar dei partecipanti a
Forumlive 2006 che trovate nella cartella immagini con nella
cella a destra il nominativo (non dimenticate di centrare sempre
prima di inserire). In seguito potrete linkare al nominativo la
pagina web della persona (seleziona il nome, inserisci
collegamento ipertestuale…).
Nella casella al centro clicca col dx, centra, inserisci tabella
3 righe, 1 colonna, larghezza 100%, altezza 100%, …………………..continua……………………
Alla fine: file, salva come pagina web…….
Componenti aggiuntivi
Aprendo una pagina col frontpage si possono inserire dei
componenti aggiuntivi che danno degli effetti, ad esempio, alla
transizione delle pagine, o permettono di inserire una raccolta
di immagini, ecc…
-Formato, transizione pagine………
oppure
-Inserisci componente web………
|
