HTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>
|
|
- Marco Papi
- 8 anni fa
- Visualizzazioni
Transcript
1 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 a vicenda. Si potrebbe lasciare sempre una finestra con il proprio logo, oppure con un indice sempre attivo Caricare più finestre (che in pratica consistono in più pagine HTML vere e proprie) rallenta inesorabilmente il collegamento. 1 Tecnologie di Sviluppo per il WEB 2 I frame e DOCTYPE Un documento HTML per poter essere validato come HTML 4.01 deve iniziare con la riga <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> Un FRAMESET divide la finestra corrente in righe e colonne Un FRAMESET può contenere al suo interno un altro FRAMESET Bisogna sempre chiudere un FRAMESET Sintassi di base...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi> <FRAME SRC= URL lista_attributi> <FRAME SRC= URL lista_attributi> <NOFRAMES> <BODY> Codice HTML visualizzato da browser che non supportano i frame </BODY> </NOFRAMES> Tecnologie di Sviluppo per il WEB 3 Tecnologie di Sviluppo per il WEB 4
2 Note Il tag <BODY> non compare subito dopo </HEAD>, ma compare nella sezione <NOFRAMES> Una GRANDE percentuale dei migliori siti WEB non contiene frame Attributi di FRAMESET COLS Definisce il numero e la dimensione delle colonne da creare ROWS Definisce il numero e la dimensione delle righe da creare COLS e ROWS possono essere entrambi presenti La finestra principale del browser è divisa in tante celle indicate dai valori dai precedenti attributi Tecnologie di Sviluppo per il WEB 5 Tecnologie di Sviluppo per il WEB 6 Attributo COLS (ROWS) I valori, almeno due, che può assumere, separati da virgola, sono: La dimensione in pixel della colonna COLS= 100,200 Larghezza in percentuale della colonna relativa alla dimensione del browser COLS= 20%,30%,50% Un * (opzionalmente preceduto da un numero) indica che la colonna è proporzionale alle altre COLS= 120,* COLS= 120,*,3*" <FRAMESET COLS="100,200"> <FRAME SRC="uno.html" > <FRAME SRC="due.html" > Tecnologie di Sviluppo per il WEB 7 Tecnologie di Sviluppo per il WEB 8
3 <FRAMESET COLS="20%,30%,50%"> <FRAME SRC="uno.html" > <FRAME SRC="due.html" > <FRAME SRC="tre.html" > Tecnologie di Sviluppo per il WEB 9 <FRAMESET COLS="120,*"> <FRAME SRC="uno.html" > <FRAME SRC="due.html" > Tecnologie di Sviluppo per il WEB 10 Uso combinato di ROWS e COLS <FRAMESET COLS="120,*,3*" > <FRAME SRC="uno.html" > <FRAME SRC="due.html" > <FRAME SRC="tre.html" > Tecnologie di Sviluppo per il WEB 11 <FRAMESET COLS="30%,70%" ROWS="20%,80%"> <FRAME SRC="uno.html" > <FRAME SRC="due.html" > <FRAME SRC="tre.html" > <FRAME SRC="quattro.html" > N.B. I frame vengono caricati per riga Tecnologie di Sviluppo per il WEB 12
4 FRAMESET annidati (asimmetrici) È possibile inserire all interno di un FRAMESET un altro FRAMESET In questo modo, ad esempio, è possibile costruire una pagina con un banner stretto in altro, un indice stretto a sinistra e la pagina principale alla destra dell indice Tecnologie di Sviluppo per il WEB 13 Tecnologie di Sviluppo per il WEB 14 Frame annidati (2) Risultato <FRAMESET ROWS="70,*"> <FRAME SRC="uno.html" NAME="uno"> <FRAME SRC= secondo.html" NAME= sec"> secondo.html <FRAMESET COLS="*,2*,*"> <FRAME SRC="due.html" NAME="due"> <FRAME SRC="tre.html" NAME="tre"> <FRAME SRC="quattro.html" NAME="quattro"> Tecnologie di Sviluppo per il WEB 15 Tecnologie di Sviluppo per il WEB 16
5 Esempio di sito <FRAMESET COLS="120,*"> <FRAME SRC="indiceSito.html" NAME="indice"> <FRAME SRC= altro.html NAME= altro > <FRAMESET ROWS="*,70"> altro.html <FRAME SRC="mainSito.html" NAME="main"> <FRAME SRC="bottomSito.html" NAME="bottom"> Tecnologie di Sviluppo per il WEB 17 Tecnologie di Sviluppo per il WEB 18 Ulteriori attributi di FRAMESET Non fanno parte di HTML 4.01, ma sono estensioni di Internet Explorer e Netscape BORDER= numero Indica lo spessore del bordo per tutti i frame figli Per le colonne (righe) il bordo è il lato sinistro (inferiore) del frame BORDERCOLOR= colore Definisce il colore del bordo del frameset FRAMEBORDER= 1 (yes) 0 (no) Specifica se i frame figli saranno visualizzati con il bordo (1 oppure yes) o senza (0 oppure no) <FRAMESET COLS="120,*" BORDER="15" BORDERCOLOR="red"> Tecnologie di Sviluppo per il WEB 19 Tecnologie di Sviluppo per il WEB 20
6 Attributi di <FRAME> - 1 NAME assegna un nome al frame FRAMEBORDER= 1(yes) 0 (no) SCROLLING= yes no auto Specifica se far comparire o meno una barra di scorrimento nel frame SRC Indica l URL del documento che deve essere caricato nel frame Attributi di <FRAME> - 2 NORESIZE L utente non può cambiare, con il mouse, la dimensione del frame esempio MARGINWIDTH Indica lo spazio in pixel da lasciare tra i margini destro e sinistro del frame ed il suo contenuto MARGINHEIGTH Indica lo spazio in pixel da lasciare tra i margini superiore e inferiore del frame ed il suo contenuto BORDERCOLOR= colore Come per FRAMESET, non è standard Solo Netscape cambia il colore per ogni frame Tecnologie di Sviluppo per il WEB 21 Tecnologie di Sviluppo per il WEB 22 Esempio <FRAMESET COLS="120,*" BORDER="15"> <FRAME SRC="indiceSito.html" NAME="indice" BORDERCOLOR="yellow"> <FRAME SRC= altro.html NAME= ALTRO > <FRAMESET ROWS="*,70,70"> altro.html <FRAME SRC="mainSito.html" NAME="main" BORDERCOLOR=green> <FRAME SRC="bottomSito.html" NAME="bottom" BORDERCOLOR=blue> <FRAME SRC="bottomSito.html" NAME="bottom" BORDERCOLOR=red> Mettendo il secondo FRAMESET in un documento HTML separato otteniamo BORDER=15 vale solo per il FRAMESET esterno Tecnologie di Sviluppo per il WEB 23 Tecnologie di Sviluppo per il WEB 24
7 L attributo TARGET di <A> Il contenuto di un FRAME può contenere un link ad un documento HTML Il documento HTML può essere caricato in un qualsiasi FRAME del FRAMESET Con TARGET possiamo indicare in quale frame caricare la pagina HTML <A HREF= ris.html TARGET= UNO >Risultati</A> Cliccando su Risultati la pagina ris.html viene caricata nel frame che ha l attributo NAME settato ad UNO Nota Se non esiste nessun frame che si chiama con il nome indicato dall attributo TARGET di un link, allora il browser carica il contenuto puntato dal link in una nuova finestra Tecnologie di Sviluppo per il WEB 25 Tecnologie di Sviluppo per il WEB 26 Aggiornamento simultaneo di frame Per caricare più documenti in frame differenti con un solo click del mouse possiamo includere i frame da caricare in un frameset, in questo modo però dobbiamo caricare tutto il frameset utilizzare del codice Javascript, abbiamo un pieno controllo di quale frame caricare Esempio in: esempio Codice HTML Codice funzionante, ma non corretto! <FRAMESET ROWS="30%,70%"> <FRAMESET COLS="*,2*,*"> <FRAME SRC="uno.html" NAME="uno"> <FRAME SRC="due.html" NAME="due"> <FRAME SRC="tre.html" NAME="tre"> <FRAMESET COLS="50%,50%"> <FRAME SRC="quattro.html" NAME="quattro"> <FRAME SRC="cinque.html" NAME="cinque"> Tecnologie di Sviluppo per il WEB 27 Tecnologie di Sviluppo per il WEB 28
8 Codice Javascript in due.html <SCRIPT TYPE="text/javascript"> <!-- Funziona solo con l esempio precedente function updatecells() { // top.nomeframe.location = URL top.cinque.location ="cinquebis.html"; // inserire qui tutti gli altri frame da caricare } //--> </SCRIPT>.. <A HREF="quattrobis.html" TARGET="quattro" OnClick="updateCells()">Aggiorna </A> FRAMESET in file differenti <frameset ROWS="30%,70%"> <frame SRC="f1.html" NAME="unoF"> <frame SRC="f2.html" NAME="dueF"> </frameset> <FRAMESET COLS="*,2*,*"> <FRAME SRC="uno.html" NAME="uno"> <FRAME SRC="dueBis.html" NAME="due"> f1.html <FRAME SRC="tre.html" NAME="tre"> <FRAMESET COLS="50%,50%"> <FRAME SRC="quattro.html" NAME="quattro"> <FRAME SRC="cinque.html" NAME="cinque"> f2.html Tecnologie di Sviluppo per il WEB 29 Tecnologie di Sviluppo per il WEB 30 Codice Javascript modificato <SCRIPT TYPE="text/javascript"> <!-- function updatecells1() { top.duef.cinque.location ="cinquebis.html"; // inserire qui tutti gli altri frame da caricare } function updatecells2() { top.unof.tre.location ="trebis.html"; // inserire qui tutti gli altri frame da caricare } //--> </SCRIPT>...codice simile al precedente... Nomi riservati per TARGET _blank Carica la pagina in una nuova finestra _self Carica la pagina nello stesso frame dell ancora _top Carica la pagina nella pagina principale del browser _parent Carica la pagina nello stesso frameset del link Stesso risultato di _top se non ci sono frame annidati Tecnologie di Sviluppo per il WEB 31 Tecnologie di Sviluppo per il WEB 32
9 Deep linking 1 È la pratica di caricare all interno di un frameset una pagina di un altro sito Abitudine da evitare Negli Stati Uniti, a causa del deep linking, alcuni autori di siti web sono stati citati in giudizio Ci sono linee difensive che affermano che qualsiasi collegamento ad una pagina web al di fuori del proprio sito è un deep link Tecnologie di Sviluppo per il WEB 33 Tecnologie di Sviluppo per il WEB 34 Deep linking 2 La corte distrettuale statunitense ha stabilito che effettuare collegamenti dal proprio sito verso altri siti web non è un reato se ciò non comporta un inganno Le pagine collegate sembrano appartenere al proprio sito errata rappresentazione misrepresentation Il link altera il contesto in cui il contenuto della pagina collegata è visualizzato (e.g., link diretto ad un immagine e non al contesto in cui appare) Come evitare il deep linking Nel proprio sito che fa uso di frameset, far aprire le pagine di altri siti in nuove finestre oppure nella finestra principale del browser (TARGET= _top ) Per far si che le pagine del proprio sito web siano immuni dal deep linking è sufficiente utilizzare Javascript Si inserisce del codice nella sezione HEAD del documento Tecnologie di Sviluppo per il WEB 35 Tecnologie di Sviluppo per il WEB 36
10 Codice per evitare deep linking <SCRIPT TYPE="text/javascript"> <!-- if(top.frames.length!=0) top.location=document.location; //--> </SCRIPT> IFRAME 1 (Inline FRAME) È un tag contenitore che permette di definire un frame all interno di un documento convenzionale (e.g., dentro BODY) Il frame inserito, relativamente al suo posizionamento rispetto al resto del testo, si comporta come se fosse un immagine Non è ben supportato dai browser Il tag IFRAME non è usato all interno di un FRAMESET Ricordarsi sempre di chiudere il tag IFRAME Tecnologie di Sviluppo per il WEB 37 Tecnologie di Sviluppo per il WEB 38 IFRAME 2 Il tag IFRAME definisce, all interno del documento, una regione rettangolare in cui il browser mostra un altro documento includendo bordi e barre di scorrimento Attributi ALIGN, NAME, SRC, FRAMEBORDER, HEIGHT, WIDTH, MARGINWIDTH, MARGINHEIGHT, SCROLLING <IFRAME ALIGN=LEFT SRC= testo.html"> </IFRAME> Tecnologie di Sviluppo per il WEB 39 Tecnologie di Sviluppo per il WEB 40
11 Target di default È possibile settare un target di default non dovendolo specificare poi in ogni link Si usa il tag BASE con l attributo TARGET inizializzato con il nome di un frame Il tag BASE deve essere inserito in HEAD <BASE TARGET= main > Tecnologie di Sviluppo per il WEB 41
Comandi principali del linguaggio HTML (Hyper Text Markup Language)
Comandi principali del linguaggio HTML (Hyper Text Markup Language) Caratteristiche di HTML HTML è un linguaggio di formattazione (markup) di documenti ed è il linguaggio base per produrre documenti per
DettagliFrames. Come organizzare le pagine web usando i frames. Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice
Frames Come organizzare le pagine web usando i frames Definizione Frame = 1. struttura, armatura, telaio 2. inf. videata, schermata, cornice Usare i frame Per poter usare i frame è necessario comunicare
DettagliTutorial 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
DettagliLEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONI DI HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... FORMATTARE IL CARATTERE Per formattare titoli interni del documento web possiamo utilizzare i tag , ,...,
DettagliCorso di HTML. Prerequisiti. Modulo L2. B5-I frame. Percentuali Fattore di scala. M. Malatesta B5-I frame-07 09/01/ /01/2014
Corso di HTML Modulo L2 B5-I frame 1 Prerequisiti Percentuali Fattore di scala 2 1 Introduzione In questa Unità illustriamo la possibilità di dividere la pagina in aree indipendenti chiamate frame. I frame
DettagliHTML Sesta lezione. 29 Marzo di Ivano Stranieri
HTML 4.01 Sesta lezione 29 Marzo 2004 di Ivano Stranieri 0 Lezione precedente Costruire una tabella Raggruppare righe (e colonne) Unire righe e colonne Attributi di e Come utilizzare
DettagliIl linguaggio HTML - Parte 4
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 4 Dott. Chiara Braghin braghin@dti.unimi.it HTML - I Riferimenti Ipertestuali Il piatto forte di tutto
DettagliGUIDA ALL HTML. Creato da SUPREMO KING
GUIDA ALL HTML Creato da SUPREMO_KING 1 PREMESSE L html è il linguaggio fondamentale attraverso il quale è possibile creare delle semplici pagine web. L html non è un linguaggio di programmazione ma un
DettagliManuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 Chi può riuscire a creare pagine HTML? La realizzazione di pagine web non eccessivamente sofisticate è alla portata di tutti, basta
DettagliUTILIZZO 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
DettagliInSpirion InSite V. 1.1.11 07 04.12:13. Inspirion InSite. Brevi istruzioni per l`attivazione
1 Inspirion InSite Brevi istruzioni per l`attivazione 2 1. Registrarsi 2. L accesso al InSite Control Center si ha andando sul seguente URL: http://insite.inspirion.eu Se non possiede i Suoi dati Account
DettagliIl linguaggio HTML - Parte 2
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 2 Dott. Chiara Braghin braghin@dti.unimi.it Elenchi all interno di Un elenco è una sequenza
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,
DettagliLa grafica con Word. La parte evidenziata è una Riga. La parte evidenziata è una Colonna. La parte evidenziata è una Cella
9 La grafica con Word Lezione 09 Word non è un programma di grafica e, pertanto, non può sostituire i programmi che sono abilitati alle realizzazioni grafiche. Nonostante tutto, però, la grafica in Word
Dettagli[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
DettagliEsercizi 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
DettagliLinguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:
Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:
DettagliCompito di laboratorio di informatica HTML
Compito di laboratorio di informatica HTML Creare un sito che tratti un argomento a vostra scelta, cercando i testi e le immagini su Internet. Il sito deve prevedere una organizzazione a cartelle che separi
DettagliIl linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio
Il linguaggio HTML Laboratorio Matematico Informatico 2 Matematica specialistica Pierluigi Amodio Dipartimento di Matematica Università di Bari Il linguaggio HTML p. 1/3 HTML L HTML è il linguaggio (di
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
DettagliIl linguaggio HTML - Parte 5
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 5 Dott. Chiara Braghin braghin@dti.unimi.it Frame I frame (cornici) permettono di suddividere la finestra
DettagliAPPUNTI DI HTML (TERZA LEZIONE)
Il web è costituito non da testi ma da ipertesti. APPUNTI DI HTML (TERZA LEZIONE) I link ci permettono di passare da un testo all altro. I link sono formati da due componenti: IL CONTENUTO "nasconde" il
DettagliHTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...
HTML HyperText Markup Language Struttura di un documento HTML Gli elementi essenziali di un documento HTML sono i seguenti TAG: ... ... ... Struttura di un documento
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,
DettagliCapitolo 4 Pianificazione e Sviluppo di Web Part
Capitolo 4 Pianificazione e Sviluppo di Web Part Questo capitolo mostra come usare Microsoft Office XP Developer per personalizzare Microsoft SharePoint Portal Server 2001. Spiega come creare, aggiungere,
DettagliAccess. Microsoft Access. Aprire Access. Aprire Access. Aprire un database. Creare un nuovo database
Microsoft Access Introduzione alle basi di dati Access E un programma di gestione di database (DBMS) Access offre: un supporto transazionale limitato Meccanismi di sicurezza, protezione di dati e gestione
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
DettagliLanguage. info@settingweb.it. www.settingweb.it
HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos
DettagliJavascript: il browser
Javascript: il browser Un browser è un programma Un browser interpreta il linguaggio HTML e visualizza le pagine sullo schermo Per la visualizzazione delle pagine un browser si appoggia al software di
DettagliDOL. Dealer Application System online. Manuale per l utente
DOL Dealer Application System online Manuale per l utente 1. Introduzione Il DOL (dealer application system online) è un programma che permette la gestione delle operazioni di finanziamento attraverso
DettagliIntroduzione. Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language
HTML 05/04/2012 1 Introduzione Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language L'ipertesto è semplicemente un testo che funziona
DettagliFOXWave 1.0.0 Gestione gare ARDF IZ1FAL Secco Marco Sezione ARI BIELLA
FOXWave 1.0.0 Gestione gare ARDF IZ1FAL Secco Marco Sezione ARI BIELLA Redatto da IZ1FAL Secco Marco Pagina 1 di 15 INDICE 1 1- INSTALLAZIONE... 3 1-1 Scaricare i pacchetti aggiornati... 3 1-2 Startup
DettagliIL MIO PRIMO SITO NEWS USANDO GLI SCHEDARI
Pagina 1 UN SISTEMA DI NEWS Sommario UN SISTEMA DI NEWS...1 Introduzione...2 Scelgo l'area su cui operare...3 Un minimo di teoria...3 Creo le Pagine...4 Definizione dello Schedario Novità...6 Compilo la
DettagliEXCEL PER WINDOWS95. sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area di lavoro, detta foglio di lavoro,
EXCEL PER WINDOWS95 1.Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei personal computer. Essi si basano su un area
DettagliLABORATORIO PER IL DESIGN DELLE INTERFACCE PEGORARO ALESSANDRO CASSERO.IT MANUALE DI AGGIORNAMENTO, MANUTENZIONE E USO DEL SITO
CASSERO.IT MANUALE DI AGGIORNAMENTO, MANUTENZIONE E USO DEL SITO 1 Installazione e requisiti per il corretto funzionamento del sito: L istallazione è possibile sui più diffusi sistemi operativi. Il pacchetto
DettagliMetodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo 9. HTML Parte II Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Scienze
DettagliMICROSOFT WORD LA STAMPA UNIONE
La stampa unione è una funzione di Microsoft Word che permette di unire un documento Word, che contiene le informazioni destinate a restare invariate in tutte le stampe (il documento principale) con un
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
DettagliConcetti Fondamentali
EXCEL Modulo 1 Concetti Fondamentali Excel è un applicazione che si può utilizzare per: Creare un foglio elettronico; costruire database; Disegnare grafici; Cos è un Foglio Elettronico? Un enorme foglio
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
DettagliTutorial 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 3 Immagini in documenti HTML 3.1 Rappresentazione delle
DettagliLezione 6: Form 27/04/2012
Lezione 6: Form In alcuni documenti HTML può essere utile creare dei moduli (form) che possono essere riempiti da chi consulta le pagine stesse (es. per registrarsi ad un sito). Le informazioni sono poi
DettagliLinguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML
Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:
DettagliJavascript. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori
Javascript Politecnico di Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori Ing. Claudio Menghi Dipartimento di Elettronica e Informazione menghi@elet.polimi.it http://home.dei.polimi.it/menghi
DettagliAPPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI
dispense APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI Attributo target / destinazione L'attributo target specifica dove deve essere aperta la pagina collegata. _top
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:
DettagliUN TOPO SFUGGENTE. CoderDOJO su Javascript - Trento. Augusto Ciuffoletti. 26 maggio 2015
UN TOPO SFUGGENTE CoderDOJO su Javascript - Trento Augusto Ciuffoletti 26 maggio 2015 Un topo nella pagina Il tuo browser (quello che usi per navigare) può leggere un file del tuo computer, e mostrarti
DettagliScaletta. Estensioni UML per il Web. Applicazioni web - 2. Applicazioni web. WAE: Web Application Extension for UML. «Client page»
Scaletta Estensioni UML per il Web Michele Zennaro 14-05-2004 Le applicazioni web Scopo di un estensione UML per il web Due punti di vista Uno più astratto Uno più vicino ai file fisici conclusivo Commenti
DettagliPORTALE www.xxx.it ISTRUZIONI per la gestione del portale
PORTALE www.xxx.it ISTRUZIONI per la gestione del portale Con il portale sono messi a disposizione dell'amministratore del sito i seguenti moduli: Account login Announcements Banners Blog Contacts Discussions
DettagliLEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONE 1 HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... La struttura di una pagina web intestazione Qui si dichiara il titolo del documento
DettagliEsercizi. Introduzione all HTML. Il WWW
Politecnico di Milano Esercizi Introduzione all HTML Il WWW Il World Wide Web: una rete di pagine connesse tra loro e distribuite su diverse macchine Il server Web contiene le pagine Web da visualizzare
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
DettagliDOCENTI - guida web. 1 LOGIN E BACHECA.. Pag 2. 2 MODIFICARE LA PASSWORD... Pag. 3. 3 CREARE UN ARTICOLO.. Pag. 4. 4 INSERIRE LE FOTO.. Pag.
DOCENTI - guida web INDICE 1 LOGIN E BACHECA.. Pag 2 2 MODIFICARE LA PASSWORD... Pag. 3 3 CREARE UN ARTICOLO.. Pag. 4 4 INSERIRE LE FOTO.. Pag. 5 5 IL TAG MORE. Pag. 12 6 CREARE UN EVENTO..... Pag. 12
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
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
DettagliWorkshop NOS Piacenza: progettare ed implementare ipermedia in classe. pag. 1
1. Come iscriversi a Google Sites: a. collegarsi al sito www.google.it b. clic su altro Sites Registrati a Google Sites e. inserire il proprio indirizzo e-mail f. inserire una password g. re-inserire la
DettagliSistema 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
DettagliMANUALE 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
DettagliExcel. A cura di Luigi Labonia. e-mail: luigi.lab@libero.it
Excel A cura di Luigi Labonia e-mail: luigi.lab@libero.it Introduzione Un foglio elettronico è un applicazione comunemente usata per bilanci, previsioni ed altri compiti tipici del campo amministrativo
DettagliModulo 13. Concetti avanzati di HTML Liste
Pagina 1 di 8 Concetti avanzati di HTML Liste Il formato HTML mette a disposizione 5 Tag per definire delle liste, supportando liste numerate, non numerate, di descrizione, menu e directory. Liste Numerate
DettagliMANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB
MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB o RICERCA p3 Ricerca rapida Ricerca avanzata o ARTICOLI p5 Visualizza Modifica Elimina/Recupera Ordina o RUBRICHE p11 Visualizzazione Gestione rubriche
DettagliLEZIONE NO. 4: IMMAGINI E LINK: <IMG> <A HREF> DI ATTILIO ABBIEZZI
HTML BASE LEZIONE NO. 4: IMMAGINI E LINK: DI ATTILIO ABBIEZZI FONTI: HTML.IT 1 inserire immagini Internet, solo negli ultimi 10 anni affermatasi come media di massa, è stato per lunghi
DettagliEsame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie
Facoltà di Scienze Motorie CHE COS È UN FOGLIO ELETTRONICO Una tabella che contiene parole e numeri che possono essere elaborati applicando formule matematiche e funzioni statistiche. Esame di Informatica
DettagliPlate Locator Riconoscimento Automatico di Targhe
Progetto per Laboratorio di Informatica 3 - Rimotti Daniele, Santinelli Gabriele Plate Locator Riconoscimento Automatico di Targhe Il programma plate_locator.m prende come input: l immagine della targa
DettagliFUNZIONI DI IMPAGINAZIONE DI WORD
FUNZIONI DI IMPAGINAZIONE DI WORD IMPOSTARE LA PAGINA Impostare la pagina significa definire il formato del foglio e vari altri parametri. Per impostare la pagina occorre fare clic sul menu File e scegliere
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
DettagliManuale per i redattori del sito web OttoInforma
Manuale per i redattori del sito web OttoInforma Contenuti 1. Login 2. Creare un nuovo articolo 3. Pubblicare l articolo 4. Salvare l articolo in bozza 5. Le categorie 6. Modificare un articolo 7. Modificare
DettagliCos è ACCESS? E un programma di gestione di database (DBMS) Access offre: un ambiente user frendly da usare (ambiente grafico)
Cos è ACCESS? E un programma di gestione di database (DBMS) Access offre: un ambiente user frendly da usare (ambiente grafico) 1 Aprire Access Appare una finestra di dialogo Microsoft Access 2 Aprire un
DettagliCome creare un modulo
Come creare un modulo Aggiungi moduli al tuo sito per registrare le informazioni dei tuoi clienti su un database, o per riceverle via e- mail. Trascina un widget Modulo sulla tua pagina Nel pannello Widget
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
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
DettagliUniversità degli Studi di Ferrara - A.A. 2014/15 Dott. Valerio Muzzioli ORDINAMENTO DEI DATI
ORDINAMENTO DEI DATI Quando si ordina un elenco (ovvero una serie di righe contenenti dati correlati), le righe sono ridisposte in base al contenuto di una colonna specificata. Distinguiamo due tipi di
DettagliA destra è delimitata dalla barra di scorrimento verticale, mentre in basso troviamo una riga complessa.
La finestra di Excel è molto complessa e al primo posto avvio potrebbe disorientare l utente. Analizziamone i componenti dall alto verso il basso. La prima barra è la barra del titolo, dove troviamo indicato
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ò
DettagliCONTROLLO ORTOGRAFICO E GRAMMATICALE
CONTROLLO ORTOGRAFICO E GRAMMATICALE Quando una parola non è presente nel dizionario di Word, oppure nello scrivere una frase si commettono errori grammaticali, allora si può eseguire una delle seguenti
DettagliStrumenti a disposizione
FORM Strumenti a disposizione L'HTML visto fino ad ora permette di descrivere solo documenti statici e passivi Colori, immagini, testi, etc... L'utente può solo interagire con i link Non sempre questo
DettagliINDICE. 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,
DettagliALCUNI ESEMPI DI DATI 6,28 numerico costante
Scheda 21 JAVA SCRIPT I DATI DATI E TIPI DI DATI In una elaborazione i dati sono l elemento essenziale: senza dati non c è elaborazione. Si possono avere dati VARIABILI e dati COSTANTI oppure dati NUMERICI
DettagliIstruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014)
Istruzioni per l installazione del software per gli esami ICoNExam (Aggiornate al 15/01/2014) Il software per gli esami ICON può essere eseguito su qualunque computer dotato di Java Virtual Machine aggiornata.
Dettagliper immagini guida avanzata Uso delle tabelle e dei grafici Pivot Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1
Uso delle tabelle e dei grafici Pivot Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1 Una tabella Pivot usa dati a due dimensioni per creare una tabella a tre dimensioni, cioè una tabella
DettagliINTRODUZIONE AD HTML
INTRODUZIONE AD HTML I Frames ovvero Le cornici. Nelle lezioni precedenti abbiamo imparato a creare il nostro sito facendo uso di testo, immagini, links e meta comandi. Pochi e semplici ingredienti per
DettagliSAP SRM 7 Manuale GARE ON LINE con cfolders FORNITORI INDICE
SAP SRM 7 Manuale GARE ON LINE con cfolders FORNITORI INDICE 0 - Introduzione Vai! 1 - Logon 2 - Ricerca gara elettronica 3 - Visualizzazione offerta 4 - Creazione offerta Vai! Vai! Vai! Vai! 5 - Elaborazione
Dettaglipag. 1 Centri tecnologici di supporto alla didattica 2009-2010: progettare ed implementare ipermedia in classe
1. Come iscriversi a Google Sites: a. collegarsi al sito www.google.it b. clic su altro Sites Registrati a Google Sites e. inserire il proprio indirizzo e-mail f. inserire una password g. re-inserire la
DettagliCOSTRUIRE UN MODULO CON WORD
COSTRUIRE UN MODULO CON WORD I moduli sono utili perché guidano le persone a fornire risposte standard e semplici da capire. Nella vita quotidiana compiliamo abitualmente moduli di ogni tipo: per il medico,
DettagliFISH Sardegna ONLUS. www.fishsardegna.org. Manuale Utente. www.fishsardegna.org
FISH Sardegna ONLUS Manuale Utente Note generali: Il sito è costruito su CMS Drupal 7. Per avere maggiori informazioni su Drupal si puo consultare online il portale ufficiale http://drupal.org/( in inglese)
DettagliGuida a Theblog.net. cioè il sito è raggiungibile da due indirizzi, ma i contenuti sono gli stessi.
1 PRIMA PARTE 0) inserisci un commento 1) login 2) scrivi un post 3) (nel post) inserisci un immagine Il blog ha l indirizzo http://newblogpadova.theblog.net ma anche l alias http://049peoplesay.theblog.net
DettagliLezione 3. Joomla 2.5
Lezione 3 Joomla 2.5 Joomla: il template Prima di partire con la modifica del template, diamo un occhiata alle posizioni definite dallo stesso. Come si può notare LOGO non ha un area che lo identifica
DettagliProgramma Gestione Presenze Manuale autorizzatore. Versione 1.0 25/08/2010. Area Sistemi Informatici - Università di Pisa
- Università di Pisa Programma Gestione Presenze Manuale autorizzatore Versione 1.0 25/08/2010 Email: service@adm.unipi.it 1 1 Sommario - Università di Pisa 1 SOMMARIO... 2 2 ACCESSO AL PROGRAMMA... 3
DettagliPROCEDURA PER L UTILIZZO DELLO SPAZIO CARTA. Preparazione dello SPAZIO CARTA nel file dove inserire la mascherina.
PROCEDURA PER L UTILIZZO DELLO SPAZIO CARTA. ing. g. mongiello Versione aggiornata AA 2012-2013 SI CONSIGLIA DI STAMPARE QUESTE ISTRUZIONI. ATTENZIONE: NON USARE IL FILE DEL LAYOUT PER CREARE IL NUOVO
DettagliGUIDA UTENTE WEB PROFILES
GUIDA UTENTE WEB PROFILES GUIDA UTENTE WEB PROFILES... 1 Installazione... 2 Primo avvio e registrazione... 5 Utilizzo di web profiles... 6 Gestione dei profili... 8 Fasce orarie... 13 Log siti... 14 Pag.
DettagliCome modificare la propria Home Page e gli elementi correlati
Come modificare la propria Home Page e gli elementi correlati Versione del documento: 3.0 Ultimo aggiornamento: 2006-09-15 Riferimento: webmaster (webmaster.economia@unimi.it) La modifica delle informazioni
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
DettagliUniversità di L Aquila Facoltà di Biotecnologie Agro-alimentari
RIFERIMENTI Università di L Aquila Facoltà di Biotecnologie Agro-alimentari Esame di Laboratorio di informatica e statistica Parte 3 (versione 1.0) Il riferimento permette di identificare univocamente
DettagliHTML per tu+ Chiara Pere+
HTML per tu+ Chiara Pere+ Cos é L HTML è il linguaggio con cui potete indicare come i vari elemen7 saranno dispos7 in una pagina Web. L estensione del file è.html e verrà visualizzato corre?amente trascinandolo
DettagliMODULO 4: FOGLIO ELETTRONICO (EXCEL)
MODULO 4: FOGLIO ELETTRONICO (EXCEL) 1. Introduzione ai fogli elettronici I fogli elettronici sono delle applicazioni che permettono di sfruttare le potenzialità di calcolo dei Personal computer. Essi
DettagliMS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti
MS Word per la TESI Barra degli strumenti Cos è? Barra degli strumenti Formattazione di un paragrafo Formattazione dei caratteri Gli stili Tabelle, figure, formule Intestazione e piè di pagina Indice e
Dettagliper immagini guida avanzata Stampare i fogli di lavoro di Excel Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1
Stampare i fogli di lavoro di Excel Geometra Luigi Amato Guida Avanzata per immagini excel 2000 1 Stampare un foglio di lavoro per immagini guida avanzata utilizzare la finestra di dialogo Stampa per scegliere
DettagliGUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB
GUIDA ALL USO DEL PANNELLO DI GESTIONE SITO WEB Copyright 2014 Wolters Kluwer Italia Srl 1 Sommario 1 Come accedere al Pannello di gestione... 4 2 del Pannello di gestione del sito web... 5 3 delle sezioni...
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
Dettagli