CONTATORE di visite IMPAZZITO:

alla data sopra indicata lo stato di avanzamento del mio SITO è ...


Sei pronto per partire? S C A R I C A questo file compresso miosito.zip clicca qui oppure sul link a sinistra Salvalo direttamente nella pendrive o sul desktop del tuo PC e successivamente decomprimilo. Provalo. E' solo un prototipo che dovrai modificare e/o integrare per adattarlo alla tua scuola. Ma prima creiamo una intestazione con Corel PhotoPaint che contenga anche dei link con MAPEDIT ......


.:: Fogli di Stile CSS (Cascading Style Sheet) ::.
Esempi di CSS: index1 - index2 - index3 - index4 - index5 - index6 - index7 - index8 - index9 - index

.:: qui siamo sulla quarta riga di questa pagina ::.
VAI IN FONDO ALLA PAGINA e troverai una sorpresa (l'Hard-Disk ONLINE)
(esempio di link ipertestuale ad un segnalibro di questa stessa pagina)
ATTENZIONE: basta osservare il LINK nella BARRA di STATO e ci si accorge che ad esso (LINK della pagina attuale)
si aggiunge # + il segnalibro. Nel nostro caso index.htm#piedipagina


link discenti corso + link ai moduli del corso


l'ACCESS KEY e TITLE nei LINK IPERTESTUALI


Uso di TITLE e ACCESSKEY
<A href="http://www.itipacinotti.it" title="Vai alla home page del sito del Pacinotti, istituto tecnico industriale con specializzazioni in ..." accesskey="p">Pacinotti</A>

Il parametro "accesskey", in questo caso impostato al valore "p", rende il link "Pacinotti" attivabile non solo andandoci con il mouse ma anche premendo i tasti ALT e P (perché abbiamo specificato "p" ma ovviamente siamo liberi di definire un qualunque carattere da tastiera). Il link si attiva ma per "cliccarlo" occorre premere il tasto INVIO. Gli utenti ciechi e i pigri del mouse vi ringrazieranno per l'uso accorto che farete dei parametri "title" e "accesskey"! Attenzione: questi parametri funzionano solo con Microsoft Internet Explorer, non con Netscape. Se usate il parametro "accesskey" è necessario comunicare in qualche modo quale carattere si deve usare con il tasto ALT per attivare il link. Potete ad esempio rendere quel carattere in grassetto e/o sottolineato:

<A href="http://www.itipacinotti.it" title="Vai alla home page del sito del PAcinotti, istituto tecnico industriale con specializzazioni in ..." accesskey="p"><b>P</b>acinotti</A>

Modifichiamo dunque la nostra pagina di esempio rendendo i link usabili ed accessibili:

sito della scuola - indice siti amici del corso

Pacinotti , Armellini , Direzione Didattica



continuando sui LINK IPERTESTUALI ...

  1. ESEMPIO DI STRUTTURA AD ALBERO
  2. ESEMPIO DI STRUTTURA LINEARE UNIDIREZIONALE
  3. ESEMPIO DI STRUTTURA LINEARE BIDIREZIONALE


ed ancora sui LINK ... pagina popup!

  1. ESEMPIO DI apertura di finestra di popup


scrollbar_colorate (FOGLI DI STILE)

  1. ESEMPIO DI scrollbar colorate


webalbum

  1. ESEMPIO DI ALBUM DI FOTO SU INTERNET



MAPPARE LE IMMAGINI
(download Software MAPEDIT FREEWARE)


  1. esempio: mappa della "Natura Morta"
  2. esempio: mappa del "Personal Computer"
  3. esempio: mappa delle razze umane
  4. esempio: mappa dell'"Organigramma1"
  5. esempio: mappa dell'"Organigramma2"
  6. esempio: mappa dell' "ITALIA" immagine1
  7. esempio: mappa dell' "ITALIA" immagine2
  8. esempio: mappa dell' "ITALIA" immagine3
  9. esempio: mappa dell' "ITALIA" immagine4
  10. esempio: mappa dell' "ITALIA" immagine5
  11. esempio: mappa di una planimetria
http://editor.html.it/guide/lezione/169/immagini-segnaposto-mappe-immagine-filetto-orizzon/


Sono nella mia HOMEPAGE



Prima di fare CLIC fai una sosta sul COLLEGAMENTO per poter leggere le indicazioni


1) esercitazione1 questo che stai leggendo non è un link esercitazione n.1 CHE SI APRE in una nuova finestra


2) esercitazione2 questo che stai leggendo non è un link esercitazione n.2 CHE SI APRE in una nuova finestra


3) esercitazione mia questo che stai leggendo non è un link esercitazione mia CHE SI APRE in una nuova finestra




TABELLA con larghezza 80% del disponibile ed altezza 250 pixel


a1 b1 c1
a2 b2 c2
a3 b3 c3
a4 b4 c4
a5 b5 c5
a6 b6 c6
a7 b7 c7



TABELLA con larghezza 50% del disponibile ed altezza 500 pixel


a1 b1 c1
a2 b2 c2
a3 b3 c3
a4 b4 c4
a5 b5 c5
a6 b6 c6
a7 b7 c7






TABELLA con larghezza 800 pixel ed altezza 250 pixel


a1 b1 c1
a2 b2 c2
a3 b3 c3
a4 b4 c4
a5 b5 c5
a6 b6 c6
a7 b7 c7






TABELLA con larghezza 800 pixel ed altezza 250 pixel


le dimensioni originali erano width=864 height=666
le dimensioni attuali sono width=432 height=333




spieghiamo come funziona l'Hard-disk ONLINE

Permette ai visitatori di inviarti files di piccole dimensioni, include funzioni di base per la manipolazione dei files inviati. Oppure Ti trovi fuori casa senza pendrive ma hai la possibilità di collegarti e vuoi caricare un file che ti servirà successivamente a casa, ebbene nel FORM che segue clicca su SFOGLIA il file che vuoi caricare e poi clicca su CARICA; appena caricato sul tuo spazio web per recuperarlo in un secondo momento ( a casa oppure altrove) devi collegarti su

www.altervista.org

inserire la tua USEDID che abitualmente usi per l'FTP e la password in alto a destra e poi cliccare sulla freccina (presente sul lato destro dei dati che hai inserito) ed il gioco è fatto. Successivamente segue una nuova schermata nella quale clicca su _TOOLS e poi scorri verso il basso per trovare la funzionalità ricercata (HDD online) finalmente clicca sull'icona dell'hard disk ed entrerai nella gestione dei file caricati da te oppure da qualche visitatore.




..:: qui siamo in fondo a questa pagina E questo è un segnalibro ::..              ORA TORNA SU QUASI IN CIMA ALLA PAGINA