<!DOCTYPE> e <HEAD>: chi ben comincia...
|
|
|
- Elisa Forte
- 8 anni fa
- Visualizzazioni
Transcript
1 Altri articoli e informazioni il mio sito [ il mio blog Scrivimi [mailto:info@christianfusi.com] <!DOCTYPE> e <HEAD>: chi ben comincia... Introduzione In questo articolo descriveremo gli elementi che appaiono in una pagina (x)html prima e all'interno della sezione <HEAD>. Spiegheremo la loro funzione e come vanno scelti. Parleremo del doctype, di come fornire importanti informazioni sul nostro sito tramite i metadati e di quali accorgimenti si possono già adottare in questa parte del codice per rendere il sito più accessibile. Il <!DOCTYPE> Il primo elemento che deve/dovrebbe comparire nel codice della nostra pagina web è il <!DOCTYPE> (Document Type Declaration) che serve a dichiarare quale versione HTML o XHTML abbiamo utilizzato per scriverla e quindi a quale DTD (Document Type Definition) facciamo riferimento. Per esempio quello qui sotto è il doctype di HTML 4.01 transitional conprensivo di URL <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " Esistono per l'(x)html tre distinte DTD: strict, transitional e frameset. Il primo è il più rigido, implica l'abbandono di tutti gli elementi ed attributi di presentazione che devono quindi essere affidati ai fogli di stile. Se ciò non è possibile (per le specifiche richieste del progetto o per una nostra decisione progettuale) si può utilizzare una DTD Transitional (loose.dtd) che invece consente (o meglio "tollera") l'uso di questi attributi. La Frameset è identica alla Transitional, tranne che, come dice il nome, prevede l'uso di frame e dei relativi tag. Infine è da notare che il doctype può riportare o meno l'url dove reperire la DTD che potrebbe essere pubblica e online, ma anche privata e in locale. Quindi le combinazione che il doctype può assumere sono svariate. Facciamo un passo indietro nel tempo per essere più chiari. L'HTML è nato come derivazione dell' SGML, un linguaggio standard ISO piuttosto complesso che comporta necessariamente la conformità con una DTD, ovvero con un documento (spesso esterno) che, definendo i <TAG> e la loro sintassi, specifica esattamente ciò che posso/devo/non-posso scrivere nel mio codice. L'HTML non è però uno standard e un doctype non è obbligatorio. Diversa è la questione dell'xhtml. Essendo quest'ultimo la riformulazione in XML di HTML (ed anche il suo successore), un documento scritto con questo linguaggio
2 punta ad essere valido e ben formato secondo la DTD che viene specificata nel doctype obbligatorio. Questa informazione è utilissima in due modi: 1)Controllo del codice da parte dei validatori I validatori (come questo del W3C [ solo in questo modo possono dirci quali errori abbiamo commesso nello scrivere il nostro codice perchè altrimenti non potrebbero conoscere quale versione dell' (X)HTML abbiamo adottato. Preciso: non che a noi "esseri umani" per scrivere codice HTML occorra conoscere nella sua forma originale il file DTD [ ma sappiate che le specifiche [ di tale linguaggio ricalcano queste DTD. 2)Rendering della pagina da parte dei browser Netscape ed Explorer hanno implementato il supporto agli standard in modo differente. Netscape (che dalla versione 6 si appoggia al progetto open-source Mozilla e al suo motore Gecko, e di cui la 7 sarà l'ultima versione) ha fatto del supporto ai CSS e al DOM un suo vanto; Explorer invece ha implementato gradualmente dalla versione 5, attraverso la 5.5 e infine con la 6 (parliamo di versioni per PC), tale supporto. Per sopperire a queste differenze si è pensato di dare agli sviluppatori uno strumento in più: la possibilità di utilizzare il doctype switch. Attraverso il doctype si possono dare istruzioni ai browser su come devono compontarsi nel visualizzare la pagina. Tale possibilità viene introdotta da Internet Explorer 5 per Mac, Internet Explorer 6 PC, Mozilla, Netscape 6, tutti i browser basati su Gecko (come Camino, Galeon, Phoenix ecc.ecc.), Opera 7 e Safari. Le tre modalità di funzionamento dei browser sono: Quirk: la pagina viene visualizzata come nelle vecchie versioni dei browser, in modalità non standard. Si garantisce così la retrocompatibilità. Standard: massimo supporto agli standard. Almost standard:standard, ma con una eccezione. Quest'ultima modalità, disponibile solo con Mozilla (dall' 1.1) e Netscape 7, è uguale alla standard tranne che nella gestione del valore di line-height. Questo, sebbene implementato dai CSS2, in Explorer viene calcolato diversamente. Rispettando gli standard, Mozilla e Netscape mostrerebbero in confronto ad Internet Explorer un margine inferiore vuoto alla base delle immagini (se queste sono state allineate disponendole in celle di tabella, il problema diviene molto evidente). Per non avere tale diversità di visualizzazione Mozilla e Netscape hannno scelto di poter gestire *solo* questa regola come se si fosse in Quirk mode. Alcuni dei comportamenti assunti dai browser in modalità Quirk sono molto noti dai webdesigner (e lo sono anche le "contromisure" come i boxmodel hacks di IE5 [ altri meno anche se
![org/]) solo in questo modo possono dirci quali errori abbiamo commesso nello scrivere il nostro codice perchè altrimenti non potrebbero conoscere quale versione dell' (X)HTML abbiamo adottato.](/docs-images/46/8280257/images/page_2.jpg "Preciso: non che a noi \"esseri umani\" per scrivere codice HTML occorra conoscere nella sua forma originale il file DTD [http://www.w3.org/tr/xhtml1/dtds.")
3 documentati sui siti ufficiali dei browser. Fate attenzione però che i browser si "mettono" in modalità Quirk anche per motivi diversi da quello di una scelta precisa dello sviluppatore. Può accadere ad esempio per la presenza/mancanza della URL nel doctype, oppure se iniziate un documento html con qualcosa di diverso dal doctype come un prologo XML, oppure se il doctype non lo mettete proprio. Si è tentato di riassumere le possibili combinazioni browser/doctype [ in questa tabella di Henri Sivonen. Il tag <HTML> Subito dopo il doctype scriviamo necessariamente il tag <HTML>. Così diciamo agli useragent che quanto è contenuto tra esso e la sua chiusura (</HTML>) è codice html. Possono essere specificati al suo interno anche gli attributi: LANG (linguaggio) il cui valore è espresso con sigle standard di due caratteri [ ["IT" per Italia] DIR (direzione della lettura) che per i caratteri occidentali è LTR [left to right] XMNLS (il namespace [ necessario solo per documenti xhtml inquanto derivati da XML Un esempio: <html xmlns=" lang="it" dir="ltr"> [ <HEAD>: i META-TAG Finalmente ci siamo, ora apriamo la nostra sezione <head> e ci mettiamo dentro il primo dei suoi tag: <title> Il titolo della pagina </title> Il suo contenuto fornisce informazioni all'utente comparendo nella barra in alto dei browser (detta appunto "barra del titolo") ma le fornisce anche ai motori di ricerca essendo uno dei dati che questi prendono in maggior considerazione nell'indicizzare le nostre pagine. Dunque fate molta attenzione nel decidere cosa scriverci. Consiglio: nella homepage usatelo per descrivere il vostro sito, magari inserendoci anche qualcuna delle parole chiave su cui avete puntato. Nelle pagine interne invece potete fornire indicazioni all'utente sul percorso della sua navigazione, es. "Mio sito» Sezione: articoli» CSS". A questo punto vanno inseriti quella serie di metatag la cui sintassi è piuttosto riconoscibile. Eccone alcuni: <meta http-equiv="content-type" content="text/html; charset=iso "> <meta name="keywords" content="parole chiave, divise, dalla virgola">
![mettete proprio. Si è tentato di riassumere le possibili combinazioni browser/doctype [http://www.hut.fi/~hsivonen/doctype.html] in questa tabella di Henri Sivonen.](/docs-images/46/8280257/images/page_3.jpg "Il tag <HTML> Subito dopo il doctype scriviamo necessariamente il tag <HTML>. Così diciamo agli useragent che quanto è contenuto tra esso e la sua chiusura (</HTML>) è codice html.")
4 <meta name="description" content="un breve testo descrittivo"> Il primo serve a definire il set di caratteri che abbiamo adottato (iso è lo standard per i caratteri occidentali) Il secondo contiene le parole chiave che volete verranno utilizzate dai motori di ricerca per "trovare" il nostro sito (fatevi furbi: più le parole chiave sono comuni, meno sono efficaci. Lasciate perdere "mp3, sex, free, ecc.ecc.") Infine "description" ha come contenuto il breve testo (consiglio massimo 300 caratteri) che verrà anch'esso dato in pasto ai motori di ricerca. Esistono molti altri meta-tag che ora non descriveremo. Servono a gestire i motori di ricerca, fare refresh e reindirizzamenti, fornire informazioni sul sito del tipo: autore, copyright, software usato per generare le pagine, scadenza e aggiornamento dei contenuti. In certi casi, esempio in grandi archivi di documenti, fornire metadati è essenziale per catalogarli, ma è necessario che la forma utilizzata per definirli sia comune a tutti. In questo senso nascono standard di descrizione delle risorse in formato elettronico come il noto Dublin Core [ Ora capirete il perchè del "DC" negli esempi qui sotto: <meta name="dc.creator" content="mio nome" /> <meta name="dc.language" content="italian" /> Attenzione però, i 15 elementi descrittivi fornitevi dal DC, devono essere rigorosamente rispettati nella sintassi e nella semantica per essere davvero utili. Accessibilità e usabilità Si può rendere un sito accessibile e usabile già in questa parte del codice. Vedremo due esempi in cui ciò avviene. I. I fogli di stile. Partiamo dall'assunto che tutte le informazioni necessarie alla formattazione della nostra pagina (la sua "presentazione") le forniremo tramite un foglio.css esterno. Per essere attenti all'usabilità però, i fogli di stile saranno più di uno: avremo quelli legati ai vari device (schermo, stampante, PDA, dispositivi alternativi come braille o sintetizzatori vocali) e quello semplificato necessario per la retrocompatibilità coi vecchi browser (su tutti NN4). Il mio consiglio è di strutturare il codice in questo modo: <link rel="stylesheet" type="text/css" media="screen" href="basic-styles.css"/> <style type="text/css" media="screen"> url("advanced-styles.css"); --> </style>
5 <link rel="stylesheet" type="text/css" media="print" href="print-styles.css"/> In rosa: il link al file basic-style.css ovvero al foglio di stile piuttosto semplice che abbiamo creato per i vecchi browser, quelli che non gestiscono molte delle specifiche CSS2. In verde: poichè i vecchi browser (di quarta generazione) non supportano la ignoreranno questa istruzione e quindi non caricheranno il nostro foglio advanced-styles.css, a differezza di quelli moderni. Infine in giallo: grazie alla definizione media="print" forniamo un foglio di stile che verrà usato solo dalle stampanti. [Nota: NN4 non comprende valori diversi da "screen" per l'attributo "media"] Un appunto: esiste la pratica del "browser sniffing", ovvero tramite javascript si tenta di capire quale browser usa l'utente e gli si passa il foglio di stile adeguato. Io la eviterei, nella maggior parte dei casi, poichè rispetto ai vantaggi che può offrire, essa richiede troppa attenzione sia nella scelta del codice javascript (che potrebbe sbagliarsi o peggio crashare) che nella realizzazione dei diversi fogli. Naturalmente tutto ciò va valutato sulla base del progetto, caso per caso. Importatnte è far si, in ogni modo, che i contenuti siano sempre e comunque accessibili dalla maggior parte degli utenti, seppur non tutti li vedranno esattamente allo stesso modo. II: I tag link di navigazione Anche se i browser più diffusi, mi riferisco a IE5.x e IE6, non supportano questa soluzione, dovete sapere che grazie al tag <link rel=" "> si posso creare dei pulsanti standard che appariranno nella barra di navigazione del browser. In questo modo potete fornire velocemente un alternativa per accedere alle pagine più importanti del vostro sito, come Home, Mappa, Autore, Help, Cerca, capitoli di un documento o fornire tasti come Precedente e Successivo. Degli esempi ed un elenco dei valori possibili dell'attributo REL lo trovate qui, sul W3C [ <LINK rel="alternate" > Con il tag <LINK> come abbiamo visto possiamo specificare fogli di stile, dare una mano all'accessibilità e, aggiungiamo, linkare altri elementi utili del nostro sito. Negli esempi del W3C [il link citato sopra] c'erano anche altre due possibilità: <link rel="alternate" type="application/rss+xml" title="rss" href="tuofeed.rdf" /> <link rel="alternate" href="tuapagina.fr" hreflang="fr" title="traduzione francese" /> Questo esempio mostra come si possa segnalare alle applicazioni che ne fanno uso
6 (aggregatori, motori di ricerca basati sui feed, ecc.ecc.) la presenza di un feed RSS generato dal nostro sito ). Lo stesso si può fare con un altro formato di metadati come FOAF, ma attenzione al giusto formato MIME nell'attributo TYPE (per FOAF è "application/rdf+xml"). Infine, se servisse, si posso fornire versione alternative della pagina in un altra lingua. Approfondimenti (link a siti esterni): SGML è Standard ISO 8879 HTML 4.01 è l'ultima versione di HTML e risale a Dicembre 1999 CSS1 nasce nel Dicembre 96, CSS2 nel maggio 98 Sul W3C: DTD per HTML4 [ e XHTML1 [ Il quirk sui siti di IE [ url=/library/en-us/dnie60/html/cssenhancements.asp] e Mozilla [ e Opera [ Sulle tecniche di import dei CSS: Eric Meyer [ L'elenco dei valori assegnabili a MEDIA [ dalle specifiche W3C Christian Fusi Novembre 2003
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
UTILIZZO DEL TEMPLATE Parte 1 - struttura
UTILIZZO DEL TEMPLATE Parte 1 - struttura PROGRAMMI UTILIZZATI: gestione del codice HTML - HTML-Kit è un Editor Web non di tipo visuale, che consente la costruzione ex-novo di pagine web o la loro modifica,
USARE JOOMLA 1.7/2.5 per gestire il vostro sito.
1 USARE JOOMLA 1.7/2.5 per gestire il vostro sito. 1. Per accedere al pannello di controllo: www.vostrosito.it/administrator 2. Inserire utente e password 3. Il vostro pannello di controllo si presenterà
Guida all uso della piattaforma. E-did@blog. portale Weblog & Podcast del MIUR COME UTILIZZARE AL MEGLIO L AMMINISTRAZIONE DEL BLOG
Guida all uso della piattaforma E-did@blog portale Weblog & Podcast del MIUR COME UTILIZZARE AL MEGLIO L AMMINISTRAZIONE DEL BLOG L area amministrativa si suddivide in due aree: la gestione del blog e
NUOVA 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
MANUALE 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
Office 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
MOCA. Modulo Candidatura. http://www.federscacchi.it/moca. moca@federscacchi.it. [Manuale versione 1.0 marzo 2013]
![MOCA. Modulo Candidatura. http://www.federscacchi.it/moca. moca@federscacchi.it. [Manuale versione 1.0 marzo 2013]](/thumbs/25/5308947.jpg "MOCA. Modulo Candidatura. http://www.federscacchi.it/moca. moca@federscacchi.it. [Manuale versione 1.0 marzo 2013]")
MOCA Modulo Candidatura http://www.federscacchi.it/moca moca@federscacchi.it [Manuale versione 1.0 marzo 2013] 1/12 MOCA in breve MOCA è una funzionalità del sito web della FSI che permette di inserire
Sistema operativo. Sommario. Sistema operativo...1 Browser...1. Convenzioni adottate
MODULO BASE Quanto segue deve essere rispettato se si vuole che le immagini presentate nei vari moduli corrispondano, con buona probabilità, a quanto apparirà nello schermo del proprio computer nel momento
Relazione sulla verifica accessibilità
Relazione sulla verifica accessibilità Sito web: www.comune.stresa.vb.it Premessa Il presente rapporto e l effettiva attività di controllo requisiti per l accessibilità, sono stati effettuati seguendo
Manuale Operativo per l utilizzo della piattaforma E-Learning@AQ. Versione 1.1
Manuale Operativo per l utilizzo della piattaforma E-Learning@AQ Versione 1.1 Autore Antonio Barbieri, antonio.barbieri@gmail.com Data inizio compilazione 11 maggio 2009 Data revisione 14 maggio 2009 Sommario
UN MODELLO DI QUALITÀ PER I SITI WEB
UN MODELLO DI QUALITÀ PER I SITI WEB fonte prof Polillo - 1 - Cos'è un modello di qualità l Una selezione delle caratteristiche che fanno di un sito web un buon sito l Scopo: valutare un sito orientarci
5. Fondamenti di navigazione e ricerca di informazioni sul Web
5. Fondamenti di navigazione e ricerca di informazioni sul Web EIPASS Junior SCUOLA PRIMARIA Pagina 43 di 47 In questo modulo sono trattati gli argomenti principali dell universo di Internet, con particolare
tommaso.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
TUTORIAL 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...
lo 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,
MAUALE 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:
Cominciamo 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.
HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>
FRAME HTML 6 I frame Danno la possibilità di creare finestre multiple all'interno della finestra del browser Si riesce a suddividere la pagina in più sezioni indipendenti, ma che si possono influenzare
TUTORIAL REGISTRO ELETTRONICO NUVOLA
TUTORIAL REGISTRO ELETTRONICO NUVOLA Gasbarro Margherita INTRODUZIONE MODALITA' OPERATIVE La ditta produttrice del registro elettronico garantisce che tutto funziona bene se la navigazione viene effettuata
Capitolo 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
FtpZone 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
MANUALE D USO DELLA PIATTAFORMA ITCMS
MANUALE D USO DELLA PIATTAFORMA ITCMS MANULE D USO INDICE 1. INTRODUZIONE... 2 2. ACCEDERE ALLA GESTIONE DEI CONTENUTI... 3 3. GESTIONE DEI CONTENUTI DI TIPO TESTUALE... 4 3.1 Editor... 4 3.2 Import di
File, 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
Office 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,
Creare 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
Spazio Commerciale. Le tue vendite, il nostro successo. Manuale Operativo. Guida inserimento articoli tramite Area di amministrazione.
Manuale Operativo Guida inserimento articoli tramite Area di amministrazione Pagina 1 di 8 Indice Generale 1. Sommario 2. Introduzione 3. Glossario 4. Accesso all'interfaccia 5. Icone e funzionalità 5.1.
CAPITOLO 1 PREREQUISITI DI INSTALLAZIONE SOFTWARE RICAMBI CAPITOLO 2 PROCEDURA
SOFTWARE RICAMBI CAPITOLO 1 PREREQUISITI DI INSTALLAZIONE SOFTWARE RICAMBI CAPITOLO 2 PROCEDURA DI INSTALLAZIONE SOFTWARE RICAMBI CAPITOLO 3 ISTRUZIONI PER L USO 1 CAPITOLO 1 PREREQUISITI DI INSTALLAZIONE
Il calendario di Windows Vista
Il calendario di Windows Vista Una delle novità introdotte in Windows Vista è il Calendario di Windows, un programma utilissimo per la gestione degli appuntamenti, delle ricorrenze e delle attività lavorative
WORD 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
Esercizi di JavaScript
Esercizi di JavaScript JavaScript JavaScript é un linguaggio di programmazione interpretato e leggero, creato dalla Netscape. E' presente a patire da Netscape 2 in tutti i browser ed é dunque il linguaggio
REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Pella (NO) http://www.comune.pella.no.it/ DATA DELLA VALUTAZIONE 09/07/2008 AUTORE DELLA VALUTAZIONE Alessio Mantegna
Entrare 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
GUIDA PER IL NUOVO SITO DI GESTIONE SERVIZI
Croce Rossa Italiana Comitato Locale di Schio (VI) GUIDA PER IL NUOVO SITO DI GESTIONE SERVIZI Nel foglio che ti è stato consegnato sono indicate le credenziali per accedere all area riservata ad ogni
Come creare pagine WEB
Come creare pagine WEB E' possibile creare pagine WEB secondo diverse modalità: in modo classico, per cui sara' necessario agire su ogni singola marcatura di ognuna delle x pagine; questa soluzione poco
MANUALE PORTALE UTENTE IMPRENDITORE
MANUALE PORTALE UTENTE IMPRENDITORE Indice 1. REQUISITI MINIMI DI SISTEMA E CONTATTI PROGETTO RIGENER@... 3 2. IL PORTALE RIGENER@... 4 2.1 ACCESSO ALLE AREE PRIVATE... 7 2.1.1 Accesso al sito con Windows
Guida per la registrazione alla piattaforma di Gestione dei Corsi per il Consulente Tecnico Telematico
Guida per la registrazione alla piattaforma di Gestione dei Corsi per il Consulente Tecnico Telematico Maribel Maini Indi ndice ce: Procedura di registrazione alla piattaforma e di creazione del proprio
Manuale servizio Webmail. Introduzione alle Webmail...2 Webmail classica (SquirrelMail)...3 Webmail nuova (RoundCube)...8
Manuale servizio Webmail Introduzione alle Webmail...2 Webmail classica (SquirrelMail)...3 Webmail nuova (RoundCube)...8 Introduzione alle Webmail Una Webmail è un sistema molto comodo per consultare la
PULSANTI 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
CESIT HOWTOS - NUMERO 2/2009
I FEED RSS CESIT HOWTOS - NUMERO 2/2009 < I. N. O. G. S. > I N D I C E INTRODUZIONE II RSS IN MOZILLA THUNDERBIRD III RSS IN FIREFOX III RSS IN INTERNET EXPLORER 7 IV ALTRI SISTEMI PER I FEED RSS IV CONCLUSIONI
MANUALE MOODLE STUDENTI. Accesso al Materiale Didattico
MANUALE MOODLE STUDENTI Accesso al Materiale Didattico 1 INDICE 1. INTRODUZIONE ALLA PIATTAFORMA MOODLE... 3 1.1. Corso Moodle... 4 2. ACCESSO ALLA PIATTAFORMA... 7 2.1. Accesso diretto alla piattaforma...
INDICE. Accesso al Portale Pag. 2. Nuovo preventivo - Ricerca articoli. Pag. 4. Nuovo preventivo Ordine. Pag. 6. Modificare il preventivo. Pag.
Gentile Cliente, benvenuto nel Portale on-line dell Elettrica. Attraverso il nostro Portale potrà: consultare la disponibilità dei prodotti nei nostri magazzini, fare ordini, consultare i suoi prezzi personalizzati,
DOCUMENTO 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
CMS 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
IL 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
Settaggio 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
Altro esempio di HTML
HTML (Hyper Text Markup Language) Linguaggio per descrivere una pagina di ipertesto Specifica come dovra apparire quando sara visualizzata, quali collegamenti contiene e dove portano Comando in HTML: riguarda
COMUNE DI ROSSANO VENETO
COMUNE DI ROSSANO VENETO Obiettivi di accessibilità per l anno 2014 Redatto ai sensi dell articolo 9, comma 7 del decreto legge 18 ottobre 2012, n. 179. Redatto il 25.03.2014 1 SOMMARIO Obiettivi di accessibilità
Internet i vostri figli vi spiano! La PAROLA-CHIAVE: cacao Stralci di laboratorio multimediale
Internet i vostri figli vi spiano! La PAROLA-CHIAVE: cacao Stralci di laboratorio multimediale Ins: nel laboratorio del Libro avevamo detto che qui, nel laboratorio multimediale, avremmo cercato qualcosa
Guida alla configurazione della posta elettronica dell Ateneo di Ferrara sui più comuni programmi di posta
Guida alla configurazione della posta elettronica dell Ateneo di Ferrara sui più comuni programmi di posta. Configurazione Account di posta dell Università di Ferrara con il Eudora email Eudora email può
GUIDA STUDENTI HOMEPAGE DEI CORSI ON-LINE
GUIDA STUDENTI Benvenuti sulla piattaforma Des-K, basata su Moodle. Di seguito una breve introduzione alla navigazione tra i contenuti e le attività didattiche dei corsi on-line e una panoramica sui principali
COME FARE UNA RICHIESTA DI ASSISTENZA ON LINE (AOL)
COME FARE UNA RICHIESTA DI ASSISTENZA ON LINE (AOL) Cos è l AOL? Pag. 2 Come inviare una richiesta AOL Pag. 3 La risposta dell assistenza Pag. 5 Come rispondere ad una risposta AOL Pag. 7 Ulteriori nozioni
INDICAZIONI E AVVERTENZE PRELIMINARI
INDICAZIONI E AVVERTENZE PRELIMINARI 1) E necessario l uso di Firefox 3.x o superiore. Si consiglia una risoluzione (minima) di 1024 768 2) Il Simulatore conserva tutti i dati relativi ai quiz eseguiti,
COME 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
Corso 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
Realizzare il layout di un sito web senza utilizzare frame e tabelle
Realizzare il layout di un sito web senza utilizzare frame e tabelle Questa guida descrive in maniera semplice e essenziale i passi necessari alla realizzazione di una pagina web strutturata in maniera
Cosa succede quando si naviga
Programma corso Introduzione (spicciola) di architettura del web Creazione del sito e primi passi Sito statico o blog? Inserimento ed aggiornamento contenuti Personalizzazione grafica Iscrizione ai motori
Tutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 4 Tabelle 4.1 La struttura di una tabella Elementi principali
Per 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,
Guida operativa. My Legal Corner. BestSoft SOFTWARE IN SANITÀ
Guida operativa My Legal Corner BestSoft SOFTWARE IN SANITÀ Via Bono Cairoli 28/A - 20127 Milano (MI) Help desk: 02 29529140 Num. Verde da fisso: 800 978542 E-mail: info@bestsoft.it Sito Internet: www.bestsoft.it
Manuale 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
Guida 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
La sintassi di un DTD si basa principalmente sulla presenza di quattro dichiarazioni:
XML: DTD Da un punto di vista cronologico, il primo approccio per la definizione di grammatiche per documenti XML è rappresentato dai Document Type Definition (DTD). Un DTD è un documento che descrive
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Quinta lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Quinta lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 Adobe Dreamweaver http://www.adobe.com/it/products/dreamweaver/features/?view=topnew
Registratori di Cassa
modulo Registratori di Cassa Interfacciamento con Registratore di Cassa RCH Nucleo@light GDO BREVE GUIDA ( su logiche di funzionamento e modalità d uso ) www.impresa24.ilsole24ore.com 1 Sommario Introduzione...
UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.
UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui
Creare un Ipertesto. www.vincenzocalabro.it 1
Creare un Ipertesto www.vincenzocalabro.it 1 Obiettivi Il corso si prefigge di fornire: Le nozioni tecniche di base per creare un Ipertesto I consigli utili per predisporre il layout dei documenti L illustrazione
FAQ 07/01 - ACCORGIMENTI PER LA VISUALIZZAZIONE DEL NUOVO SITO ISS
Servizio Informatico, Biblioteca, Documentazione ed Attività Settore I Informatica Gruppo Web FAQ 07/01 - ACCORGIMENTI PER LA VISUALIZZAZIONE DEL NUOVO SITO ISS Febbraio 2007 Revisione 200702161541 Indice
Guida alla registrazione on-line di un DataLogger
NovaProject s.r.l. Guida alla registrazione on-line di un DataLogger Revisione 3.0 3/08/2010 Partita IVA / Codice Fiscale: 03034090542 pag. 1 di 17 Contenuti Il presente documento è una guida all accesso
Il database management system Access
Il database management system Access Corso di autoistruzione http://www.manualipc.it/manuali/ corso/manuali.php? idcap=00&idman=17&size=12&sid= INTRODUZIONE Il concetto di base di dati, database o archivio
PROCEDURA ON-LINE PER L EROGAZIONE DEI VOUCHER FORMATIVI SULL APPRENDISTATO PROFESSIONALIZZANTE. AVVISO PUBBLICO N. 1 del 16 Aprile 2012
PROCEDURA ON-LINE PER L EROGAZIONE DEI VOUCHER FORMATIVI SULL APPRENDISTATO PROFESSIONALIZZANTE AVVISO PUBBLICO N. 1 del 16 Aprile 2012 VOUCHER FORMATIVI APPRENDISTATO PROFESSIONALIZZANTE GUIDA OPERATIVA
Formattazione. ü 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
Guida 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
Guida all utilizzo del CRM
Guida all utilizzo del CRM Indice: Creare un Lead Aggiungere una Nota o Allegato Aggiungere un promemoria di Chiamata Aggiungere un promemoria (compito) Aggiungere un promemoria di un Appuntamento on energy
Joomla: 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
[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina
[Dimensionare la pagina-creare le tabelle-formattare le tabelle-formattare la pagina Creare cartelle per salvare il lavoro] Per iniziare dobbiamo imparare a gestire quello spazio bianco che diverrà la
INDICE. IL CENTRO ATTIVITÀ... 3 I MODULI... 6 IL MY CLOUD ANASTASIS... 8 Il menu IMPORTA... 8 I COMANDI DEL DOCUMENTO...
MANCA COPERTINA INDICE IL CENTRO ATTIVITÀ... 3 I MODULI... 6 IL MY CLOUD ANASTASIS... 8 Il menu IMPORTA... 8 I COMANDI DEL DOCUMENTO... 12 I marchi registrati sono proprietà dei rispettivi detentori. Bologna
Sistema Banca dati e Repertorio dei dispositivi medici Notifiche multiple di DM simili
Sistema Banca dati e Repertorio dei dispositivi medici Notifiche multiple di DM simili Questa presentazione intende illustrare brevemente la nuova funzionalità (Notifiche multiple di DM simili) predisposta
Figura 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)
Database 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
CMS 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
Manuale NetSupport v.10.70.6 Liceo G. Cotta Marco Bolzon
NOTE PRELIMINARI: 1. La versione analizzata è quella del laboratorio beta della sede S. Davide di Porto, ma il programma è presente anche nel laboratorio alfa (Porto) e nel laboratorio di informatica della
Guida Joomla. di: Alessandro Rossi, Flavio Copes
Guida Joomla di: Alessandro Rossi, Flavio Copes Estensioni e moduli 1. 11. I componenti Come scaricare ed utilizzare i componenti più comuni 2. 12. Gestire i moduli Organizzare la visualizzazione dei moduli
ENTRARE 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 dall indirizzo
MANUALE D'USO DEL PROGRAMMA IMMOBIPHONE
1/6 MANUALE D'USO DEL PROGRAMMA IMMOBIPHONE Per prima cosa si ringrazia per aver scelto ImmobiPhone e per aver dato fiducia al suo autore. Il presente documento istruisce l'utilizzatore sull'uso del programma
PROCEDURA 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
FEDERAZIONE ITALIANA SBANDIERATORI
VADEMECUM PER L USO DEL NUOVO SITO INTERNET FEDERALE Buongiorno a tutti. Con questa breve guida il Creatore e gli Amministratori del Sito internet della F.I.SB. intendono mettere a disposizione di tutti
CONTENUTI 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
Amministrazione 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
Per effettuare la stampa di una cartella di lavoro si accede al comando. Stampa dal menu File o si utilizza il pulsante omonimo sulla barra
4.5 Stampa 4.5.1 Stampare semplici fogli elettronici 4.5.1.1 Usare le opzioni di base della stampa Per effettuare la stampa di una cartella di lavoro si accede al comando Stampa dal menu File o si utilizza
Client - 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
www.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
Creare un nuovo articolo sul sito Poliste.com
Creare un nuovo articolo sul sito Poliste.com Questa breve guida ti permetterà di creare dei nuovi articoli per la sezione news di Poliste.com. Il sito Poliste.com si basa sulla piattaforma open-souce
PER VISUALIZZARE I CONTENUTI DI ARGO SCUOLA NEXT E NECESSARIO UTILIZZARE MOZILLA FIREFOX COME BROWSER DI NAVIGAZIONE.
PER VISUALIZZARE I CONTENUTI DI ARGO SCUOLA NEXT E NECESSARIO UTILIZZARE MOZILLA FIREFOX COME BROWSER DI NAVIGAZIONE. CHI NON DISPONE DI QUESTO BROWSER O NON NE HA UNA VERSIONE AGGIORNATA (ATTUALMENTE
Banca dati Professioniste in rete per le P.A. Guida all uso per le Professioniste
Banca dati Professioniste in rete per le P.A. Guida all uso per le Professioniste versione 2.1 24/09/2015 aggiornamenti: 23-set-2015; 24-set-2015 Autore: Francesco Brunetta (http://www.francescobrunetta.it/)
GHPPEditor è un software realizzato per produrre in modo rapido e guidato un part program per controlli numerici Heidenhain.
*+33(GLWRU GHPPEditor è un software realizzato per produrre in modo rapido e guidato un part program per controlli numerici Heidenhain. Il programma si basa su un architettura di tasti funzionali presenti
Proteggiamo il PC con il Firewall di Windows Vista
Proteggiamo il PC con il Firewall di Windows Vista Il momento in cui un computer è più a rischio e soggetto ad attacchi informatici, è quando è connesso a internet. Per proteggere il nostro PC ed evitare
Webinar e Manuale Operativo Tecnica di Trading
Webinar e Manuale Operativo Tecnica di Trading Intraday guida passo passo per operare su time frame H1 e 5/15/30 min v.1.2 29 Novembre 2011 19:30 Premessa Per fare trading ci vuole la giusta mentalità
ITIS Mattei Sondrio. Appunti veloci su moodle versione 2.7
ITIS Mattei Sondrio Appunti veloci su moodle versione 2.7 Generalità Moodle è una piattaforma web per pubblicare corsi, creare test, depositare dispense ecc. Ci sono vari tipi di utenti che usano moodle: