DREAMWEAVER 4. Viviana Patti
|
|
- Gabriela Falcone
- 4 anni fa
- Visualizzazioni
Transcript
1 DREAMWEAVER II parte Viviana Patti 1
2 DREAMWEAVER 4 Elementi audio e video Mappe immagine Tabelle in Standard View Form Frame 2
3 Link a immagini, suoni e animazioni esterne In generale e possiblile associare suoni o visualizzare filmati video specificando nella URL il nome di un file corrispondente. Fra i formati riconosciuti: suoni: AIFF, AU, WAV animazioni:.mov (QuickTime).AVI.MPEG Esempio: <A href= video/warriors.avi"> fa partire visore con animazione</a> <A href= suoni/applauso.wav"> fa partire suono </A> quando l utente fa clic sul link automaticamente viene scaricato il file audio e parte il programma che gestisce il tipo di file (plug-in). Il modo più semplice per aggiungere audio a una pagina web e definire un collegamento a un file audio a partire da un immagine o da un testo. In Dreamweaver occorre semplicemente andare a selezionare il testo o l immagine a cui vogliamo associare il collegamento e immettere il percorso del file nella casella Collegamenti della finestra Proprieta. Quando l utente fa clic sul link automaticamente viene scaricato il file audio e parte il programma che gestisce il tipo di file (plug-in). Limite: Non si ha la possibilita di controllare la posizione o l aspetto del player di riproduzione. 3
4 <embed src="suoni/etuchisei.wav" loop= true </embed> autostart= true hidden= true > Si nasconde il player di riproduzione Inserire audio <embed> File sorgente Si ripete finche non si da uno stop esplicito Il suono parte automaticamente quando si accede alla pagina Insert -> Media -> Plugin Seleziona file audio Dreamweaver permette anche un modo alternativo di inserire un suono in una pagina web che corrisponde a usare il tag <embed>. <embed>, nato come tag proprietario della Netscape, e riconosciuto anche da Internet Explorer a partire dalla versione 4.0 ed e diventato il tag standard per l introduzione di audio in pagine web. Sulla slide sono indicati i principali attributi del tag: src = pathname del suono URL del suono loop = true false false autostart = true false hidden = true false Il tag embed permette l apertura automatica di un file audio e in particolare inserisce una piccola console di riproduzione del suono nella pagina. E possibile controllare la posizione e l aspetto del player di riproduzione. Per esempio, quando si vuole inserire una musica di sottofondo, e possibile fare in modo che la console non venga visualizzata sulla pagina (hidden=true), che il suono parta quando viene caricata la pagina (autostart = true) e che venga replicato (loop = true) fino a quando non si passa alla pagina successiva. In Dreamweaver: Posizionatevi sulla finestra documento dove volete appaia la console per l audio. Selezionate dal menu principale Insert -> Media -> Plugin. Nella finestra di dialogo selezionate il file audio che volete inserire (es. Harpsolo.wav). Formati supportati:midi,.wav e.au 4
5 Inserire audio Aggiungi un parametro Cancella il parametro selezionato Fig.1 Fig.2 Fig.3 NOTA: come nel caso delle immagini, quando volete inserire un un suono in un documento definito come parte di un sito Dreamewaver e meglio che il file audio sia gia contenuto in una sottocartella all interno della directory del sito. Una volta inserito il file audio, appare il simbolo di plugin indicato in Fig. 1. E possibile modificare le dimensioni della console di riproduzione trascinando i lati del rettangolo nero che racchiude il simbolo (il che ha impatto sugli attributi width e height di embed). Attraverso la finestra delle proprieta e possiblile inoltre inserire alcuni attributi addizionali. Se per esempio vogliamo dare un valore agli attributi autostart e hidden in modo da ottenere l effetto di una musica di sottofondo (come descritto nella slide precedente) facciamo clic sul pulsante parameters della finestra proprieta per aprire la relativa finestra di dialogo. Poi clicchiamo su + per aggiungere un nuovo attributo; digitiamo il nome dell attributo (per esempio autostart) nella colonna Parameter e spostiamoci con TAB nella colonna Value per digitare il valore di quell attributo (per esempio true) e clicchiamo su invio. Ripetiamo le tre operazioni per inserire un valore relativo al parametro hidden come in Fig. 2 e clicchiamo su OK. In Fig. 3 il risultato delle operazioni fatte a livello di codice sorgente. 5
6 Image Maps Mappa immagine In un documento può essere utile rendere attive porzioni di immagini ed associarvi un determinato evento, di solito un link ipertestuale a un altra pagina o a un altra porzione della stessa pagina -> si parla di mappe d immagine. Esistono due tecniche per implementare le mappe d immagine in HTML client-side mapping (il mapping e interpretato dal browser) server-side mapping (richiedono che l'utente abbia accesso al server e sono utili per browser di vecchio tipo) 6
7 Image maps client side è necessario avere il file dell immagine (GIF o JPEG) e una specifica della mappatura, cioè l indicazione di quali parti dell immagine sono attive e quali no Modello client-side mapping modello nuovo e preferito: ora ilclient svolge tutto il lavoro e la risposta al clic del mouse viene elaborata localmente dal client-browser mentre nel modello server-side il client-browser catturava la posizione dell utente quando questi faceva clic col mouse sull immagine ma poi mandava le coordinate al server perche le elaborasse e stabilisse quale evento andava scatenato vantaggi: risposta immediata per l utente; no traffico di rete; la mappa puo essere provata e modificata off-line (senza collegarsi al server); cosa occorre: è necessario avere il file dell immagine (GIF o JPEG) e una specifica della mappatura, cioè l indicazione di quali parti dell immagine sono calde/attive e quali no. 7
8 Attributi di IMG <IMG <IMG > SRC=pathname o URL URL dell'immagine ALIGN=left right right center center top top bottom middle absmiddle textop textop baseline absbottom {le {le ultime ultime voci voci servono per per controllare l'allineamento con con il il testo} testo} ALT=text{testo alternativo all'immagine} BORDER=numero{larghezza in in pixel pixel del del bordo} HEIGHT=numero{altezza in in pixel} pixel} WIDTH=numero{larghezza in in pixel} pixel} HSPACE=numero{spazio in in pixel pixel a destra destra e sinistra dell'immagine} VSPACE=numero{spazio in in pixel pixel sopra sopra e sotto sotto l'immagine} ISMAP USEMAP="nome"{trasforma in in link link parti di di immagine} Definizione delle zone attive o calde: Per quanto riguarda l`immagine da mappare, questa viene inserita nel documento usando il tag IMG gia visto. Dopodiche a livello di html si da come valore dell attributo USEMAP un nome (o etichetta) che fa riferimento alla specifica vera e propria della mappatura 8
9 HTML: <map> Si inserisce l immagine da mappare: <img src="nomefile.gif" usemap="#mappa1">; la specifica della mappatura si mette nel documento HTML (di solito al fondo) mappa1 <map name="mappa1"> <area shape="rect" coords="50,10,100,100" href="..."> <area shape="circle" coords="20,20,15" href="..."> <area shape="default" href="..."> </map> La specifica della mappatura viene data utilzzando il tag <map> che permette di dare il nome alla mappa (attributo name) e i tag <area> che definiscono le diverse zone attive della mappa e i collegamenti associati. E` buona regola inserire la specifica della mappatura alla fine del documento HTML stesso. In Dreameweaver: selezionate l immagine da mappare e aprite la finestra proprieta associata in modo da visualizzare tutte le opzioni. Date un nome alla mappa nel campo Map prima di procedere alla specifica delle varie aree. 9
10 HTML: <map> Inserite l immagine da mappare: studenti.jpg Selezionate l'immagine e aprite la finestra proprietà associata in modo da visualizzare tutte le opzioni. Date un nome alla mappa nel campo Map prima di procedere alla specifica delle varie aree. La specifica della mappatura viene data utilzzando il tag <map> che permette di dare il nome alla mappa (attributo name) e i tag <area> che definiscono le diverse zone attive della mappa e i collegamenti associati. E` buona regola inserire la specifica della mappatura alla fine del documento HTML stesso. In Dreameweaver: selezionate l immagine da mappare e aprite la finestra proprieta associata in modo da visualizzare tutte le opzioni. Date un nome alla mappa nel campo Map prima di procedere alla specifica delle varie aree. 10
11 Strumenti di mappatura Si specificano delle aree dell'immagine: il tag area ha tre attributi importanti: <AREA shape="rect" "circle" "poly" "default" Torna a puntatore semplice > {forma dell'area; default indica l'azione associata all'immagine per le aree non coperte dalla mappatura} coords="x1,y1,x2,y2" {per i rect, in alto a sin e in basso a destra} "x, y, r" {per i circle, coordinate centro e raggio} "x1,y1, x2,y2, x3,y3,..." {coordinate dei vertici} href="url" {URL associata all'area} nohref {per aree non attive} alt = text{testo descrittivo dell'immagine} Potete ora procedere a individuare le varie zone calde. Selezionate con un clic uno dei tre strumenti di selezione dell area (inquadrati nella slide). Questi strumenti permettono di selezionare una o piu aree calde sull immagine da mappare. La scelta di uno dei tre diversi strumenti (da sinistra a destra: square tool, oval tool, polygon tool) corrisponde alla selezione di tre diversi valori per l attributo shape di <area>, ossia tre diverse forme per l area: rect (rettangolare), circle (circolare), poly (poligono irregolare). La selezione dell area con il mouse Nel caso degli strumenti square e oval la selezione dell area puo essere fatta semplicemenete trascinando il mouse sull immagine nella finestra documento e poi rilasciandolo. Nel caso dello strumento polygon occorre fare clic ogni volta che si vuole individuare un nuovo vertice. In tutti i casi l area individuata viene visualizzata ricoperta di una patina azzurrina. Ogni vertice viene evidenziato come un quadratino azzurro e puo essere spostato utilizzando il puntatore semplice se si vuole modificare l area raffinando il lavoro fatto in fase di selezione. 11
12 Risultato <area shape="circle" coords="20,20,15" href="..."> 0, ,10 20,20 100,100 <area shape="default" href="..."> <area shape="rect" coords="50,10,100,100"...> L operazione di selezione di una o piu zone attive nella finestra documento, corrisponde a livello di codice sorgente all inserimento di una lista di tag area con le relative informazioni sulle coordinate dei punti che permettono di individuare tali aree. Notate che i valori delle coordinate vengono automaticamente calcolate dal nostro applicativo una volta definita con il mouse la zona attiva. Senza un applicativo di sviluppo, tali coordinate andrebbero calcolate a parte utilizzando un apposito programma di grafica e poi inserite nel documento HTML come valori dell attributo coords. 12
13 Mappe aree attive Dopo avere specificato le aree dell'immagine, ad ogni area si associa la URL corrispondente Area selezionata 15 50,10 20,20 Puntatore nero Luca Salvo 100,100 Nome della mappatura a cui appartiene l area Associare alle varie zone attive la URL corrispondente Dopo avere individuato le varie zone attive (hotspots) della mappa immagine occorre associare ad ogni zona una URL. Per selezionare una zona attiva utilizzare il puntatore nero semplice. La finestra proprieta appare come in figura. Inserite l URL del documento HTML da visualizzare quando l utente fa clic sulla zona selezionata nel campo Link della finestra proprieta. Specificate l attribuito target quando opportuno (per esempio se avete una pagina strutturata a frame). Aiutate gli utenti a capire dove stanno andando! Infine ricordatevi di indicare nel campo alt il testo che volete venga visualizzato quando l utente passa col mouse sulla zona attiva. Nel caso di mappe immagine infatti e fondamentale dare all utente indicazioni precise su dove lo porta un clic su una certa zona dell immagine piuttosto che su un altra. Notate che le operazioni illustrate in questa slide corrispondono, a livello di codice sorgente, a indicare i valori relativi agli attribiti HREF e ALT del tag <area>. 13
14 Tabelle Fig 1: Inserisci tabella 0,0 Fig 2: La finestra di dialogo per la selezione delle proprieta della tabella N. righe 20, ,10 spazio fra il contenuto e il bordo della cella N. colonne Larghezza tabella Pixel o percentuale spazio fra le celle 100,100 Bordo tabella Tabelle L utilizzo di tabelle permette di disporre con precisione i contenuti di una pagina HTML. Per inserire una tabella in Dreamweaver potete selezionare Table dal menu principale Insert oppure selezionare l icona relativa alla tabella nella barra degli Oggetti di uso frequente. In entrambi i casi l effetto della selezione e la comparsa di una finestra di dialogo in cui e possibile definire le proprieta specifiche della tabella come il bordo, lo spazio fra il contenuto e il bordo della cella (cell padding), oppure lo spazio fra le celle (cellspacing). Le proprieta della tabella potranno comunque essere modificate tramite la finestra proprieta, una volta selezionata la tabella su cui operare. 14
15 Tabelle Fig 1: Seleziona tabella La tabella selezionata appare bordata di nero Selezione tabella Fig 2: Modifica proprieta tabella 100,100 Colore bordo (quando c e ) 0, ,10 colore sfondo d. tabella 20,20 URL immagine di sfondo Modificare una tabella Una volta inserita una tabella e possibile modificarne I parametri. Ci sonbo vari metodi: prima di tutto occore selezionare la tabella. Questo e possibile a) facendo clic sull angolo superiore sinistro della tabella, sul suo bordo inferiore o su quello destro oppure b) cliccando sul tag table a destra nella barra inferiore della finestra documento (cerchiato in fig. 1). Selezionata la tabella e possibile aprire il menu contestuale (tasto destro del mouse) o la voce Modify del menu principale, consultando le varie opzioni. In alternativa e possibile utilizzare la finestra delle proprieta (fig. 2). Oltre alle opzioni disponibili in fase di inserimento della tabella, dalla finestra proprieta possiamo anche definire uno sfondo (colore o immagine di background per la tabella) e allineare la tabella (left, center, right) rispetto alla pagina. 15
16 Tabelle Fig 1: Seleziona e modifica riga 0, ,10 Proprieta riga 20,20 Unisci celle Attributo colspan 100,100 Dividi in righe colonne Fig 2: Seleziona e modifica cella Modificare righe colonne e celle Per modificare righe o colonne selezionarle ponendosi con in mouse sul bordo della tabella all altezza di quella riga o colonna e utilizzare la finestra proprieta (fig. 1). In particolare per aggiungere una riga alla vostra tabella selezionate una riga esistente e poi Modify -> Table -> Insert Row: la nuova riga verra inserita sopra alla riga selezionata. Nel caso di una nuova colonna, questa verra inserita alla sinistra della colonna selezionata a seguito della selezione Modify -> Table -> Insert Column. Per modificare una cella, occorre selezionarla posizionandosi dentro con il mouse e utilizzare la finestra proprieta relativa (fig.2). Commentiamo alcune proprieta : Horz: Allineamento orizzontale relativo agli elementi inseriti nella cella. W: Larghezza della cella. In pixel o percentuale (da aggiungere a mano il simbolo%); H: Altezza della cella. In pixel. No Wrap (checkbox): Impedisce di andare a capo arbitrariamente nelle celle. Header (checkbox): L elemento della cella e un titolo, quindi viene grassettato e centrato (tag <TH>). BG (long): immagine di sfondo per la cella; BG (small): colore di sfondo per la cella; Brdr: colore del bordo per la cella. L opzione Unisci celle evidenziata in fig.1 permette di costruire celle che si espandono per piu righe o colonne. Corrisponde a usare gli attributi colspane rowspan dei tag TD e TH. Per unire alcune celle contigue selzionatele usando CTRL e poi cliccare su Unisci Celle della finestra proprieta. L opzione Dividi in righe o colonne suddivide una cella selezionata in ulteriori righe e colonne da specificare nella finestra di dialogo che si apre cliccando sul pulsante. 16
17 Tabelle blocconote.gif Modificare righe colonne e celle Per modificare righe o colonne selezionarle ponendosi con in mouse sul bordo della tabella all altezza di quella riga o colonna e utilizzare la finestra proprieta (fig. 1). In particolare per aggiungere una riga alla vostra tabella selezionate una riga esistente e poi Modify -> Table -> Insert Row: la nuova riga verra inserita sopra alla riga selezionata. Nel caso di una nuova colonna, questa verra inserita alla sinistra della colonna selezionata a seguito della selezione Modify -> Table -> Insert Column. Per modificare una cella, occorre selezionarla posizionandosi dentro con il mouse e utilizzare la finestra proprieta relativa (fig.2). Commentiamo alcune proprieta : Horz: Allineamento orizzontale relativo agli elementi inseriti nella cella. W: Larghezza della cella. In pixel o percentuale (da aggiungere a mano il simbolo%); H: Altezza della cella. In pixel. No Wrap (checkbox): Impedisce di andare a capo arbitrariamente nelle celle. Header (checkbox): L elemento della cella e un titolo, quindi viene grassettato e centrato (tag <TH>). BG (long): immagine di sfondo per la cella; BG (small): colore di sfondo per la cella; Brdr: colore del bordo per la cella. L opzione Unisci celle evidenziata in fig.1 permette di costruire celle che si espandono per piu righe o colonne. Corrisponde a usare gli attributi colspane rowspan dei tag TD e TH. Per unire alcune celle contigue selzionatele usando CTRL e poi cliccare su Unisci Celle della finestra proprieta. L opzione Dividi in righe o colonne suddivide una cella selezionata in ulteriori righe e colonne da specificare nella finestra di dialogo che si apre cliccando sul pulsante. 17
18 Tabelle Commands -> Sort Table 0, ,10 20,20 100,100 Ordinare i dati in una tabella In una cella possono essere inseriti sia elementi di testo, sia immagini o altri oggetti. Quando avete una tabella come quella indicata in figura che contiene dati da ordinare in qualche modo (alfabetico o numerico) potete utilizzare la funzione Sort Table selezionando la tabella di cui volete ordinare i dati e poi scegliendo la voce Commands -> Sort Table dal menu principale. Apparirà la finestra di dialogo Sort Table che vi permetterà di scegliere colonna di riferimento e criteri di ordinamento e di non alterare la corrispondenza dei dati riga per riga (piu o meno come quando ordinate una tabella Excel). Osservazione: Per default la prima riga della tabella selezionata non viene ordinata, perché di solito si tratta di righe di intestazione ai dati da ordinare. Se volete però che sia considerata selezionate nella finestra Sort Table con un segno di spunta la voce Sort Includes First Row. 18
19 Forms: Attributi di <form> <form action="..." method="..."> CHI elabora i dati del FORM? quando si seleziona il pulsante Invia viene eseguita l azione specificata nell attributo action i dati vengono inviati all autore tramite posta elettronica: action="mailto:patti@di.unito.it" i dati vengono mandati al server e elaborati da uno script cgi (programma): action=" COME mando i dati del form?: nell attributo method si possono scrivere i valori POST o GET che servono per inviare i dati inseriti nel form Forms (= Moduli) Ripassiamo alcune nozioni relative al tag form e ai suoi attributi fondamentali. 19
20 Esercizio 5 Form Chi elabora i dati del form 0, ,10 20,20 Inserisci Modulo Nome del form 100,100 Come vengono inviati i dati del form Fig. 1 Inserisci modulo Fig. 2 Finestra proprieta > attributi di <form> Forms (= Moduli) in Dreamweaver Un modulo per l inserimento di dati da parte dell utente puo essere introdotto in una pagina attraverso Dreamweaver seguendo i seguenti passi: Esercizio 5 Passo1: seleziona la categoria Form dalla barra degli Oggetti (fig. 1, riquadro in alto). Passo 2: occorre dichiarare che si crea un area modulo dove l utente possa inserire i suoi dati (nota che questo corrisponde a inserire il tag <form> in un documento html). Posizionati sulla finestra documento nel punto dove vuoi inserire il form e fai clic sull icona Insert Form della barra Objects- Forms (fig1). Apparira un riquadro tratteggiato in rosso che delimita l area del form e dentro il quale e possibile inserire i vari elementi di input. Passo 3: la finestra delle proprieta appare come in fig. 2. Per rendere attivo il form occorre dare un nome al form (campo name) e riempire opportunamente i campi action e method. Il campo Action permette di specificare dove si vuole che venga recapitata l informazione data in input (un indirizzo o un file CGI che riceva e adoperi l informazione). Inserisci il tuo indirizzo in Action. Il campo metodo determina come vengono processati i dati in input. I metodi post e get sono semplicemente due metodi differenti di mandare dati al programma. Seleziona POST del campo Method. 20
21 <form>forms</form> I due comandi di input "submit" e "reset" devono essere presenti: "submit" quando cliccato spedisce il form "reset" quando cliccato cancella il form <FORM action="mailto:indirizzo internet" method="post"> qui testo, immagini + comandi per input... <INPUT type="submit"> <INPUT type="reset"> </FORM> N.B. un form puo contenere qualsiasi elemento HTML...altri attributi fondamentali del tag form: submit e reset 21
22 Esercizio 5 Buttons: submit e reset Form Textfield Fig. 2 Proprieta di Textfield Radio Buttons 0,0 Checkboxes Menu 15 50,10 Larg. In caratteri del Text Field <Textarea> Caretteri di input/ n. righe <input type=text> 100,100 Fig. 1 Barra degli oggetti: tipi di input numero Max di Caratteri di input <input type=password> I Form = Moduli Adesso non resta che dare possibilità al nostro utente di inserire alcune informazioni. I vari tipi di input (check boxes, radio boxes, menu a tendina e campi per l immissione di testo) devono essere introdotti all interno dell area tratteggiata in rosso cliccando sulle relative icone presenti nella barra degli oggetti di categoria Forms (fig. 1). Questo corrisponde all inserimento dei vari tag <input type=``text ``checkbox ``radio >, <select> e <textarea> all interno di un tag <form>. Una volta introdotto un certo tipo di input, le varie caratteristiche possono essere specificate attraverso la finestra contestuale delle proprieta. Ad esempio in fig. 2 appare la finestra contestuale di un oggetto Textfield. 22
23 Esercizio 5 35: , ;, : : Form radio boxes , , ;, : ;, : / 25708, 25708, ;, : ;, :02,88, 2,88, textarea checkbox submit reset Riprodurre il modulo in figura facendo attenzione a inserire la tabella all'interno dell'area di influenza del form tratteggiata in rosso (la coppia di tag <table></table> deve risultare annidata nella coppia <form></form>. 23
24 Frame In azzurro l area dove viene caricato il doc corrente 0,0 20,20 prima della creazione del frameset e 15 50,10 dopo A A nuovo doc html 100,100 Fig. 2 Fig. 1 Frameset predefiniti Frame I frame permettono di suddividere un documento HTML in piu files, i cui contenuti vengono visualizzati in determinate aree della stessa pagina. Il documento principale (frameset) ha funzione di contenitore. Le aree in cui e suddiviso sone dette frame. Perché sia possibile il caricamento di un documento al suo interno, a ogni area va assegnato un nome che la identifichi univocamente. In Dreameweaver per creare un documento HTML suddiviso in frames e necessario quindi 1. prima creare il documento contenitore, entro cui si indica il tipo di suddivisione in frame che si vuole effettuare, 2. poi definire il contenuto dei diversi frame. 1. Creazione del frameset Un modo per creare un documento contenitore è utilizzare uno dei frameset predefiniti che trovate nella barra degli oggetti, categoria Frames (fig.1). Se siete posizionati in un certo documento (chiamiamolo A) e cliccate su una delle icone creerete una struttura a frame come quella suggerita dall icona e vi troverete col cursore all interno dell area colorata in azzurro in cui è stato caricato il documento iniziale A (fig.2). Un secondo modo per creare un documento contenitore più liberamente è scegliere dal menu Modify Le voci Frameset Split Frame e decidere se Suddividere la pagina in righe (Split Frame Up or Down) Suddividere la pagina in colonne (Split Frame Left or Right) Noatate che in entrambi i casi potete modificare la struttura creata trascinando i bordi col mouse. 24
25 Frame 0, ,10 20,20 Fig. 2 la finestra proprietà per un frameset 100,100 Fig. 1 la finestra Frame, es. di selezione del frameset Fig. 3 la finestra proprietà per un frame Per selezionare un frameset utizzate la finestra Frames in fig 1. (apritela dal menu Windows) cliccando sulla cornice piu esterna oppure dopo aver potenziato la vista dei bordi attraverso View ->Visual Aids -> Frame Borders selezionate la cornice piu esterna dalla finestra documento selezionate il tag corrispondente nella barra inferiore della finestra documento Selezionato un frameset alcune proprietà sono specificabili attraverso la finestra contestuale delle proprietà (fig. 2). Per selezionare un frame utizzate la finestra Frames oppure selezionate il tag corrispondente nella barra inferiore della finestra documento Una volta selezionato un frame èpossibile definirne le proprietà attraverso la finestra contestuale (fig.3). In particolare il nome del frame va definito nel campo Frame name. Inoltre e possibile scegliere se utilizzare barre di scorrimento (Scroll), se rendere i frame piu o meno ridimensionabili (checkbox No Resize) e se dotare o meno il frame di bordo (Border). Per definire quale file volete caricare nel frame selezionato utilizzate il campo src della finestra delle proprietà per un frame (fig3). Vediamo con più precisione come nella prossima pagina. 25
26 Esercizio 6 Frame Fig. 1 click su struttura predefinita Top Frame 0,0 effetto 20, ,10 Fig. 3 Seleziona il frame superiore (topframe) e click su struttura predefinita Left Frame effetto 100,100 Fig. 2 codice generato dopo il passo1 Esercizio 6: Partendo da un documento nuovo vuoto creiamo una struttura a Frame Passo 1: dalla barra degli oggetti, categoria Frames fai click sulla struttura predefinita Top Frame; viene creata una struttura a frame come quella in fig. 1. Automaticamente viene generato il codice in fig.2. Notate che vengono attribuiti dei nomi di default ai frame contenuti (valore dell'attributo name del tag <frame>). Passo 2: Tenendo selezionato il frame di nome topframe fai click sulla struttura predefinita Left Frame; viene creata una struttura a frame come quella in fig
27 Esercizio 6 Frame 0, ,10 20,20 Fig. 2 (a) Fig. 2 (b) 100,100 Fig. 1 seleziona il frameset + File -> Salva frameset as... Fig. 3 la finestra proprietà per un frame 2. Definire il contenuto dei diversi frame Una volta definito un frameset, prima di procedere al collegamento dei diversi documenti nei vari frame occorre selezionare il documento contenente il codice relativo alla definizione del frameset attraverso la finestra Frames (fig.1) salvare il file assegnando un nome: File -> Save Frameset...scegli nome (continua l'esercizio 6...) Passo 3: Una volta definita la struttura dei frame salviamo il file che contiene il tag <frameset>: dal menu principale File -> Save Frameset As...dai nome frameset.htm A questo punto occorre caricare un documento html in ogni frame della struttura definita dal frameset. Per ogni frame dunque si selezioni dalla finestra Frame il frame il cui si vuole caricare un documento html si visualizzi la finestra contestuale delle proprietà del Frame e si carichi utilizzando il campo Src il documento html desiderato. Passo 4: seleziona dalla finestra Frame il frame con nome mainframe (fig. 2 (a)). Passo 5: Visualizza la finestra contestuale delle proprietà e dal campo Src (Source) seleziona il file principale.htm (fig.3). Nota che a seguito di questa operazione il codice del frameset verrà modificato per quanto riguarda il valore dell'attributo src del tag <frame> su cui stiamo lavorando: <frame src="principale.htm" name="mainframe">. La pagina apparirà come in fig 2 (b) 27
28 Esercizio 6 Frame 0,0 src: indirizzi.htm 15 50,10 100,100 src: paginalogo.htm name Fig. 1 20,20 name Fig. 2 Fig. 3: 4 file (continua l'esercizio...) Passo 6: Procedete così per gli altri frame. a) Caricate il documento indice.htm nel frame con nome topframe e cambiate il nome del frame in indirizzi (fig. 1) b) Caricate il documento paginalogo.htm nel frame con nome leftframe. Cambiate il nome del frame in logo (fig.2). Prima della preview... Salvare frameset e relativi frame. Passo 7: Selezionate Save All dal menu file per salvare sia il documento contenitore sia i documenti caricati nei vari frame. Alla fine del processo controllate di avere creato in tutto 4 files: il file contenente l'informazione sul frameset + i 3 file caricate nei 3 diversi frame (fig.3). 28
29 Vi ricordate di target? indice.htm ancora stru principale.htm Link e frame Se all interno di un frame da un documento si passa ad un altro (tramite un link) questo viene aperto nella stessa cornice. Tuttavia si può scegliere la finestra in cui aprire il documento usando l attributo target di <a> e dando come valore il nome della finestra (attributo name di frame). In figura: <a target="mainframe" href="principale.htm#stru">struzzo</a> Alla parola Struzzo nel documento indice.htm è associato un collegamento al documento principale.htm#stru, che verrà visualizzato nell'area frame di nome mainframe anziché nel documento che contiene la parola. Oppure in target si possono usare alcuni valori speciali target="_self" target="_top" target="_blank" target="_parent" In Dreanweaver modificate in modo opportuno il valore del target dalla finestra proprietà del testo che appare contestualmente alla selezione della parola a cui state assegnando un collegamento. 29
HTML il linguaggio per creare le pagine per il web
HTML: frame HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliLaboratorio di Informatica (Chimica)
Laboratorio di Informatica (Chimica) HTML: Elementi Avanzati. Walter Cazzola Dipartimento di Informatica e Comunicazione Università à degli Studi di Milano. e-mail: cazzola@dico.unimi.it Walter Cazzola
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" HTML: frame i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" HTML: frame I frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliHTML il linguaggio per creare le pagine per il web
HTML: frame HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" I frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" HTML: frame I frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
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
DettagliHTML il linguaggio per creare le pagine per il web
HTML: frame HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliCSS: HTML: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli. Le immagini mappate
CSS: Proprietà per la formattazione delle immagini Immagini di sfondo e sfondi multipli HTML: Le immagini mappate 1 Le principali proprietà che permettono di manipolare le immagini agiscono sul box mode
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte II: elementi "complessi" HTML: frame i frame servono per suddividere il browser in parti indipendenti all interno delle quali si possono caricare
DettagliInformatica di base Laboratorio di HTML Dott. Serena Villata A.A. 2004/05
Informatica di base Multid@ms Laboratorio di HTML Dott. Serena Villata A.A. 2004/05 Le tabelle Creazione di una tabella: le tabelle vengono utilizzate sia per inserire dati che per migliorare
DettagliHTML 3. I link (collegamenti) L URL. Il tag <A> LINK (àncora) Come collegare documenti
HTML 3 LINK (àncora) Come collegare documenti I link (collegamenti) Semplicemente "cliccando" su una parola, un disegno, un'immagine, si può accedere ad un'altra pagina Web Questo effetto si ottiene con
DettagliD B M G Il linguaggio HTML
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti
Dettagli@2011 Politecnico di Torino 1
Concetti di base Programmazione Web Il linguaggio HTML HTML consente di annotare un testo per contrassegnare le parti che lo compongono Le annotazioni sono realizzate tramite i "tag" Visualizzare documenti
DettagliProgrammazione Web D B M G. Il linguaggio HTML
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form HTML: HyperText Markup Language Standard
DettagliU.T.E Università della Terza Età
U.T.E Università della Terza Età Sede di Novate Milanese Corso Informatica Approfondimento FOGLIO ELETTRONICO Docente: Giovanni Pozzi FOGLIO ELETTRONICO MS-Excel E un programma che permette di effettuare:
DettagliU.T.E FOGLIO ELETTRONICO. Università della Terza Età. Sede di Novate Milanese. Corso Informatica Approfondimento. Docente: Giovanni Pozzi
U.T.E Università della Terza Età Sede di Novate Milanese Corso Informatica Approfondimento FOGLIO ELETTRONICO Docente: Giovanni Pozzi FOGLIO ELETTRONICO MS-Excel E un programma che permette di effettuare:
DettagliModulo 3 - Elaborazione Testi 3.4 Oggetti
Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.4 Oggetti Maria Maddalena Fornari Creare una tabella È possibile creare una tabella nel documento cliccando
DettagliModulo 3 - Elaborazione Testi 3.4 Oggetti
Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.4 Oggetti Oggetti: le tabelle Gli oggetti sono entità, diverse da un testo, dotate di un propria identità:
DettagliIMMAGINI INTRODUZIONE
IMMAGINI INTRODUZIONE Prima di inserire le immagini nella pagina HTML, le stesse devono essere copiate all interno della cartella del progetto (Sito). La loro copia può avvenire o tramite Risorse del Computer
DettagliHTML Lezione2 Le Immagini e i link. Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML Lezione2 Le Immagini e i link Prof. Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Le immagini I formati supportati dal websono diversi e variano a seconda del browser adoperato.i
DettagliProgettazione multimediale
Progettazione multimediale Le tabelle 1 Obiettivi Perché si usano le tabelle Le proprietà delle tabelle Inserimento e modifica delle proprietà 2 Perché si usano le tabelle Una pagina Web è formata da testo
DettagliGuida a WordPress. 1. Iscrizione a Wordpress
Guida a WordPress 1. Iscrizione a Wordpress Digitare il seguente indirizzo: https://it.wordpress.com/ Cliccare su Crea sito web Scegliere un tema, ovvero la struttura principale che assumeranno le pagine
DettagliTag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row
TAG FONDAMENTALI Tag : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row Tag , tag ,.tag : per definire le intestazioni (i titoli) e la loro
DettagliCORSO DI FORMAZIONE DOCENTI DELLE SCUOLE PUBBLICHE A GESTIONE PRIVATA ECDL, LA PATENTE EUROPEA PER L USO DEL COMPUTER GUIDA SINTETICA
M ECDL ECDL, LA PATENTE EUROPEA PER L USO DEL COMPUTER LA POSTA ELETTRONICA Parte Generale GUIDA SINTETICA 1 - Primi passi Aprire il programma di posta elettronica Outlook Express Aprire la cassetta delle
DettagliFormattazione di liste
Formattazione di liste Con HTML si possono costruire liste puntate o numerate: Occorre definire l inizio e la fine della lista e poi definire ogni singolo elemento della lista. Le liste numerate si costruiscono
DettagliHTML: FORM. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni
HTML: FORM Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132 Sesto San Giovanni Form Text Radio Select CheckBox TextArea Button ... L'elemento serve per delimitare un modulo
DettagliGrafici e Pagina web
Grafici e Pagina web Grafici Un grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro. Quando si crea un grafico ogni riga
DettagliMANUALE di MOVIE MAKER
MANUALE di MOVIE MAKER Indice cliccabile 1. La struttura di Movie Maker 2. Aggiungere video e foto 3. Assegnare una durata video ed effetti visivi ad un file immagine 4. Dividere e ritagliare un file video
DettagliEsercizio INTERNET. Esercizio
Esercizio INTERNET A titolo di esempio si intende realizzare un prototipo di pagina web contenente i seguenti elementi: - sfondo - pulsanti - testo scritto - collegamento ipertestuale ad un altra pagina
DettagliCorso di HTML. Prerequisiti. Modulo L2 B4 - Le tabelle. Concetto di tabella Coordinate di cella in una tabella. M. Malatesta B4-Le tabelle-06
Corso di HTML Modulo L2 B4 - Le tabelle 1 Prerequisiti Concetto di tabella Coordinate di cella in una tabella 2 1 Introduzione In questa Unità illustriamo il concetto e l uso delle tabelle in HTML. Le
DettagliD B M G. Basi di dati. Programmazione Web: HTML. Programmazione Web. Il linguaggio Politecnico di Torino 1
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti
DettagliDEFINIZIONI SMART E RELATIVE ESERCITAZIONI
DEFINIZIONI SMART E RELATIVE ESERCITAZIONI A B C D E 1 2 3 4 5 6 7 8 9 MODULO 3 Creazione e gestione di fogli di calcolo MODULO 3 CREAZIONE E GESTIONE DI FOGLI DI CALCOLO Gli elementi fondamentali del
DettagliD B M G. Basi di dati. Programmazione Web: HTML. Programmazione Web. Il linguaggio Politecnico di Torino 1
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form @2011 Politecnico di Torino 1 Concetti
DettagliMicrosoft Front Page 2000
Microsoft Front Page 2000 Lezione 2 La gestione dei moduli web avviene attraverso il menù 'Inserisci/Modulo'. Sarà possibile inserire ogni elemento del modulo, dal form al button e attraverso le finestre
DettagliProgrammazione Web D B M G. Il linguaggio HTML
Programmazione Web Il linguaggio HTML Il linguaggio HTML Concetti di base Le interfacce utente in HTML I form Le tabelle Il passaggio dei parametri contenuti nei form HTML: HyperText Markup Language Standard
Dettagli3.6.1 Inserimento. Si apre la finestra di dialogo Inserisci Tabella:
3.6.1 Inserimento Per decidere dove collocare una tabella è necessario spostare il cursore nella posizione desiderata. Per inserire una tabella esistono diversi modi di procedere: Menù Tabella Inserisci
DettagliUn grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro;
EXCEL Modulo 3 Grafici Un grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro; Quando si crea un grafico ogni riga o ogni
DettagliDEFINIZIONI SMART E RELATIVE ESERCITAZIONI. MODULO 4 Realizzazione di semplici presentazioni multimediali
DEFINIZIONI SMART E RELATIVE ESERCITAZIONI MODULO 4 Realizzazione di semplici presentazioni multimediali MODULO 4 REALIZZAZIONE DI SEMPLICI PRESENTAZIONI MULTIMEDIALI Sviluppare una presentazione Le presentazioni
DettagliMarziana Monfardini 2004-2005 lezioni di word
1 2 3 4 5 TABUlAZIONI, RIENTRI, ELENCHI...IN BREVE PER IMPOSTARE UNA TABULAZIONE... Posizionarsi nella riga in cui si vuole inserire una tabulazione. Selezionare il tipo di tabulazione desiderato sul pulsante
DettagliFOGLIO ELETTRONICO. Microsoft Office EXCEL. LibreOffice CALC CALC. E' un software che assegna come estensione ai propri file (foglio elettronico).ods.
FOGLIO ELETTRONICO Microsoft Office EXCEL LibreOffice CALC Viene anche definito: FOGLIO DI CALCOLO; CARTELLA DI LAVORO (perché è un file che può contenere più FOGLI DI LAVORO). FOGLIO ELETTRONICO o FOGLIO
Dettagli@2011 Politecnico di Torino 1
Il linguaggio HTML Programmazione Web Concetti di base Le interfacce utente in HTML I form Il passaggio dei parametri contenuti nei form Il linguaggio HTML Concetti di base Concetti di base HTML: HyperText
DettagliCultura Tecnologica di Progetto
Cultura Tecnologica di Progetto Politecnico di Milano Facoltà di Disegno Industriale - FOGLI DI CALCOLO - A.A. 2003-2004 2004 Foglio Elettronico Un foglio elettronico è un potente strumento di calcolo,
Dettagli3.4 Inserimento di immagini
Ripristina per riportare ai valore iniziali la scheda in uso (la finestra di dialogo resta aperta). 3.4 Inserimento di immagini Per inserire un'immagine all'interno del documento: posizionare il cursore
Dettagli@2011 Politecnico di Torino 1
Il linguaggio HTML Programmazione Web Concetti di base Le interfacce utente in HTML I form Il passaggio dei parametri contenuti nei form Il linguaggio HTML Concetti di base Concetti di base HTML: HyperText
DettagliLE MASCHERE. Maschera standard. Maschera semplice. Questa maschera però non consente di nascondere alcuni campi e visualizza i record uno ad uno.
LE MASCHERE Inserire i dati direttamente in tabella non è agevole. Questa operazione normalmente viene svolta utilizzando le maschere. I vantaggi offerti dalle maschere sono: Aspetto grafico più accattivante
DettagliINSERIRE I DATI NEL DATABASE
13-Cap10_DWCS3.qxd 18-11-2009 11:43 Pagina 201 CAPITOLO10 INSERIRE I DATI NEL DATABASE In questo capitolo In questo capitolo imparerai a interagire con i contenuti del database gestiti nel sito. In particolare
DettagliINCOMUNE.NET 4.0 Powered by Contao CMS Open Source
INCOMUNE.NET 4.0 Powered by Contao CMS Open Source Sistema di Trattamento dei contenuti - Manuale di Utilizzo IDEA Sistemi S.as. Tecnologie Digitali per la Pubblica Amministrazione Via Burolo, 30 10015
Dettagli3.5.1 PREPARAZ1ONE I documenti che si possono creare con la stampa unione sono: lettere, messaggi di posta elettronica, o etichette.
3.5 STAMPA UNIONE Le funzioni della stampa unione (o stampa in serie) permettono di collegare un documento principale con un elenco di nominativi e indirizzi, creando così tanti esemplari uguali nel contenuto,
DettagliUn grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro;
EXCEL Modulo 3 I Grafici Grafici Un grafico utilizza i valori contenuti in un foglio di lavoro per creare una rappresentazione grafica delle relazioni esistenti tra loro; Quando si crea un grafico ogni
DettagliCapitolo 2. Figura 21. Inserimento dati
Capitolo 2 INSERIMENTO DI DATI In ogni cella del foglio di lavoro è possibile inserire dati che possono essere di tipo testuale o numerico, oppure è possibile inserire formule le quali hanno la caratteristica
DettagliL INTERFACCIA GRAFICA DI EXCEL
Dopo l avvio del foglio elettronico apparirà un interfaccia grafica nella quale verrà aperta una nuova cartella di lavoro alla quale il PC assegnerà automaticamente il nome provvisorio di Cartel1. La cartella
DettagliModulo o Form in Html
Pagina dinamica E un documento contenente oggetti, dati e informazioni che possono variare anche in base all iterazione dell utente con il documento stesso. Un esempio classico è quello di una persona
DettagliGestione del testo. Dreamweaver e il testo. Richiamare la pagina
Gestione del testo 04 In questo capitolo In questo capitolo imparerai a utilizzare gli strumenti di formattazione del testo. Imparerai come impostare uno stile a un testo per un titolo o un paragrafo.
DettagliCORSO DI INFORMATICA GENERALE. Università degli Studi di Bergamo
CORSO DI INFORMATICA GENERALE Università degli Studi di Bergamo Microsoft Excel E un software applicativo per la gestione dei fogli di calcolo. E un programma che consente la gestione e l organizzazione
Dettagli1. Introduzione 3 / 27
BACKOFFICE CONSOLE 1. Introduzione... 3 2. Creazione di uno Schema... 4 2.1 Struttura dello Schema... 5 2.2 Caratteristiche dei campi... 6 2.3 Traduzioni... 8 2.4 Ricerca degli schema... 9 2.5 Gestione
DettagliLaboratorio Informatico di Base. Fogli di calcolo
Laboratorio Informatico di Base Fogli di calcolo I Fogli elettronici Un foglio elettronico (spreadsheet) è un programma che organizza i dati in maniera tabellare. La tabella è già presente all apertura
DettagliI campi di un form: come utilizzare il tag Input
Home -> Manuali & Tutorials -> Guida HTML I campi di un form: come utilizzare il tag Input Non c è form che si rispetti senza bottone di invio o un campo di inserimento di dati. La sintassi tradizionale
DettagliCome lo chiamiamo?..
Come lo chiamiamo?.. normalmente le formule sono criptiche = P.RATA(C10/12;C7*12;B11) = SUM(A10:A15)/B15 = A10*(1+$B$2) è possibile semplificare la comprensione con l uso dei nomi di riferimento a celle
DettagliAnalisi dei dati con Excel
Analisi dei dati con Excel memo I primi rudimenti Operazioni base Elementi caratteristici di excel sono: la barra delle formule con la casella nome ed il bottone inserisci funzione, nonché righe, colonne
DettagliFoglio elettronico Microsoft Office Excel 2003
Foglio elettronico Microsoft Office Excel 2003 04/06/2015 Nonni su internet 2015 1 Il foglio elettronico è un programma che possiamo usare per creare tabelle di numeri e calcolare automaticamente somme,
DettagliGALLERY. Album immagini
GALLERY In questo menù del pannello di amministrazione si trovano tutte le funzioni utili alla gestione delle foto, dei video e degli album da inserire all'interno delle pagine con funzione ALBUM IMMAGINI
DettagliStagione Windows Live Movie Maker Manuale di Utilizzo
Stagione 2017 2018 Windows Live Movie Maker Manuale di Utilizzo Sommario SCHERMATA INIZIALE... 2 GESTIONE FOTO... 3 IMPORTAZIONE... 3 ANIMAZIONI... 4 TRANSIZIONI... 4 ZOOM E DETTAGLIO... 4 DURATA FOTOGRAFIA
DettagliUniversità di Bergamo Facoltà di Ingegneria. Applicazioni Internet B. Paolo Salvaneschi B3_2 V1.22. HTML Parte B
Università di Bergamo Facoltà di Ingegneria Applicazioni Internet B Paolo Salvaneschi B3_2 V1.22 HTML Parte B Il contenuto del documento è liberamente utilizzabile dagli studenti, per studio personale
DettagliCreare sezioni con formattazione diversa dalle altre sezioni formattazione Applicare gli effetti di carattere Allineare il paragrafo
Creare sezioni con formattazione diversa dalle altre sezioni Per modificare la formattazione ad una singola sezione differenziandola dalle altre è necessario selezionare l intera sezione ed effettuare
DettagliIl tag form indica l'inizio della costruzione di un modulo. Necessita del tag di chiusura
LE FORM Le form, note in italiano anche come moduli sono delle strutture che permettono all'utente di inserire dei dati o di effettuare delle scelte. Le form, prese singolarmente non sono nient'altro che
DettagliCorso di informatica avanzato. 1 Videoscrittura I
Corso di informatica avanzato 1 Videoscrittura I 1. Riesame delle conoscenze 2. Rientri: gestione avanzata 3. Realizzazione di un volantino con contenuti grafici: impostazione pagina 4. Realizzazione di
Dettaglinome di un menu per visualizzarlo e poi selezionate facendo clic sul comando che vi interessa.
1 (conoscere le basi di Excel) < I controlli della. Finestra > La finestra di apertura di Excel presenta una cartella di lavoro vuota; la finestra del programma occupa tutto lo spazio dello schermo, mentre
DettagliIl foglio elettronico
Istituto Europeo Ricerca Formazione Orientamento Professionale Onlus Il foglio elettronico Docente: Filippo E. Pani I fogli elettronici L organizzazione a celle del foglio
DettagliExcel. Il foglio di lavoro. Il foglio di lavoro Questa viene univocamente individuata dalle sue coordinate Es. F9
Excel Un foglio di calcolo o foglio elettronico è un programma formato da: un insieme di righe e di colonne visualizzate sullo schermo in una finestra scorrevole in cui è possibile disporre testi, valori,
DettagliSistemi Informatici per il supporto alle decisioni Modulo 1. Database: concetti introduttivi
Sistemi Informatici per il supporto alle decisioni Modulo 1 Database: concetti introduttivi Iniziamo questi primi passi introducendo alcune definizioni e concetti fondamentali su questo particolare software,
DettagliNote APRIRE IL PROGRAMMA EXCEL
APRIRE IL PROGRAMMA EXCEL 1. Fai clic sul pulsante Start. 2. Fai scorrere l elenco dei programmi e a seconda della versione del tuo Windows: a. Fai clic su Microsoft Office e/o b. Fai clic su Microsoft
DettagliCalcolare con il computer: Excel. Saro Alioto 1
Calcolare con il computer: Excel Saro Alioto 1 Excel è un programma che trasforma il vostro computer in un foglio a quadretti. In altri termini con Excel potrete fare calcoli, tabelle, grafici, ecc...
DettagliOpzioni contenitore Prodotti
Opzioni contenitore Prodotti Clicca il pulsante destro del mouse sul contenitore prodotti per accedere alle opzioni. Clicca il pulsante OPZIONI del menù che appare. Adesso puoi accedere a tutte le opzioni
DettagliMODULO 5 - USO DELLE BASI DI DATI 2 FINALITÁ
PATENTE EUROPEA DEL COMPUTER 5.0 MODULO 5 Database (Microsoft Access 2007) Parte 3 A cura di Mimmo Corrado Gennaio 2012 MODULO 5 - USO DELLE BASI DI DATI 2 FINALITÁ Il Modulo 5, richiede che il candidato
DettagliTabelle. Verdi A. Bianchi B. Rossi C. 12/02 Trasferta a Milano. Corso in sede. Riunione Ispettori a Milano Riunione in sede.
1 Tabelle Una tabella è una griglia composta da righe e colonne: l intersezione fra una riga e una colonna si chiama cella ed è un elemento di testo indipendente che può avere un proprio formato. Spesso,
DettagliCORSO ACCESS PARTE IV
Creazione di un database / gestione tabelle Per creare un nuovo database Menu File Selezionare Nuovo Scegliere Database vuoto nella scheda Generale e confermare con Ok Impostare il nome e il percorso nella
DettagliVideo Scrittura (MS Word) Lezione 2 Tabelle e Immagini
Video Scrittura (MS Word) Lezione 2 Tabelle e Immagini Word consente di inserire nello stesso documento, oltre al testo, molte altri generi di informazioni: - Tabelle - Immagini - Disegni, forme particolari
DettagliIstruzioni per la compilazione del modulo di deposito per parti non rituali
Istruzioni per la compilazione del modulo di deposito per parti non rituali Questa nota descrive le attività necessarie per preparare il modulo per il deposito per parti non rituali. Sommario Attività
DettagliOpenOffice Calc. Sommario. Operazioni fondamentali. Informatica a.a. 2013/2014 (Dip. Psicologia) OpenOffice Calc (4.1.0)
OpenOffice Calc Sommario Operazioni fondamentali... 1 Formattare le celle... 2 Gestire i fogli... 4 Formattazione condizionale... 5 Ordine... 5 Riempimento automatico... 6 Grafici... 6 Calcoli... 8 Stampare...
DettagliCorso sul PACCHETTO OFFICE. Modulo Access
Corso sul PACCHETTO OFFICE Modulo Access Docente: dott. Marco Cardani Lezione 2 Come creare un database 1 2 Come creare un database Impareremo ora come creare un nuovo database in modo da raggiungere un
DettagliOperazioni preliminari: creare una cartella in Documenti
Operazioni preliminari: creare una cartella in Documenti 1. Fare clic in successione su Start (cerchio con il logo Microsoft in basso a sinistra), Documenti. 2. Cliccare su Nuova cartella comparirà una
DettagliCloud GDrive, Dropbox
Cloud GDrive, Dropbox Lezione 3 Lavorare con Dropbox Video Dropbox permette, oltre all'archiviazione di file in rete, di lavorare direttamente all'interno del servizio sul web, attraverso l'uso dell'applicazione
DettagliIl tag MAP e i suoi attributi
C.S.F. En.A.I.P. Cuneo Corso: I O.S.P.A. Laboratorio: Elementi di grafica per il web N scheda 5 Titolo Esercitazione / Argomento trattato Il tag IMG e i suoi attributi Il tag MAP e i suoi attributi h previste:
DettagliINTRODUZIONE AL LINGUAGGIO HTML: PARTE 2. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML: PARTE 2 Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML
DettagliScelta del Browser. Accesso Area Redazione
Scelta del Browser Si consiglia l utilizzo dei più comuni browser: Internet Explorer Safari Opera Mozilla Firefox Google Chrome Accesso Area Redazione Per poter accedere all area redazione bisogna: 1.
DettagliInserire un nuovo foglio
Excel Base- Lezione 2 Inserire un nuovo foglio 1. Nella parte inferiore della finestra di lavoro sulla sinistra, fare clic sulla linguetta del foglio, a sinistra del quale se ne desidera aggiungere uno
DettagliWORD PROCESSING.
WORD PROCESSING www.diego72.altervista.org CREARE IN SERIE LETTERE ED ETICHETTE La Creazione guidata Stampa unione è presente nella scheda Lettere consente di creare lettere tipo, etichette per indirizzi,
DettagliExcel 2. Master Universitario di II livello in MANAGER NELLE AMMINISTRAZIONI PUBBLICHE A.A Prof.ssa Bice Cavallo
Excel 2 Master Universitario di II livello in MANAGER NELLE AMMINISTRAZIONI PUBBLICHE A.A. 2013-2014 Prof.ssa Bice Cavallo Grafici Excel offre diversi tipi di grafici standard (Area, Barre, Istogramma,
DettagliUn foglio di una cartella Excel si compone di righe (ciascuna delle. quali è rappresentata da un numero) e di colonne (ciascuna delle
4.2 Operazioni di base 4.2.1 Inserire i dati 4.2.1.1 Inserire numeri in una cella Un foglio di una cartella Excel si compone di righe (ciascuna delle quali è rappresentata da un numero) e di colonne (ciascuna
DettagliSCRIBUS Guida Generale
SCRIBUS Guida Generale Introduzione Scribus è un software di impaginazione, rilasciato sotto licenza GPL (licenza pubblica generica) e può pertanto essere utilizzato liberamente. Versione utilizzata: Scribus
DettagliCapitolo 5. Allineamento del testo. Figura 70. Barra Formattazione
Capitolo 5 LA FORMATTAZIONE Assicurarsi per prima cosa che sia visualizzata la barra degli strumenti Formattazione; per far ciò è sufficiente fare clic col tasto destro del mouse su un punto qualsiasi
DettagliCorso di informatica avanzato. 2 Videoscrittura II
Corso di informatica avanzato 2 Videoscrittura II 1. Importare fogli Excel o altri oggetti 2. Tabulazione 3. Realizzazione di un volantino con suddivisione in colonne 4. Copia formato 5. Unione di documenti
DettagliElenchi numerati. Il procedimento per gli elenchi numerati è simile: o l icona o la finestra del menu formato
Word Lezione 3 Elenchi puntati È possibile inserire elenchi puntati tramite un icona sulla barra di formattazione o tramite il menu formato Elenchi puntati e numerati Elenchi numerati Il procedimento per
DettagliCultura Tecnologica di Progetto
Cultura Tecnologica di Progetto Politecnico di Milano Facoltà di Disegno Industriale - PRESENTAZIONI - A.A. 2003-2004 2004 Power Point: : le presentazioni Una presentazione è un documento multimediale,
DettagliHTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte
HTML Guida base Guida grafica essenziale all Hyper Text Markup Language I parte In questa breve guida imparerai come è fatta la struttura della pagina HTML impostare il titolo della pagina impostare lo
DettagliExcel avanzato. Certificazione Microsoft. Excel: le basi. 1.1 Excel: le basi NUMBER TITLE
Excel avanzato Certificazione Microsoft Excel: le basi 1.1 Excel: le basi Fogli elettronici: generalità e struttura (1) Un foglio di lavoro è una griglia costituita da celle (intersezione righe - colonne)
Dettagli