Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali?
|
|
- Cosimo Santoro
- 8 anni fa
- Visualizzazioni
Transcript
1 Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali? Riprendiamo il discorso, introducendo la tag Body e iniziando a creare la struttura della nostra prima pagina web. A questo punto, per non generare equivoci, devo fare una precisazione riguardante la nuova versione del linguaggio html, la versione 5, che semplifica di molto la creazione della struttura della pagina. Con il termine "Struttura", intendo il layout della pagina, cioè l'ossatura grafica e strutturata della pagina, come se fosse lo scheletro di un palazzo o il telaio di una vettura. Quindi, quando stiamo creando la pagina, dobbiamo creare prima la struttura, perciò, è come se, nel crearla, suddividessimo la pagina in tanti pezzi diversi, come se fossero dei veri e propri contenitori, ognuno adibito ad un ruolo ben specifico e che accoglierà i contenuti che decideremo per ognuno di essi. Facciamo una parentesi. Fino alla versione di html4, le pagine venivano composte a settori e ogni settore era identificato da una tag denominata
2 <div>. Il risultato era che le intestazioni, i menu, gli elenchi, i contenuti, il piè di pagina, eccetera, erano tutti all'interno di tag DIV inserite all'interno della pagina stessa. Ovviamente, per poter formattare con i css i contenuti delle tag DIV, bisognava dare ad ogni DIV un identificativo specifico ed univoco per distinguerlo. Questo identificativo si chiama Id e deve essere assolutamente unico per ogni pagina. Faccio un esempio: <div id="menunavigazione"> contenuti che vedremo più avanti </div> Analizziamo questa stringa. La tag è: <div>, una tag di apertura che dopo aver inserito i contenuti, è chiusa con: </div> Però, gli abbiamo assegnato anche un identificativo: Id, mettendo un uguale e tra le virgolette il nome che vogliamo assegnare a questo div. Come avete notato, tale ID è posizionato tra il nome della tag DIV e il segno di maggiore per completare e chiudere la tag. L'identificativo id, possiamo assegnarlo ad ogni elemento, stando molto attenti a quello che scriviamo tra le virgolette. Infatti, non è possibile inserire spazi. Quando il nome è composto da più parole, ma non è una regola, si può scrivere la seconda parola con la lettera maiuscola, oppure separare le due parole con un segno di sottolineato o un trattino, solo per dare modo a chi legge di poter capire meglio quello che legge. E' importante riportarlo nel foglio di stile, css, esattamente come è stato scritto, perché altrimenti non funzionerà. Quindi, riassumendo: 1. L'identificativo Id non è altro che un attributo della tag Div. 2. Il valore dell'attributo è il nome inserito tra le virgolette. 3. L'identificativo, che sarebbe una sorta di etichetta univoca, può essere dato a qualsiasi elemento purché unico per ogni pagina.
3 Tornando alla prima parte della spiegazione, con le versioni precedenti di HTML, trovavamo le pagine piene di tag Div ed i browser non avevano nessuna possibilità di distinguere un div da un'altro, se non si era oculati, inserendo un attributo ID per ognuno di essi. Con l'html 5, questa problematica viene in buona parte risolta, dando delle nuove Tag specifiche ad alcuni settori della pagina stessa. Si precisa che il Tag Div è ancora utilizzato e valido per il W3C. Allora, molto probabilmente vi chiederete come è strutturata attualmente una pagina. Vediamolo subito, considerando solo le tag contenute all'interno della tag Body. Nota bene: si fa presente che nella tag Body abbiamo tutti gli elementi visibili nella pagina che il navigatore vede a schermo. Di seguito, c'è l'elenco delle tag e per ogni tag, è scritta la tag, un segno di uguale e il significato: <header> = L'intestazione del sito, quella visibile all'utente. Può contenere anche più livelli. <nav> = indica il menu di navigazione principale del sito. <aside> = significa Di fianco, e all'interno è possibile aggiungere contenuti aggiuntivi, che restano graficamente su un lato. <hgroup> = questa tag, possiamo utilizzarla per racchiudere più livelli di intestazione, dandogli così una gerarchia indipendente dalle altre intestazioni della pagina. Poi vedremo nei dettagli e sarà più chiaro.
4 <section> = Questa tag, può contenere una porzione di contenuti nella pagina, e viene quasi sempre preceduta da una intestazione. Su questa tag, ci sono un po' di polemiche in rete, in quanto non è chiaro quando può sostituire la tag Div. <div> = Questa era la più usata in passato, e ogni tipologia di contenuto può essere inserito dentro alle tag Div. <footer> = questa tag è il piè di pagina dove di solito vengono inseriti il Copyright e i dati del creatore del sito, o anche i dati aziendali. Per eseguire un esercizio pratico di come vengono usati questi tag, apriamo il nostro file index.html e, all'interno, tra le tag <body> e </body>, inseriremo le tag sopra elencate. Potete anche selezionarle e copiarle direttamente nel vostro file index.html, anche se io consiglio di prendere la buona abitudine di scriverle direttamente, se non altro, per acquisirne mentalmente la struttura e non avere più il bisogno di andare a leggerle. Questo aiuta ad apprendere meglio in futuro il percorso che stiamo facendo. Aperto il file index.html, inserite dopo l'apertura della tag Body, quindi, dopo la tag <Body>, quanto segue: <header> <hgroup> <h1> Sito html 5 </h1> <h2> corso html per non vedenti </h2> <h3> Il sito scritto tutto in codice </h3>
5 </hgroup> <nav> <h1> Menu di navigazione </h1> <p> Qui inseriremo il nostro menu principale </p> </nav> </header> <div id="content"> <!-- inizio contenuti --> <h2> Html 5 presentazione del corso </h2> <p> qui inseriremo i contenuti. </p> </div> <!-- chiuso contenuti --> <footer> <p> piè di pagina </p> <small> Copyright </small>
6 </footer> Scritte o copiate le tag come indicato sopra, abbiamo una struttura minima e potremo iniziare a inserirci ulteriori contenuti. Nota importante! La struttura è di fondamentale importanza per svariati motivi: 1. I siti hanno la stessa struttura in quasi tutte le pagine, cambiando poi solo i contenuti. Quindi, una buona struttura, permette di risparmiare parecchio tempo nello sviluppo del sito. Però, prima di creare una struttura, è fondamentale avere un'idea ben chiara di quanti tipi di pagine si vogliono utilizzare ed avere, quindi, idea anche della struttura delle pagine successive. 2. Utilizzando i fogli di stile a cascata, per la formattazione degli elementi sulla pagina, questa viene applicata una sola volta alla struttura e si ripete automaticamente per tutte le pagine del sito che hanno la stessa struttura. 3. Una struttura programmata in modo corretto consente ai browser di caricare il sito con rapidità, perché non c'è alcun bisogno di personalizzare le informazioni degli elementi previsti dai contenuti delle pagine. L'adattamento delle informazioni sui contenuti è previsto dall'html 5, quindi, vedremo successivamente come far in modo che anche i browser datati possano caricare la nostra pagina esattamente come l'abbiamo creata. 4. Riguardo all'accessibilità per i disabili visivi, avere i settori delle pagine correttamente identificati dalle Tag univoche e specifiche, ci snellisce e ci agevola nella navigazione delle pagine e ci consente di operare, anche su pagine molto grandi, senza mai perdere l'orientamento, cosa che accadeva spesso quando una pagina era stata strutturata con centinaia di div.
7 Prima di passare all'inserimento dei contenuti ed ulteriori Tag, controlliamo con una panoramica del codice, cosa abbiamo inserito nella nostra index.html fino a questo punto. Tralasciando la tag html di apertura e chiusura della pagina ed utilizzando i vari tag aperti e chiusi con al loro interno la spiegazione di cosa conterranno, il nostro file index.html è formato dal seguente codice: <head> Contiene le informazioni non visibili che vedremo in seguito </head> <body> contiene tutti gli elementi della pagina visibili dal navigatore. </body> All'interno della tag body, abbiamo diviso in: <header> contiene le Intestazioni del sito, racchiuse all'interno della tag <hgroup> intestazioni </hgroup> chiusa da </header> <nav> Questa Tag racchiuderà tutti gli elementi del menu principale del nostro sito. </nav> Questa tag, può anche essere tranquillamente contenuta all'interno della tag Header. Chiusa la tag Header con il codice di chiusura </header>, abbiamo aperto una tag Div con la tag <div id="content">, dandogli un identificativo con il nome content. Ripeto che l'identificativo sarebbe il nome proprio della tag Div. Notate di fianco alla tag Div, un commento. Ricordate, specialmente in presenza di tag Div, inserite sempre dei commenti sia all'apertura, sia alla chiusura, perché se riprendete il lavoro, anche se fosse per apportare una qualche modifica, serviranno a ricordare per quale motivo avete previsto quella tag. Intestazione di secondo livello e poi i contenuti della Home Page.
8 Chiusura della tag Div content, con il codice </div>, con un commento. Apertura della Tag Footer con il codice <Footer>. Un paragrafo nel quale ho inserito dei contenuti fittizi del piè di pagina e che poi sostituiremo con quelli veri. Una tag Smal con codice <small> contenuto Smal </small> che Scrive il carattere di dimensioni ridotte e si usa, quasi sempre, per il copyright e per le cose che non si vogliono far risaltare troppo. Chiusura tag Footer con il codice </footer> Ovviamente, come indicato già sopra, tutte queste Tag devono essere contenute tra l'apertura della tag Body, con il codice <body>, e la sua chiusura con il codice </body>. Ho inserito anche dei paragrafi con i codici <p> contenuto paragrafo </p> solo per dare delle indicazioni quando si apre la index.html con il browser. Vi spiego subito cos'è la tag paragrafo, anche se poi la vedremo meglio successivamente. <p> Qui inseriremo del testo. </p> Potete notare che è molto semplice. Ecco spiegato come si compone la tag di apertura del paragrafo: segno minore, lettera p, segno maggiore.
9 Ecco spiegato come si compone la tag di chiusura del paragrafo: segno minore, la barra con shift più 7, lettera p, segno maggiore. Nota importante: anche se l'html 5 non crea differenze tra maiuscole e minuscole, la lettera p di questa tag, ma in genere tutto il testo delle tag, deve sempre essere minuscolo, altrimenti il validatore del W3C ci darà un messaggio di errore per ogni volta che inseriamo una maiuscola. Vi rimando alla prossima parte, Nella quale inizieremo a vedere i seguenti elementi: le Intestazioni, i Link, le liste e creeremo il nostro menu principale per la navigazione del sito. *********** Per ulteriori spiegazioni, scrivere a: Roberto Abutzu roberto@evyweb.it_
Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. **********
Corso html 5. Di Roberto Abutzu. *********** Terza parte: Prime nozioni: Tag e prima pagina, continuazione. ********** Prime nozioni: Tag e prima pagina, continuazione. Nota bene, al fine di avere anche
DettagliPer accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE.
Cos'è l'html HTML è una sigla che viene da una frase inglese che vuol dire: " Linguaggio di contrassegno di ipertesti" (Hyper Text Markup Language) L'Html non è un vero e proprio linguaggio di programmazione,
Dettaglilo 2 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000
Capittol lo 2 Visualizzazione 2-1 - PERSONALIZZARE LA FINESTRA DI WORD 2000 Nel primo capitolo sono state analizzate le diverse componenti della finestra di Word 2000: barra del titolo, barra dei menu,
DettagliCorso html 5. Di Roberto Abutzu. `***********` Sedicesima parte: Evidenziare il testo e le date. `**********`
Corso html 5. Di Roberto Abutzu. `***********` Sedicesima parte: Evidenziare il testo e le date. `**********` Nota importante: Questa lezione e la successiva vanno considerate come un'unica lezione. Affronteremo
DettagliCOME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE
COME ELIMINARE PARTI DEL TEMPLATE IN PAGINE SINGOLE Con questa guida impareremo come eliminare delle singole zone del template che utilizziamo all'interno di una pagina specifica. Questo metodo torna utile
Dettagli3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione.
Elaborazione testi 133 3.5 Stampa unione 3.5.1 Preparazione 3.5.1.1 Aprire, preparare un documento da utilizzare come documento principale per una stampa unione. Abbiamo visto, parlando della gestione
DettagliCREAZIONE E MODIFICA DELLA PAGINA WEB DELLA BIBLIOTECA Andare nel modulo Biblioteche in alto a sinistra. Digitare nel campo Nome Biblioteca la
CREAZIONE E MODIFICA DELLA PAGINA WEB DELLA BIBLIOTECA Andare nel modulo Biblioteche in alto a sinistra. Digitare nel campo Nome Biblioteca la denominazione del Comune della Biblioteca (basta anche solo
DettagliCorso html 5. Di Roberto Abutzu. `***********` Ottava parte: I link, seconda parte. `**********` I link, seconda parte.
Corso html 5. Di Roberto Abutzu. `***********` Ottava parte: I link, seconda parte. `**********` I link, seconda parte. Continuiamo la parte che completerà la trattazione dei link, andando ad operare direttamente
Dettagliwww.filoweb.it STAMPA UNIONE DI WORD
STAMPA UNIONE DI WORD Molte volte abbiamo bisogno di stampare più volte lo stesso documento cambiando solo alcuni dati. Potremmo farlo manualmente e perdere un sacco di tempo, oppure possiamo ricorrere
DettagliVersione 7.0 Taglie e Colori. Negozio Facile
Versione 7.0 Taglie e Colori Negozio Facile Negozio Facile: Gestione taglie e colori Il concetto di base dal quale siamo partiti è che ogni variante taglia/colore sia un articolo a se stante. Partendo
DettagliGuida all uso di Java Diagrammi ER
Guida all uso di Java Diagrammi ER Ver. 1.1 Alessandro Ballini 16/5/2004 Questa guida ha lo scopo di mostrare gli aspetti fondamentali dell utilizzo dell applicazione Java Diagrammi ER. Inizieremo con
DettagliNUOVA PROCEDURA COPIA ED INCOLLA PER L INSERIMENTO DELLE CLASSIFICHE NEL SISTEMA INFORMATICO KSPORT.
NUOVA PROCEDURA COPIA ED INCOLLA PER L INSERIMENTO DELLE CLASSIFICHE NEL SISTEMA INFORMATICO KSPORT. Con l utilizzo delle procedure di iscrizione on line la società organizzatrice ha a disposizione tutti
DettagliAlla scoperta della nuova interfaccia di Office 2010
Alla scoperta della nuova interfaccia di Office 2010 Una delle novità più eclatanti della versione 2007 era la nuova interfaccia con la barra multifunzione. Office 2010 mantiene questa filosofia di interfaccia
DettagliPROCEDURA INVENTARIO DI MAGAZZINO di FINE ESERCIZIO (dalla versione 3.2.0)
PROCEDURA INVENTARIO DI MAGAZZINO di FINE ESERCIZIO (dalla versione 3.2.0) (Da effettuare non prima del 01/01/2011) Le istruzioni si basano su un azienda che ha circa 1000 articoli, che utilizza l ultimo
DettagliCapitolo 3. L applicazione Java Diagrammi ER. 3.1 La finestra iniziale, il menu e la barra pulsanti
Capitolo 3 L applicazione Java Diagrammi ER Dopo le fasi di analisi, progettazione ed implementazione il software è stato compilato ed ora è pronto all uso; in questo capitolo mostreremo passo passo tutta
DettagliWiki di Netapprendere
Wiki di Netapprendere Manuale d uso per i tesisti della Comunità di apprendimento Gli incontri del Giovedì prof. Salvatore Colazzo Manuale redatto da Ada Manfreda Collegati a: http://www.salvatorecolazzo.it/wordpress
DettagliGuida Joomla. di: Alessandro Rossi, Flavio Copes
Guida Joomla di: Alessandro Rossi, Flavio Copes Grafica e template 1. 15. La grafica e i template Personalizzare l'aspetto del sito aggiungendo nuovi template e customizzandoli 2. 16. Personalizzare il
DettagliTUTORIAL PER UTILIZZO CATALOGO RICAMBI WEB
TUTORIAL PER UTILIZZO CATALOGO RICAMBI WEB 1. COME ACCEDERE AL CATALOGO... 2 2. DESCRIZIONE BARRA DEL MENU... 3 2.1 LINGUE... 3 2.2 ACCEDI/RESET... 4 2.3 RICERCA RICAMBI... 4 2.3.1 RICERCA PER DESCRIZIONE...
DettagliMANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004
MANUALE PER L UTILIZZO DELLA FUNZIONE EVENTI Rel.1.2 del 29 gennaio 2004 PRELIMINARE - Avete digitato la password che Vi è stata attribuita e siete entrati nell area riservata all AMMINISTRAZIONE del Vostro
DettagliSettaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template.
I TEMI PREDEFINITI (TEMPLATE) Scelta del tema I temi predefiniti di wordpress sono la base di un sito che usa un utente che per ragioni pratiche o per incapacità non può creare un sito usando solo codice
DettagliModuli (schede compilabili) in Word Esempio: scheda di alimentazione per un degente
Moduli (schede compilabili) in Word Esempio: scheda di alimentazione per un degente Vediamo come utilizzare Word per costruire un modulo compilabile, ovvero una scheda che contenga delle parti fisse di
DettagliPrincipio. di base per una buona riuscita
Una delle attività da affrontare nel nostro lavoro è quella di realizzare un layout, ossia una struttura dove posizionare contenuti per creare una pagina web. Ci sono molti tipi di pagine web quindi diverse
DettagliAPPUNTI DI HTML (SECONDA LEZIONE)
APPUNTI DI HTML (SECONDA LEZIONE) 1. TITOLI, PARAGRAFI, BLOCCHI DI TESTO E CONTENITORI. E utile scrivere il testo che vogliamo inserire nella nostra pagina html all interno di appositi tag. La pagina sarà
Dettaglitommaso.iacomino@gmail.com INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1
INTERNET EXPLORER Guida introduttiva CAPITOLO 1 Fig. 1 IMPORTANTE: forse non visualizzate questa barra, se così fosse usiamo questa procedura: posizioniamo il cursore sulla parte vuota tasto destro del
DettagliPOSTA ELETTRONICA Per ricevere ed inviare posta occorrono:
Outlook parte 1 POSTA ELETTRONICA La posta elettronica è un innovazione utilissima offerta da Internet. E possibile infatti al costo di una telefonata urbana (cioè del collegamento telefonico al nostro
DettagliCominciamo dalla barra multifunzione, ossia la struttura a schede che ha sostituito la barra dei menu e la barra delle icone (Figura 1).
La barra multifunzione La barra multifunzione e il pulsante Microsoft Office Se avete lavorato per tanti anni con la suite da ufficio Office, questa nuova versione 2007 può disorientarvi davvero molto.
DettagliJoomla: Come installarlo e come usarlo. A cura di
Joomla: Come installarlo e come usarlo. A cura di In questa dispensa andremo a vedere come si installa joomla sul noto software xampp e come viene usato per creare siti web dinamici. Tecnol earn Firmato
DettagliManuale di realizzazione dei modelli di documento
MystiqueXML Manuale di realizzazione dei modelli di documento Indice 1 Le tabelle...5 1.1 Tabelle condizionali...5 1.2 Tabelle Multiple - un solo livello...5 1.3 Tabelle Multiple - a più livelli...5 2
Dettagli5-1 FILE: CREAZIONE NUOVO DOCUMENTO
Capittol lo 5 File 5-1 FILE: CREAZIONE NUOVO DOCUMENTO In Word è possibile creare documenti completamente nuovi oppure risparmiare tempo utilizzando autocomposizioni o modelli, che consentono di creare
DettagliGESTIONE LISTE R VIRTUALI
GESTIONE LISTE R VIRTUALI La gestione delle liste giocatori virtuali permette di impostare la lista giocatori in modo digitale sul sistema WCM in sostituzione ai supporti cartacei. La compilazione della
DettagliDOCUMENTO ESPLICATIVO
DOCUMENTO ESPLICATIVO Modificare il proprio sito con Web designer Digitate il vostro username e password e compariranno tre tasti: AREA RISERVATA, WEB DESIGNER e LOGOUT Cliccate sul tasto WEB DESIGNER
DettagliWORD 97 SCRIVERE UNA TESI DI LAUREA
WORD 97 SCRIVERE UNA TESI DI LAUREA PASSO 1 Per prima cosa pensiamo al formato generale della pagina: i margini richiesti da una tesi sono quasi sempre più ampi di quelli di un testo normale. Apriamo ora
DettagliTEMI - Struttura. I file del tema
TEMI - Struttura - Ci sono due possibilità per modificare un tema: - Tramite l editor di amministrazione (AspettoàEditor), che consente di selezionare modificare i file (NOTA: copiare il file prima di
DettagliGENERAZIONE PREVENTIVI
GENERAZIONE PREVENTIVI Per la creazione di un nuovo preventivo si fa sempre riferimento ad un Tipo Preventivo, identificato da una certa Sigla. Nell esempio seguente vediamo come il preventivo abbia impostata
DettagliQuesta guida è realizzata per spiegarvi e semplificarvi l utilizzo del nostro nuovo sito E Commerce dedicato ad Alternatori e Motorini di avviamento.
Guida all uso del sito E Commerce Axial Questa guida è realizzata per spiegarvi e semplificarvi l utilizzo del nostro nuovo sito E Commerce dedicato ad Alternatori e Motorini di avviamento. Innanzitutto,
DettagliNell Header posto nella parte superiore della pagina, possiamo trovare informazioni che identificano l organizzazione
GUIDA ALL USO Il sito del Consorzio Proximo è stato concepito per due diverse finalità: una grafica accattivante per rispondere alle esigenze di vetrina su internet e invogliare potenziali clienti a richiedere
Dettagli2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento.
Uso del computer e gestione dei file 57 2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento. All interno
DettagliUso dei modelli/template
Uso dei modelli/template Il modello (o template, in inglese) non è altro che un normale file di disegno, generalmente vuoto, cioè senza alcuna geometria disegnata al suo interno, salvato con l estensione.dwt.
DettagliOffice 2007 Lezione 08
Word: gli stili veloci e i temi Da questa lezione, iniziamo ad occuparci delle innovazioni che riguardano specificamente Word. Cominceremo parlando di stili e temi. Nella filosofia di questo nuovo Word,
DettagliProgetto: ARPA Fonte Dati. ARPA Fonte Dati. Regione Toscana. Manuale Amministratore
ARPA Fonte Dati Regione Toscana 1 Redatto da L. Folchi (TAI) Rivisto da Approvato da Versione 1.1 Data emissione 09/10/13 Stato FINAL 2 Versione Data Descrizione 1,0 06/08/13 Versione Iniziale 1.1 09/10/2013
Dettagli5.3 TABELLE 5.3.1 RECORD 5.3.1.1 Inserire, eliminare record in una tabella Aggiungere record Eliminare record
5.3 TABELLE In un sistema di database relazionali le tabelle rappresentano la struttura di partenza, che resta poi fondamentale per tutte le fasi del lavoro di creazione e di gestione del database. 5.3.1
Dettagliwww.associazioni.milano.it - Il sito dedicato alle associazioni no-profit di Milano e provincia
Utilizzo del Forum NEWS Il forum news è stato pensato per dare ad ogni associazione la possibilità di pubblicare una pagina di novità all intero del proprio sito (scheda o pagina autocomposta). E la sezione
DettagliRegistrazione. Scelta del nome
Introduzione Altervista (www.altervista.org) mette a disposizione le più moderne tecnologie web 2.0 per creare un proprio sito web. In questo tutorial vogliamo guidarvi nella registrazione al sito e nella
DettagliCONTENUTI 1. INTRODUZIONE...3 2. CONCETTI BASICI SU EQUINOX CMS XPRESS...5 3. ACCESSO A EQUINOX CMS XPRESS...9 4. PAGINA D INIZIO...
CONTENUTI 1. INTRODUZIONE...3 DEFINIZIONE...3 ELEMENTI DEL SERVIZIO...3 TECNOLOGIA E OPERAZIONE...3 WORKFLOW E GRAFICO DI PROCESSI...4 2. CONCETTI BASICI SU EQUINOX CMS XPRESS...5 STRUTTURA...5 OGGETTI...5
DettagliRegione Toscana. ARPA Fonte Dati. Manuale Amministratore. L. Folchi (TAI) Redatto da
ARPA Fonte Dati Regione Toscana Redatto da L. Folchi (TAI) Rivisto da Approvato da Versione 1.0 Data emissione 06/08/13 Stato DRAFT 1 Versione Data Descrizione 1,0 06/08/13 Versione Iniziale 2 Sommario
DettagliFigura 1 Le Icone dei file di Excel con e senza macro.
18 Le macro Le macro rappresentano una soluzione interessante per automatizzare e velocizzare l esecuzione di operazioni ripetitive. Le macro, di fatto, sono porzioni di codice VBA (Visual Basic for Applications)
DettagliCMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010
CMS MUSEO&WEB Mappe grafiche Andrea Tempera (OTEBAC) 12 aprile 2010 Introduzione Grazie ad appositi tag HTML possiamo associare molteplici collegamenti a differenti zone di un'unica immagine; un'immagine
DettagliModulo 4 Il pannello amministrativo dell'hosting e il database per Wordpress
Copyright Andrea Giavara wppratico.com Modulo 4 Il pannello amministrativo dell'hosting e il database per Wordpress 1. Il pannello amministrativo 2. I dati importanti 3. Creare il database - Cpanel - Plesk
DettagliFtpZone Guida all uso
FtpZone Guida all uso La presente guida ha l obiettivo di spiegare le modalità di utilizzo del servizio FtpZone fornito da E-Mind Srl. All attivazione del servizio E-Mind fornirà solamente un login e password
DettagliDatabase 1 biblioteca universitaria. Testo del quesito
Database 1 biblioteca universitaria Testo del quesito Una biblioteca universitaria acquista testi didattici su indicazione dei professori e cura il prestito dei testi agli studenti. La biblioteca vuole
DettagliProcedura di installazione di Xubuntu 8.10 su un PC
Procedura di installazione di Xubuntu 8.10 su un PC Bonacina Alberto Prima di tutto si deve inserire il Live CD nel computer, riavviare il computer e fare in modo che nelle preferenze del boot ci sia impostata
DettagliDa: http://guide.aiutamici.com/guide?c1=7&c2=15&id=75084
Da: http://guide.aiutamici.com/guide?c1=7&c2=15&id=75084 Spazio web gratuito Per poter pubblicare il proprio sito su internet, si deve disporre di uno spazio web, se non ne abbiamo già uno lo dobbiamo
DettagliSi aprirà una schermata dove verranno proposte le gare assegnate
Come compilare la scheda on line dei programmi di gara. Vediamo nel dettaglio quali sono le cose da fare per compilare correttamente un programma di gara on line. Ogni società può accedere alle schede
DettagliGuida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti)
GUIDE Sa.Sol. Desk: Rete Telematica tra le Associazioni di Volontariato della Sardegna Guida all'uso del CMS (Content Management System, Sistema di Gestione dei Contenuti) Argomento Descrizione Gestione
DettagliFormattazione. ü Introduzione
Formattazione ü Introduzione Abbiamo fatto un bel po' di lavoro con Mathematica, vero? Abbiamo visto come creare, valutare, semplificare, disegnare, programmare, cucinare, pescare, ed anche come sfilare
DettagliLogin. Gestione contenuto. www.sitofaidate.it
www.sitofaidate.it Questa guida è stata scritta per utenti di basso/medio livello, guida pratica per chi vede per la prima volta l editor di testo jce i cui riferimenti delle icone sono visibili cliccando
DettagliMAUALE PIATTAFORMA MOODLE
MAUALE PIATTAFORMA MOODLE La piattaforma moodle ci permette di salvare e creare contenuti didattici. Dal menù principale è possibile: inviare dei messaggi agli altri docenti che utilizzano la piattaforma:
DettagliMICROSOFT OFFICE WORD 2010 STAMPA UNIONE
MICROSOFT OFFICE WORD 2010 STAMPA UNIONE STAMPA UNIONE CON MICROSOFT OFFICE WORD 2010 La Stampa Unione è un'importante funzione di Word che ci consente di creare delle lettere personalizzate da inviare
DettagliGESGOLF SMS ONLINE. Manuale per l utente
GESGOLF SMS ONLINE Manuale per l utente Procedura di registrazione 1 Accesso al servizio 3 Personalizzazione della propria base dati 4 Gestione dei contatti 6 Ricerca dei contatti 6 Modifica di un nominativo
DettagliClient - Server. Client Web: il BROWSER
Client - Server Client Web: il BROWSER Il client Web è un applicazione software che svolge il ruolo di interfaccia fra l utente ed il WWW, mascherando la complessità di Internet. Funzioni principali Inviare
DettagliManuale Utente Albo Pretorio GA
Manuale Utente Albo Pretorio GA IDENTIFICATIVO DOCUMENTO MU_ALBOPRETORIO-GA_1.4 Versione 1.4 Data edizione 04.04.2013 1 TABELLA DELLE VERSIONI Versione Data Paragrafo Descrizione delle modifiche apportate
DettagliPULSANTI E PAGINE Sommario PULSANTI E PAGINE...1
Pagina 1 Sommario...1 Apertura...2 Visualizzazioni...2 Elenco...2 Testo sul pulsante e altre informazioni...3 Comandi...3 Informazioni...4 Flow chart...5 Comandi...6 Pulsanti Principali e Pulsanti Dipendenti...6
DettagliINFORMAZIONI IMPORTANTI e MOLTO UTILI
INFORMAZIONI IMPORTANTI e MOLTO UTILI VARIE Codice VERSIONE DEL PROGRAMMA SIMBOLI NELLE MASCHERE PASSWORD INIZIALE SALVATAGGIO SU PEN-DRIVE MESSAGGI IN FASE DI LANCIO DEL PROGRAMMA IMMAGINI DA PERSONALIZZARE
DettagliIL MIO PRIMO SITO: NEWS
Pagina 1 IL MIO PRIMO SITO: NEWS Sommario IL MIO PRIMO SITO: NEWS...1 Introduzione...2 I Contenitori...2 Creo un Contenitore...3 I Tracciati...4 Creo le Notizie...6 Inserisco il Testo...6 Inserisco un
DettagliSpiegazione Open Interest Storico:
Spiegazione Open Interest Storico: Ogni volta che viene scaricata la chain delle opzioni, tutti i dati ottenuti vengono memorizzati anche nel database storico, che comprende quindi sia i valori degli Open
DettagliTutorial: Adattare le skin del web a Jimdo. Per postare questo tutorial su altri blog/siti/forum inviatemi una e-mail o un pm
Tutorial: Adattare le skin del web a Jimdo Tutorial creato da: marte9020 Tutorial creato per: http://jimding3.jimdo.com Programma utilizzato: Google Chrome (Qualsiasi Browser va bene) Per postare questo
DettagliFtpZone Guida all uso Versione 2.1
FtpZone Guida all uso Versione 2.1 La presente guida ha l obiettivo di spiegare le modalità di utilizzo del servizio FtpZone fornito da E-Mind Srl. All attivazione del servizio E-Mind fornirà solamente
DettagliQuesta guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara.
Piccolo Manuale Manuale Pt 1ª Registrazione (Login) Questa guida vi illustrerà i principali passaggi da eseguire per l'inserimento dei Bandi di gara. Riceverete una email contenente: Link della vostra
Dettagli4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO
4.1 PER INIZIARE 4.1.1 PRIMI PASSI COL FOGLIO ELETTRONICO 4.1.1.1 APRIRE UN PROGRAMMA DI FOGLIO ELETTRONICO L icona del vostro programma Excel può trovarsi sul desktop come in figura. In questo caso basta
DettagliSCHEDA M MOSAICI CLASSIFICARE CON LA SIMMETRIA
SCHEDA M MOSAICI CLASSIFICARE CON LA SIMMETRIA Qui sotto avete una griglia, che rappresenta una normale quadrettatura, come quella dei quaderni a quadretti; nelle attività che seguono dovrete immaginare
DettagliOffice 2007 Lezione 02. Le operazioni più
Le operazioni più comuni Le operazioni più comuni Personalizzare l interfaccia Creare un nuovo file Ieri ci siamo occupati di descrivere l interfaccia del nuovo Office, ma non abbiamo ancora spiegato come
DettagliPowerPoint. Guida introduttiva
PowerPoint Guida introduttiva Informativa Questa guida nasce con l intento di spiegare in modo chiaro e preciso come usare il software Microsoft PowerPoint. In questa guida saranno tralasciati tutti quei
DettagliCon questo Programma f24 condomini quando un fornitore mi consegna una fattura riporto i dati della fattura (tipo importo scadenza ecc) cliccando sul
Con questo Programma f24 condomini quando un fornitore mi consegna una fattura riporto i dati della fattura (tipo importo scadenza ecc) cliccando sul primo tasto in alto a sinistra, se voglio scannerizzare
DettagliLEZIONE 6. Sommario LEZIONE 6 CORSO DI COMPUTER PER SOCI CURIOSI
1 LEZIONE 6 Sommario SESTA LEZIONE... 2 FACCIAMO IL PUNTO DELLA SITUAZIONE... 2 POSTA IN ARRIVO... 3 LEGGERE UN MESSAGGIO... 4 SCRIVERE UN MESSAGGIO... 4 SCRIVIAMO!... 5 RISPONDIAMO!... 5 SESTA LEZIONE
DettagliEntrare nel sistema. Clicca su Entra per entrare nel sistema. PAGINA 1
Entrare nel sistema Clicca su Entra per entrare nel sistema. PAGINA 1 Entrare nel sistema Compare il box di login in cui inserire il nome utente e la password fornite tramite posta elettronica. PAGINA
DettagliFile, Modifica, Visualizza, Strumenti, Messaggio
Guida installare account in Outlook Express Introduzione Questa guida riguarda di sicuro uno dei programmi maggiormente usati oggi: il client di posta elettronica. Tutti, ormai, siamo abituati a ricevere
Dettagliper scrivere un articolo da prima pagina! per inviare una newsletter Come si crea Comunicazione Anfaa Edizione 4a.2013
per scrivere un articolo da prima pagina! Quando si vuole inserire un articolo che compaia nel riquadro Ultime notizie della home page, si deve impostare la categoria Ultime notizie, in aggiunta a quella
DettagliCorso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013
Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale
DettagliCMS ERMES INFORMATICA
01/07/2014 Guida di riferimento alla pubblicazione di contenuti sul portale Il presente documento costituisce una guida di riferimento all aggiornamento e alla pubblicazione di contenuti sui portali web
DettagliXSL: extensible Stylesheet Language
XSL: extensible Stylesheet Language XSL è un insieme di tre linguaggi che forniscono gli strumenti per l elaborazione e la presentazione di documenti XML in maniera molto flessibile. I tre linguaggi devono
DettagliForm di gestione del contenuto
Form di gestione del contenuto Inserimento delle informazioni strutturate che compongono il nodo 40 Form di gestione del contenuto Selezionando il comando Modifica accanto al contenuto desiderato oppure
DettagliStampa unione - prof. Enzo Mardegan - http://digilander.libero.it/enzomrd 2
INVITI PERSONALIZZATI CON STAMPA UNIONE Scrivere una stessa lettera a dieci persone diverse è decisamente noioso. I programmi di elaborazione di testo ti permettono di risparmiare un sacco di tempo basta
Dettagli2 Fortino Lugi. Figura Errore. Nel documento non esiste testo dello stile specificato.-3 -- Finestra attiva o nuovo documento
1 Fortino Lugi STAMPA UNIONE OFFICE 2000 Vi sarà capitato sicuramente di ricevere lettere pubblicitarie indirizzate personalmente a voi; ovviamente quelle missive non sono state scritte a mano, ma utilizzando
DettagliGUIDA DETTAGLIATA ALL ACQUISIZIONE DELL ACCOUNT GMAIL.
GUIDA DETTAGLIATA ALL ACQUISIZIONE DELL ACCOUNT GMAIL. La pagina di accesso alla Gmail è presente all indirizzo http://www.gmail.com. Qui possiamo accedere al servizio inserendo il nostro nome utente e
DettagliI link e l'ipertestualità
I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può
DettagliGuida alla registrazione on-line di un NovaSun Log
Guida alla registrazione on-line di un NovaSun Log Revisione 4.1 23/04/2012 pag. 1 di 16 Contenuti Il presente documento è una guida all accesso e all utilizzo del pannello di controllo web dell area clienti
DettagliCome utilizzare il nuovo HelpDesk Maggioli Informatica
Come utilizzare il nuovo HelpDesk Maggioli Informatica Sommario 1. Home... 2 2. Tickets... 3 3. Nuove richieste... 3 4. Knowledge Base... 5 5. Documenti... 5 6. Referenti... 6 7. Come modificare e/o resettare
DettagliIl sofware è inoltre completato da una funzione di calendario che consente di impostare in modo semplice ed intuitivo i vari appuntamenti.
SH.MedicalStudio Presentazione SH.MedicalStudio è un software per la gestione degli studi medici. Consente di gestire un archivio Pazienti, con tutti i documenti necessari ad avere un quadro clinico completo
DettagliAmministrazione gruppi (Comunità)
Amministrazione gruppi (Comunità) Guida breve per il docente che amministra il gruppo Premessa Di regola i gruppi sono creati all interno della Scuola. Nel caso in cui vi fosse la necessità di aprire un
DettagliVi ricordiamo che per qualsiasi problema tecnico o informazione potete contattare info@eduitalia.org oppure Francesco al 3357761103.
Gentili Associati, in questi ultimi tempi abbiamo lavorato per sviluppare un software capace di far gestire direttamente alle scuole la propria presenza sul sito di Eduitalia. Tramite la registrazione
DettagliCreare un sito Multilingua con Joomla 1.6
Creare un sito Multilingua con Joomla 1.6 Istruzioni Vai a: navigazione, ricerca Testo originale: http://docs.joomla.org/language_switcher_tutorial_for_joomla_1.6 Questa guida è valida sia per Joomla 1.6
DettagliAnalisi di bilancio: un modello con grafici
Esercitazioni svolte di laboratorio 2008 Scuola Duemila 207 Il caso Esercitazione svolta di laboratorio n. 3 Analisi di bilancio: un modello con grafici Roberto Bandinelli Riccardo Mazzoni Gli addetti
DettagliCentro Iniziative Sociali Municipio III
Centro Iniziative Sociali Municipio III C.I.S Municipio III Corso di informatca Roberto Borgheresi C ORSO BASE DI I NFORMATICA Centro Iniziative Sociali Municipio III Coordinatore: Roberto Borgheresi Insegnanti:
DettagliBiblioteca di Cervia NOZIONI BASE DI INFORMATICA
Biblioteca di Cervia NOZIONI BASE DI INFORMATICA NOZIONI DI INFORMATICA Il PC è composto solitamente di tre parti principali: - Il Case, ovvero il contenitore del cuore del computer, da qui si accende
DettagliGuida alla procedura di inserimento materiale didattico sui minisiti degli insegnamenti
Guida alla procedura di inserimento materiale didattico sui minisiti degli insegnamenti Inserimento materiale Rendere il materiale accessibile tramite inserimento di user e password (autenticazione) Impostazioni
DettagliUtilizzo della Intranet, forum privati Soci e Staff
Utilizzo della Intranet, forum privati Soci e Staff Se durante la registrazione ad Associazioni Milano avete fatto richiesta del servizio denominato Intranet, questo sarà subito disponibile già a partire
DettagliLA MOLTIPLICAZIONE IN CLASSE SECONDA
LA MOLTIPLICAZIONE IN CLASSE SECONDA Rossana Nencini, 2013 Le fasi del lavoro: 1. Proponiamo ai bambini una situazione reale di moltiplicazione: portiamo a scuola una scatola di biscotti (. ) e diamo la
DettagliCorso html 5. Di Roberto Abutzu. `***********` Tredicesima parte: Le immagini. `**********`
Corso html 5. Di Roberto Abutzu. `***********` Tredicesima parte: Le immagini. `**********` Dopo l'introduzione al linguaggio Css, riprendiamo l'apprendimento del linguaggio Html 5 introducendo le immagini.
DettagliGuida all uso del portale www.revisoreweb.it per il software Bilancio di previsione 2012
Guida all uso del portale www.revisoreweb.it per il software Bilancio di previsione 2012 Per accedere all uso del prodotto Schema di relazione dei revisori al Bilancio di previsione degli Enti Locali per
Dettagli