Questa é la sezione del bordo pagina sinistro.
Diverse immagini hanno dimensioni diverse nella versione ripulita da bordi & sfondi di questa pagina, il cui scopo é quello di porre in evidenza la struttura nidificata delle tabelle nella pagina, in un formato di riscontro che eviti l'uso dello scrolling orizzontale. |
Test di formattazione per utenti che usano schermi troppo piccoli !
Il formato della pagina rispecchia quello di un formato tipo di un Web di FrontPage.
800x600 HTML Dinamico di FrontPage 2000 800x600
L'arte primaria del Web é il Copia & Incolla, questa é una pagina Web progettata con blocco note
|
Inizio Cella 1
La barra di navigazione é realizzata come del resto tutta la pagina con il solo html.
Grazie alla flessibilità di alcuni parametri html che riguardano le tabelle é stato possibile indicare la differenza delle versioni della pagina di NetMeeting, usando i colori fondamentali della bandiera inglese.
| Con le tabelle é possibile allinearsi, proprio come in politica, in qualsiasi direzione convemga ! | Centrare un'immagine :
![]()
etc...
Nota bene :
le immagini di questa pagina sono tante e per poterle gestire, senza appesantire il caricamento, (visto che esse sono ripetitive), la loro gestione ricorre a JavaScript.
Se si vuole modificare o sostituire le immagini occorre quindi tenere presente che le la loro dislocazione é concatenata con JavaScript.
![]()
Un'informazione d'oro :
Nota Bene :
Tutti i file JavaScript di posizionamento delle immagini sono raggruppati alla fine in un unico Script al fine di permettere al browser di caricare le immagini che, vengono rilevate dall'interprete JavaScript e sostituite, se questo non viene fatto l'interprete non vede le immagini nella cache e quindi non sà dove andarle a prendere per inserirle nelle allocazioni vuote ( prive di file sorgente ).
|
Fine Cella 1
|
Inizio Cella 2
Questo effetto di html dinamico é invece stato disegnato in FrontPage 2000 e poi qui copiato !
Survey, Expediting, Web, Commerce :
www.ics3w.com/index.html
FrontPage 2000 Html Editing
|
FrontPage
|
Sotto un'Applet Java da Copiare & Incollare ! |
index.html |
|
Nella cartella "questa",
contenuta nel Web,
Vittorio 1 & 2 sono immagini dell'amico Fritz,
Vittorio 3 é invece il cielo stellato,
Vittorio 4 & 5 é di nuovo l'amico Fritz,
mentre Vittorio 6 é una nebulosa.
Conta 6 secondi dall'apparizione della nebulosa
per sincronizzarti con l'Applet. Posizionando il mouse sull'immagine la frequenza aumenta !
|
Info su questa Cella :
( Tabella bordata in giallo )
Per poter implementare tre Celle con spazio equamente disponibile é stato necessario annidare in questa Cella con colspan=4, una tabella da dividere poi in tre Celle.
Usando la Riga con Celle colspan1, colspan2, colspan1 , invece si otterrebbe lo spazio Cella colspan2 con bordi indefiniti, inutilizzabili ed incontrollabili.
|
Info sull'Applet (Per le opzioni vedi il codice) :
I files necessari per questa applet sono :
1) Una cartella per le immagini ( e.g. 6 )
2) Effect.class
3) LivingLinks.class
La personalizzazione é molto intuitiva.
NB : Con una sequenza di fotogrammi,
é possibile implementare un piccolo filmato.
|
|
Fare click una volta
sull'immagine dell'amico Fritz per scegliere un collegamento da
visitare.
Per ripensarci solleticare di nuovo con un click ( fuori dal menu a
tendina ) il vostro migliore amico.
|
Nel caso in cui l'applet non parte, durante la rivisitazione della pagina stessa, provare a ricaricare la pagina nel browser, facendo click sul pulsante : "Aggiorna", per forzare l'apertura che é determinata da file esterni alla pagina i quali devono essere rivisitati e a volte le impostazioni di navigazione veloce li ignorano su rivisita.
|
Confronta
|
|
I files
necessari per quest'altra applet sono 4 :
|
Naturalmente il codice sorgente html
1) Un file per l'immagine principale
2) Un file img per lo sfondo
3) fprotatx.class
4) fprotate.class
|
|
Settaggi possibili :
![]()
|
default value = ""
blindsHorizontal
blindsVertical
dissolve
boxOut
boxIn
|
Se la Stella Polare Animata é al centro del grafico, allora la risoluzione del tuo Pc é 800x600
|
Fine Cella 2
|
|
Questa é la sezione del bordo pagina destro.
Diverse immagini hanno dimensioni diverse nella versione ripulita da bordi & sfondi di questa pagina, il cui scopo é quello di porre in evidenza la struttura nidificata delle tabelle nella pagina, in un formato di riscontro che eviti l'uso dello scrolling orizzontale. |
