Brescianet.com Sito didattico - Prof. Sechi Marco. II Modulo - Classe 3O. Accoda qui le risposte. differenze per aree sovrapposte.

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Brescianet.com Sito didattico - Prof. Sechi Marco. II Modulo - Classe 3O. Accoda qui le risposte. differenze per aree sovrapposte."

Transcript

1 Brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Registrati Profilo Entra per controllare i messaggi privati Entra II Modulo - Classe 3O Indice del forum -> Appunti - Classi 3 Argomento precedente :: Argomento successivo Autore Inviato: Lun Nov 29, :57 am Soggetto: II Modulo - Classe 3O Accoda qui le risposte Messaggio Inviato: Lun Nov 29, :58 am Soggetto: 29/11/2004-3O differenze per aree sovrapposte <pippo> ==>xml l'attributo Name fa differenza tra maiuscolo e minuscolo Iniziato con target Inviato: Ven Dic 03, :57 pm Soggetto: 03/12/2004-3O

2 Quando in una pagina ho una divisione in frame ed una delle pagine richiamate nell'attributo src è a sua volta una divisione in frame esempio PaginaA.htm <FRAMESET rows=*,*> <FRAME SRC="" name=alto> <FRAME SRC="sottoframe.htm" name=basso> nel frame Alto il _parent coincide con il _top Sottoframe.htm <FRAMESET cols="*,*"> nei frame il _parent (ma corrisponde a Basso) non coincide con il _top PaginaB.htm <FRAMESET rows=*,*> <FRAME SRC="" name=alto> <FRAMESET cols="*,*"> qualsiasi pagina presente nell'attributo src vede la finestra contenitore con il nome di _top oppure _parent

3 method= method=post ==> non fa vedere i parametri sulla barra degli indirizzi method=get ==> li fa vedere i parametri sulla barra degli indirizzi (nomepagina?nomeparametro1=valore1&nomeparametro2=valore2) Inviato: Lun Dic 06, :59 am Soggetto: 06/12/2004-3O method= method=post ==> non fa vedere i parametri sulla barra degli indirizzi method=get ==> li fa vedere i parametri sulla barra degli indirizzi (nomepagina?nomeparametro1=valore1&nomeparametro2=valore2) action=pippo.asp (active server pages) - php cgi pagine dinamiche cambiano a seconda dei parametri che vengono inviati pagine statiche <input type=submit value="titolo del bottone"> gif = animazione, trasparenza, max 256 colori (il colore è espresso con un solo byte) applicato alle immagini al tratto o fumetto (prive sfumature) palette ==> abbinamento colori <==> codifica in byte jpeg = compressione distruttiva adatto alle fotografie obbiettivo del jpeg e gif è quello di ottenere img di dimensioni ridotte Applicare la compressione jpg ad un'immagine fumetto non consente di ottenere buoni livelli di compressione proprio per la sua inadeguatezza rispetto a questo tipo di immagini

4 i CSS definiscono uno stile grafico (impaginazione) indipendente dalle impostazioni del browser che visualizza tale pagina - Il navigatore vedrà la pagina HTML esattamente come il programmatore l'aveva ideata In linea (quando intendo usare un certo stile in una certa occasione all'interno del documento) <FONT STYLE="font-family:tahoma; font-size:10pt; color:green">testo scritto grazie ai Css</FONT> Incorporati <STYLE TYPE=text/css> font { font-size:18px; font-family:verdana; color:red } </STYLE> I Css incorporati vengono utilizzati quando in una pagina un certo stile viene sistematicamente ripetuto. Se ho 25 tag font non è necessario andare su ogni tag a modificare l'attributo STYLE (come avviene in quelli in linea) basta cambiare il riferimento al tag H1 presente tra <STYLE> e </STYLE> Css esterni <LINK REL="stylesheet" TYPE="text/css" HREF="layout.css"> I fogli di stile esterni vengono utilizzati per definire l'aspetto grafico di un gruppo di pagine (es. veste grafica del vs sito) Una modifica al foglio di stile esterno si riflette automaticamente su tutto il sito senza che le singole pagine HTML siano state toccate. I css esterni sono file di testo contenente definizioni css scritte con una sintassi identica a quella vista per i css incorporati (in tali fogli non ho il tag <STYLE>) Inviato: Mar Dic 07, :02 am Soggetto: 07/12/2004-3P gif = animazione, trasparenza, max 256 colori (il colore è espresso con un solo byte) applicato alle immagini al tratto o fumetto (prive sfumature) palette ==> abbinamento colori <==> codifica in byte jpeg = compressione distruttiva adatto alle fotografie obbiettivo del jpeg e gif è quello di ottenere img di dimensioni ridotte

5 Applicare la compressione jpg ad un'immagine fumetto non consente di ottenere buoni livelli di compressione proprio per la sua inadeguatezza rispetto a questo tipo di immagini --- i CSS definiscono uno stile grafico (impaginazione) indipendente dalle impostazioni del browser che visualizza tale pagina - Il navigatore vedrà la pagina HTML esattamente come il programmatore l'aveva ideata In linea (quando intendo usare un certo stile in una certa occasione all'interno del documento) <FONT STYLE="font-family:tahoma; font-size:10pt; color:green">testo scritto grazie ai Css</FONT> Incorporati <STYLE TYPE=text/css> font { font-size:18px; font-family:verdana; color:red } </STYLE> I Css incorporati vengono utilizzati quando in una pagina un certo stile viene sistematicamente ripetuto. Se ho 25 tag font non è necessario andare su ogni tag a modificare l'attributo STYLE (come avviene in quelli in linea) basta cambiare il riferimento al tag H1 presente tra <STYLE> e </STYLE> Css esterni <LINK REL="stylesheet" TYPE="text/css" HREF="layout.css"> I fogli di stile esterni vengono utilizzati per definire l'aspetto grafico di un gruppo di pagine (es. veste grafica del vs sito) Una modifica al foglio di stile esterno si riflette automaticamente su tutto il sito senza che le singole pagine HTML siano state toccate. I css esterni sono file di testo contenente definizioni css scritte con una sintassi identica a quella vista per i css incorporati (in tali fogli non ho il tag <STYLE>) Inviato: Ven Gen 21, :50 pm Soggetto: 21/01/2005-3O il jpeg usa algoritmo di compressione distruttivo. La qualità dell'immagine compressa risulta inferiore rispetto a quella originale - più si comprime + l'immagine risulta scadente comprimere un file jpg con winzip è inutile applicazione errata del formato --> cosa succede

6 4bit ==> 16 comb Il GIF analizza la variabilità di colori presente in una immagine (profindità di colore) e utilizza una palette che minimizza il numero di bit necessari per rappresentarla esempio foto 1000 pixel x 256 colori ==> 1000 byte esempio foto 1000 pixel x 16 colori ==> 500 byte esempio foto 1000 pixel x 2 colori ==> 250 byte Inviato: Ven Gen 28, :02 am Soggetto: 28/01/2005-3O html definisce una gerarchia al'interno di un documento Ai tag gerarchici il css associa un aspetto tipografico risoluzione monitor in origine 72 dpi (punti per pollice) style="font-family:'arial NARROW'; font-size:10pt; color:green" POSSO ANCHE SCRIVERLO style='font-family:"arial Narrow"; font-size:10pt; color:green' <STYLE TYPE=text/css> P.classea { font-size:15px; font-family:verdana; color:green } P.classeb { font-size:10px; font-family:arial; color:red } FONT { font-size:20px; font-family:arial; color:black } </STYLE> <p class=classea>pippo</p> <p class=classeb>pluto</p> Inviato: Mer Feb 02, :47 am Soggetto: 02/02/2005-3O

7 Font family font-style, font-weight e font-size, margin (relative al body) esempi sul link, List style image, Background-color, Background-image, Background-repeat, Z-index, classi, con i fogli di stile si possono definire i salti pagina - HTML non prevede, contrariamente a word, l'oggetto pagina ma solo carattere e paragrafo. Mostra prima i messaggi di: Tutti i messaggi Prima i vecchi Vai Indice del forum -> Appunti - Classi 3 Tutti i fusi orari sono CET (Europa) Pagina 1 di 1 Vai a: Appunti - Classi 3 Vai Non puoi inserire nuovi argomenti in questo forum Non puoi rispondere agli argomenti in questo forum Non puoi modificare i tuoi messaggi in questo forum Non puoi cancellare i tuoi messaggi in questo forum Non puoi votare nei sondaggi in questo forum Powered by phpbb , 2002 phpbb Group

lnx.brescianet.com Sito didattico - Prof. Sechi Marco 2 Modulo - 3N Appunti illlustrati durante le lezioni

lnx.brescianet.com Sito didattico - Prof. Sechi Marco 2 Modulo - 3N Appunti illlustrati durante le lezioni lnx.brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Profilo Non ci sono nuovi messaggi Logout [ ] 2 Modulo - 3N Indice del forum -> Classe 3N - 2 Modulo Precedente

Dettagli

Brescianet.com Sito didattico - Prof. Sechi Marco

Brescianet.com Sito didattico - Prof. Sechi Marco Brescianet.com Sito didattico - Prof. Sechi Marco FAQ Cerca Lista degli utenti Gruppi utenti Registrati Profilo Entra per controllare i messaggi privati Entra Contenuto del corso Indice del forum -> Classe

Dettagli

01. Conoscere l area di lavoro

01. Conoscere l area di lavoro 01. Conoscere l area di lavoro Caratteristiche dell interfaccia Cambiare vista e dividere le viste Gestire i pannelli Scegliere un area di lavoro Sistemare le barre degli strumenti Personalizzare le preferenze

Dettagli

Introduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1

Introduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1 Introduzione HTML Maurizio Palesi Multimedialità - Maurizio Palesi 1 Generalità sull HTML HTML: HyperText Markup Language (linguaggio di marcatura ipertestuale) E il linguaggio che permette di descrivere

Dettagli

(A) CONOSCENZA TERMINOLOGICA (B) CONOSCENZA E COMPETENZA (C) ESERCIZI DI COMPRENSIONE

(A) CONOSCENZA TERMINOLOGICA (B) CONOSCENZA E COMPETENZA (C) ESERCIZI DI COMPRENSIONE Dare una breve descrizione dei termini introdotti: (A) CONOSCENZA TERMINOLOGICA Foglio di stile interno Foglio di stile esterno Fogli di stile incorporati Fogli di stile inline (B) CONOSCENZA E COMPETENZA

Dettagli

www.fotoemozioni.it Il Forum è dedicato alla Fotografia Naturalistica, animali, uccelli, paesaggi, flora e macro...

www.fotoemozioni.it Il Forum è dedicato alla Fotografia Naturalistica, animali, uccelli, paesaggi, flora e macro... 1 di 6 04/05/2008 18.33 www.fotoemozioni.it Il Forum è dedicato alla Fotografia Naturalistica, animali, uccelli, paesaggi, flora e macro... FAQ Cerca Lista utenti Gruppi Profilo Non ci sono nuovi messaggi

Dettagli

Realizzazione siti web. Le immagini

Realizzazione siti web. Le immagini Realizzazione siti web Le immagini Rappresentqazione digitale delle immagini (immagini bitmapped Si sovrappone all'immagine analogica (ad esempio una fotografia) una griglia fittissima di minuscole cellette.

Dettagli

Guida di base per Google Documenti

Guida di base per Google Documenti Guida di base per Google Documenti Panoramica Creazione e salvataggio di un documento Caricare un documento Modificare e formattare il documento Modifica del colore del testo e del colore di sfondo Dimensione

Dettagli

La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css.

La pagina Web modulo.html utilizza le specifiche di stile descritte nel foglio feedback.css. Moduli di feedback Uno degli strumenti per l interattività con gli utenti è la pagina per raccogliere suggerimenti o commenti dai visitatori, formata da moduli sul video da riempire con il nome del mittente,

Dettagli

HTML. giovedì 22 settembre 11

HTML. giovedì 22 settembre 11 HTML Webmaster con strumenti Open Source AGENDA HTML/XHTML Introduzione Html Struttura di una pagina Html Fogli di stile (CSS) HTML/XHTML L'organizzazione che si occupa di standardizzare la sintassi del

Dettagli

Componenti multimediali per il Web. Modulo 14

Componenti multimediali per il Web. Modulo 14 Componenti multimediali per il Web Modulo 14 Obiettivi Valutare e usare strumenti di utilità e produzione grafica anche animata per inserire e modificare componenti multimediali (immagini, immagini animate,

Dettagli

lezione 4 I collegamenti

lezione 4 I collegamenti lezione 4 I collegamenti In questa lezione conoscerai gli elementi necessari per arricchire le tue pagine Web di collegamenti ipertestuali. l documenti creati con il linguaggio Html, come spiegato nella

Dettagli

HTML per tu+ Chiara Pere+

HTML 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

Dettagli

PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER

PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER PROGRAMMA DEL CORSO WEB GRAPHIC DESIGNER Il percorso Web Graphic Designer con Certificazione internazionale Adobe Dreamweaver prepara lo studente ad acquisire solide conoscenze per la figura professionale

Dettagli

APPUNTI DI HTML (TERZA LEZIONE)

APPUNTI 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

Dettagli

I link e l'ipertestualità

I 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ò

Dettagli

Il linguaggio HTML - Parte 4

Il 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

Dettagli

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima. UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui

Dettagli

Collegamenti ipertestuali.

Collegamenti ipertestuali. Collegamenti ipertestuali. Argomenti trattati: - Premessa: Cosa sono e perchè sono l'essenza del Web. - : Come realizzare e personalizzare i vari tipi di link a pagine o risorse. - Il collegamento ipertestuale

Dettagli

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd

Immagini vettoriali Immagini bitmap (o raster) Le immagini vettoriali .cdr.swf .svg .ai.dfx .eps.pdf .psd Esistono due tipi di immagini digitali: Immagini vettoriali, rappresentate come funzioni vettoriali che descrivono curve e poligoni Immagini bitmap, (o raster) rappresentate sul supporto digitale come

Dettagli

Introduzione. Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language

Introduzione. 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

Dettagli

Creazione di un ipertesto con Word

Creazione di un ipertesto con Word Creazione di un ipertesto con Word Realizzare un ipertesto per illustrare la storia dell esplorazione dello spazio. Descriviamo le fasi principali per la creazione di un ipertesto: a. all inizio occorre

Dettagli

Introduzione al Linguaggio HTML

Introduzione al Linguaggio HTML Introduzione al Linguaggio HTML 2 Cosa e l HTML HTML = Hyper Text Markup Language Serve per produrre documenti nel WWW (World Wide Web) Utilizza un insieme predefinito di marcatori (TAG) per definire la

Dettagli

BRESCIANET.COM Sito didattico - Prof. Sechi Marco Passa al contenuto

BRESCIANET.COM Sito didattico - Prof. Sechi Marco Passa al contenuto BRESCIANET.COM Sito didattico - Prof. Sechi Marco Passa al contenuto Cerca Ricerca avanzata [ Pannello di Controllo Moderatore ] Cerca MODULO 2 - Classe 3N Rispondi al messaggio Cerca qui 15 messaggi Pagina

Dettagli

La codifica delle immagini

La codifica delle immagini La codifica delle immagini La digitalizzazione La digitalizzazione di oggetti legati a fenomeni di tipo analogico, avviene attraverso due parametri fondamentali: 1. Il numero dei campionamenti o di misurazioni

Dettagli

La codifica delle Immagini. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132Sesto San Giovanni

La codifica delle Immagini. Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132Sesto San Giovanni La codifica delle Immagini Prof. Francesco Accarino IIS Altiero Spinelli Via Leopardi 132Sesto San Giovanni Lettere e numeri non costituiscono le uniche informazioni utilizzate dagli elaboratori, infatti

Dettagli

Richiami sugli elementi del linguaggio HTML

Richiami sugli elementi del linguaggio HTML Richiami sugli elementi del linguaggio HTML Un documento in formato Web può essere aperto con un browser, attraverso un collegamento a Internet oppure caricandolo dal disco del proprio computer senza connettersi

Dettagli

LEZIONE NO. 4: IMMAGINI E LINK: DI ATTILIO ABBIEZZI

LEZIONE 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

Dettagli

HTML 1 AVVISO. Terminologia. Introduzione ad HTML. HyperText Markup Language

HTML 1 AVVISO. Terminologia. Introduzione ad HTML. HyperText Markup Language HTML 1 HyperText Markup Language AVVISO Martedì 4 ottobre in laboratorio ci saranno 2 turni: 11:00 12:15 matricole pari 12:30 13:45 matricole dispari Introduzione ad HTML Documenti HTML Tag di markup Formattazione

Dettagli

Disegnare il Layout. www.vincenzocalabro.it 1

Disegnare il Layout. www.vincenzocalabro.it 1 Disegnare il Layout www.vincenzocalabro.it 1 Il problema dell interfaccia Una buona interfaccia deve assolvere a diverse funzioni: far percepire i contenuti permettere di individuare le principali aree

Dettagli

NOMENCLATURA INTERFACCIA DI INTERNET EXPLORER PRINCIPALI PULSANTI DELLA BARRA DEGLI STREUMENTI

NOMENCLATURA INTERFACCIA DI INTERNET EXPLORER PRINCIPALI PULSANTI DELLA BARRA DEGLI STREUMENTI NOMENCLATURA INTERFACCIA DI INTERNET EXPLORER Pagina 6 PRINCIPALI PULSANTI DELLA BARRA DEGLI STREUMENTI Richiama la pagina visualizzata in precedenza Richiama la pagina visualizzata dopo quella attualmente

Dettagli

Siti interattivi e dinamici. in poche pagine

Siti interattivi e dinamici. in poche pagine Siti interattivi e dinamici in poche pagine 1 Siti Web interattivi Pagine Web codificate esclusivamente per mezzo dell HTML non permettono alcun tipo di interazione con l utente, se non quella rappresentata

Dettagli

Immagini Digitali Immagini digitali

Immagini Digitali Immagini digitali Immagini digitali Processi e metodi per la codifica e il trattamento dei formati raster e vettoriali Immagini raster Fondamenti Le immagini raster, chiamate anche pittoriche o bitmap, sono immagini in

Dettagli

CMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010

CMS MUSEO&WEB. Mappe grafiche. Andrea Tempera (OTEBAC) 12 aprile 2010 CMS MUSEO&WEB Mappe grafiche Andrea Tempera (OTEBAC) 12 aprile 2010 Introduzione Grazie ad appositi tag HTML possiamo associare molteplici collegamenti a differenti zone di un'unica immagine; un'immagine

Dettagli

HTML 1. HyperText Markup Language

HTML 1. HyperText Markup Language HTML 1 HyperText Markup Language Introduzione ad HTML Documenti HTML Tag di markup Formattazione del testo Collegamenti ipertestuali Immagini Tabelle Form in linea (moduli) Tecnologie di Sviluppo per il

Dettagli

HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language) HTML (Hyper Text Markup Language) E un linguaggio di scrittura di pagine per Internet (pagine web) nato nel 1992. E un linguaggio di marcatura ipertestuale Non è un linguaggio di programmazione, in quanto

Dettagli

Come brandizzare la tua Piattaforma E-Learning Docebo

Come brandizzare la tua Piattaforma E-Learning Docebo Come brandizzare la tua Piattaforma E-Learning Docebo La gestione della grafica 3 Carica un nuovo Logo 4 Modifica la pagina di login: immagine e layout 4 Inserisci pagine esterne 5 Guarda il risultato

Dettagli

Corso di Informatica

Corso di Informatica CdLS in Odontoiatria e Protesi Dentarie Corso di Informatica Prof. Crescenzio Gallo crescenzio.gallo@unifg.it Compressione delle immagini 2 Tecniche di compressione Esistono tecniche di compressione per

Dettagli

Dal foglio di carta alla multimedialità

Dal foglio di carta alla multimedialità Dal foglio di carta alla multimedialità Multimediale Che utilizza più mezzi di comunicazione. Nell'ambito delle tecnologie educative significa utilizzare più mezzi didattici integrati. IPERTESTO E IPERMEDIA

Dettagli

Dott.ssa Maria Vittoria Avolio. Dott.ssa Adriana Pietramala

Dott.ssa Maria Vittoria Avolio. Dott.ssa Adriana Pietramala Corso di Informatica Laurea Triennale - Comunicazione&Dams Dott.ssa Maria Vittoria Avolio avoliomv@unical.it Dott.ssa Adriana Pietramala a.pietramala@unical.it Riferimenti Manuale PHP http://www.php.net/download-docs.php

Dettagli

Il linguaggio HTML - Nozioni di base

Il linguaggio HTML - Nozioni di base Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Nozioni di base Dott. Chiara Braghin braghin@dti.unimi.it What is HTML? HTML (HyperText Markup Language)

Dettagli

Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali?

Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali? Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali? Riprendiamo il discorso, introducendo la tag Body e iniziando

Dettagli

Linguaggi per il web oltre HTML: XML

Linguaggi per il web oltre HTML: XML Linguaggi per il web oltre HTML: XML Luca Console Con XML si arriva alla separazione completa tra il contenuto e gli aspetti concernenti la presentazione (visualizzazione). XML è in realtà un meta-formalismo

Dettagli

Indice PARTE PRIMA L INIZIO 1

Indice PARTE PRIMA L INIZIO 1 Indice Introduzione XIII PARTE PRIMA L INIZIO 1 Capitolo 1 Esplorare il World Wide Web 3 1.1 Come funziona il World Wide Web 3 1.2 Browser Web 10 1.3 Server Web 14 1.4 Uniform Resource Locators 15 1.5

Dettagli

Modulo 1: Fondamenti per scrivere una pagina web

Modulo 1: Fondamenti per scrivere una pagina web Modulo 1: Fondamenti per scrivere una pagina web Indice del modulo Introduzione al linguaggio di marcatura Contenuto, struttura, presentazione Elementi e attributi Proviamo a scrivere una pagina HTML Aggiungere

Dettagli

PROGRAMMA DEL CORSO WEB DESIGN

PROGRAMMA DEL CORSO WEB DESIGN PROGRAMMA DEL CORSO WEB DESIGN Durante il corso di Web Design potrai apprendere le tematiche inerenti la progettazione, la realizzazione grafica, il montaggio, e le attività di promozione online, con un

Dettagli

I PRINCIPALI TAG DEL LINGUAGGIO HTML

I PRINCIPALI TAG DEL LINGUAGGIO HTML Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo

Dettagli

FISH Sardegna ONLUS. www.fishsardegna.org. Manuale Utente. www.fishsardegna.org

FISH 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)

Dettagli

Word. Cos è Le funzioni base Gli strumenti. www.vincenzocalabro.it 1

Word. Cos è Le funzioni base Gli strumenti. www.vincenzocalabro.it 1 Word Cos è Le funzioni base Gli strumenti www.vincenzocalabro.it 1 Cos è e come si avvia Word è un programma per scrivere documenti semplici e multimediali Non è presente automaticamente in Windows, occorre

Dettagli

Primi passi in Moodle

Primi passi in Moodle Primi passi in Moodle Impostare il proprio profilo personale È fondamentale impostare correttamente in Moodle il proprio profilo personale. Per questo motivo ti chiediamo di farlo subito in quanto ti consente

Dettagli

1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server

1) Il client(browser utilizzato) invia al server i dati inseriti dall utente. Server 2) Il Server richiama l'interprete PHP il quale esegue i comandi contenuti nel file.php specificato nell'attributo action del tag form creando un file HTML sulla base dei dati inviati dall utente 1) Il

Dettagli

Introduzione ai fogli di stile CSS

Introduzione ai fogli di stile CSS CdL in Ingegneria Elettronica e Informatica Modulo di Fondamenti di Informatica D Introduzione ai fogli di stile CSS Ing. Maurizio Vincini a.a. 2000/2001 Programmazione CGI - 1 Fogli di stile CSS Il Web

Dettagli

Lavorare con le immagini

Lavorare con le immagini Lavorare con le immagini Domande più frequenti D: Ho importato alcune immagini PNG molto grandi e adesso il mio sito e molto lento. Come mai? R: Il formato PNG non è il più adatto per immagini di grandi

Dettagli

PREPARAZIONE CON ADOBE PHOTOSHOP USO DELLE SEZIONI E SALVATAGGIO PER WEB

PREPARAZIONE CON ADOBE PHOTOSHOP USO DELLE SEZIONI E SALVATAGGIO PER WEB PREPARAZIONE CON ADOBE PHOTOSHOP USO DELLE SEZIONI E SALVATAGGIO PER WEB Le sezioni Le sezioni sono classificate in base al tipo di contenuto: Tabella Immagine - Nessuna immagine e al modo in cui sono

Dettagli

Capitolo 4 Pianificazione e Sviluppo di Web Part

Capitolo 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,

Dettagli

Esercitazione n. 10: HTML e primo sito web

Esercitazione n. 10: HTML e primo sito web + Strumenti digitali per la comunicazione A.A 0/4 Esercitazione n. 0: HTML e primo sito web Scopo: Creare un semplice sito web con Kompozer. Il sito web è composto da una home page, e da altre due pagine

Dettagli

HTML 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. 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

Dettagli

HTML HyperText Markup Language:

HTML HyperText Markup Language: HTML HyperText Markup Language: Linguaggio utilizzato per creare pagine Web 421 Introduzione HTML è l'acronimo di HyperText Markup Language HTML e il linguaggio standard per descrivere e definire il contenuto

Dettagli

HTML, XHTML, CSS. cosa c è dietro al web. Informatica Applicata Prof.Emanuela Zilio

HTML, XHTML, CSS. cosa c è dietro al web. Informatica Applicata Prof.Emanuela Zilio HTML, XHTML, CSS cosa c è dietro al web 1 HTML cos è NON è un linguaggio di programmazione ma un linguaggio di contrassegno (o 'di marcatura'), che permette di indicare come disporre gli elementi all'interno

Dettagli

Fogli di stile CSS. 1 Istituto Italiano Edizioni Atlas

Fogli di stile CSS. 1 Istituto Italiano Edizioni Atlas Fogli di stile CSS Il foglio CSS (Cascading Style Sheet, foglio di stile a cascata) è un documento in formato testuale che definisce il controllo sulla visualizzazione della pagina HTML e sul suo layout,

Dettagli

Tutorial di HTML basato su HTML 4.0 e CSS 2

Tutorial di HTML basato su HTML 4.0 e CSS 2 Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 3 Immagini in documenti HTML 3.1 Rappresentazione delle

Dettagli

INTRODUZIONE AD HTML

INTRODUZIONE 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

Dettagli

brescianet.com Sito didattico - Prof. Sechi Marco http://lnx.brescianet.com/scuolaforum2009/

brescianet.com Sito didattico - Prof. Sechi Marco http://lnx.brescianet.com/scuolaforum2009/ brescianet.com Sito didattico - Prof. Sechi Marco http://lnx.brescianet.com/scuolaforum2009/ Classe 3N - Modulo 2 http://lnx.brescianet.com/scuolaforum2009/viewtopic.php?f=8&t=13 Classe 3N - Modulo 2 Appunti

Dettagli

Le immagini digitali. formati, caratteristiche e uso. Testo e foto di Mario Ceppi

Le immagini digitali. formati, caratteristiche e uso. Testo e foto di Mario Ceppi Le immagini digitali formati, caratteristiche e uso Testo e foto di Mario Ceppi GIF Ideale per la rappresentazione di immagini sul Web come gif animate, pulsanti e intestazioni, non è invece adatto alle

Dettagli

La codifica delle immagini

La codifica delle immagini Analogamente possiamo codificare le immagini a colori. In questo caso si tratta di individuare un certo numero di sfumature, gradazioni di colore differenti e di codificare ognuna mediante un'opportuna

Dettagli

Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:

Linguaggio 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:

Dettagli

EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0

EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 Copyright 2010 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta

Dettagli

Guida rapida per i corsisti

Guida rapida per i corsisti Guida rapida per i corsisti Premessa La piattaforma utilizzata per le attività a distanza è Moodle, un software per la gestione di corsi online. Dal punto di vista dello studente, si presenta come un sito

Dettagli

Itis Cardano. Introduzione a HTML. Pavia. M. Rivera Itis Cardano Pavia. A.s. 2005-2006

Itis Cardano. Introduzione a HTML. Pavia. M. Rivera Itis Cardano Pavia. A.s. 2005-2006 Introduzione a HTML A.s. 2005-2006 M. Rivera Itis Cardano Pavia Itis Cardano Pavia Sommario Introduzione al linguaggio HTML Struttura di un documento HTML Link ipertestuali Immagini e oggetti multimediali

Dettagli

Comandi principali del linguaggio HTML (Hyper Text Markup Language)

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

Dettagli

Corso Creare Siti WEB

Corso Creare Siti WEB Corso Creare Siti WEB INTERNET e IL WEB Funzionamento Servizi di base HTML CMS JOOMLA Installazione Aspetto Grafico Template Contenuto Articoli Immagini Menu Estensioni Sito di esempio: Associazione LaMiassociazione

Dettagli

PROGRAMMA DEL CORSO MASTER WEB DEVELOPER

PROGRAMMA DEL CORSO MASTER WEB DEVELOPER PROGRAMMA DEL CORSO MASTER WEB DEVELOPER Il corso Master Web Developer con Certificazione internazionale Adobe Dreamweaver prepara lo studente a entrare nel mondo dello sviluppo Web (blog, siti, portali).

Dettagli

Come inserire i dati nella Scheda Attività

Come inserire i dati nella Scheda Attività nikelino.net Strumenti di web marketing Come inserire i dati nella Scheda Attività (Pagina principale) www.nikelino.net Pagina 1 Premessa Cura sempre la qualità delle informazioni che inserisci nelle pagine.

Dettagli

Logout [ e01692 ] FAQ Cerca Iscritti Pannello di Controllo Utente. Ultimo accesso: ieri, 8:07 Oggi è 07/04/2009, 9:44

Logout [ e01692 ] FAQ Cerca Iscritti Pannello di Controllo Utente. Ultimo accesso: ieri, 8:07 Oggi è 07/04/2009, 9:44 lnx.brescianet.com Sito didattico - Prof. Sechi Marco Logout [ e01692 ] FAQ Cerca Iscritti Pannello di Controllo Utente Ultimo accesso: ieri, 8:07 Oggi è 07/04/2009, 9:44 Messaggi senza risposta Argomenti

Dettagli

IMMAGINE BITMAP E VETTORIALI

IMMAGINE BITMAP E VETTORIALI BITMAP VETTORIALE VETTORIALE BITMAP IMMAGINE BITMAP è una immagine costituita da una matrice di Pixel. PIXEL (picture element) indica ciascuno degli elementi puntiformi che compongono la rappresentazione

Dettagli

Sistema di navigazione

Sistema di navigazione Sistema di navigazione - Pagina 1 Sistema di navigazione Il programma di gestione XTOTEM usa i seguenti comandi. 1. Barra superiore, comandi principali 2. Pubblicazione del Sito 3. Larghezza della barra

Dettagli

mercoledi 11/07/2012 Esame Finale(9 crediti) 90 minuti

mercoledi 11/07/2012 Esame Finale(9 crediti) 90 minuti Ing Gestionale FONDAMENTI -INFO Prof. M. Angelaccio mercoledi 11/07/2012 Esame Finale(9 crediti) 90 minuti Istruzioni. 1. Rispondere a tutte le domande scrivo negli spazi indicati usando eventualmente

Dettagli

Informatica pratica. L'immagine digitale

Informatica pratica. L'immagine digitale Informatica pratica L'immagine digitale Riassunto della prima parte Fino ad ora abbiamo visto: le cose necessarie per utilizzare in modo utile il computer a casa alcune delle tante possibilità dell'uso

Dettagli

MANUALE D USO Stazione editoriale MIR cms

MANUALE D USO Stazione editoriale MIR cms MANUALE D USO Stazione editoriale MIR cms Come si accede: Per entrare alla parte amministrativa del sito è sufficiente digitare nella barra dell url l indirizzo del sito seguito da: /admin/ nome del sito

Dettagli

Lezione nr. 5. Per creare un modulo è necessario avere delle conoscenze di base del linguaggio HTML. Niente di difficile ovviamente!

Lezione nr. 5. Per creare un modulo è necessario avere delle conoscenze di base del linguaggio HTML. Niente di difficile ovviamente! Lezione nr. 5 >> Come creare un modulo Web I moduli web sono delle strutture fondamentali per ogni sito web e la loro conoscenza ti permetterà di risolvere almeno il 60% delle problematiche di gestione

Dettagli

MANUALE MINI-SITI ANAP

MANUALE MINI-SITI ANAP MANUALE MINI-SITI ANAP 1 INDICE o Note importanti sul corretto funzionamento del portale e dei mini-siti pag. 03 o Come accedere alla propria area di amministrazione? pag. 04 o Cosa appare una volta entrati

Dettagli

XnView. Visualizzatore/Convertitore di formato per immagini. Guida di riferimento alle funzionalità principali

XnView. Visualizzatore/Convertitore di formato per immagini. Guida di riferimento alle funzionalità principali XnView Visualizzatore/Convertitore di formato per immagini Guida di riferimento alle funzionalità principali Questa guida è stata realizzata dall'aiuto in linea di XnView ed ha lo scopo di essere un riferimento

Dettagli

Sommario. HTML e CSS I fogli di stile. cosa sono principali proprietà

Sommario. HTML e CSS I fogli di stile. cosa sono principali proprietà HTML e CSS Sommario HTML e CSS I fogli di stile cosa sono principali proprietà CSS CSS La specifica HTML elenca le linee guida su come i browser dovrebbero visualizzare i diversi elementi del documento

Dettagli

Manuale 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 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

Dettagli

HTML+XML= XHTML. Che cos è l XHTML

HTML+XML= XHTML. Che cos è l XHTML HTML+XML= XHTML Il ritorno al futuro del WEB A cura di Barbara Lotti Che cos è l XHTML Nel gennaio del 2000 il W3C ha rilasciato, anziché una nuova versione, una riformulazione dell HTML come applicazione

Dettagli

Scaletta. Estensioni UML per il Web. Applicazioni web - 2. Applicazioni web. WAE: Web Application Extension for UML. «Client page»

Scaletta. 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

Dettagli

HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!

HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla! HTML - semplice guida by ComputerLucaWorld inizio stesura 03/01/2012 ancora da terminare (potete dare giudizi su come migliorarla!) CENNI SULL'HTML L'html è il linguaggio di base per lo sviluppo di pagine

Dettagli

WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &#"#2

WWW (World Wide Web)!& ( # %% (*0 #,% )0#1( &##2 ! "#$" %% $"$&&"'& $%%& $'&( ) *+&, ) && *+ ( -./ WWW (World Wide Web)!& ( # (&%#(!(&&( %% (*0 #,% )0#1( &#"#2 Siti Web pagine Web: documenti pronti per essere registrati su un server Internet residenza

Dettagli

Moodle 1.5.3+ Breve Guida per il Docente versione 1.2. A cura di Federico Barattini federicobarattini@gmail.com

Moodle 1.5.3+ Breve Guida per il Docente versione 1.2. A cura di Federico Barattini federicobarattini@gmail.com Moodle 1.5.3+ Breve Guida per il Docente versione 1.2 A cura di Federico Barattini federicobarattini@gmail.com Indice 1.0 Primo accesso in piattaforma...3 1.1 Partecipanti, Login come corsista (per vedere

Dettagli

Lavorare con i Fireworks pop-up menus in Dreamweaver

Lavorare con i Fireworks pop-up menus in Dreamweaver Lavorare con i Fireworks pop-up menus in Dreamweaver Su una pagina Web, un menu pop-up è uno strumento di navigazione che rimane nascosto fino a che l utente non sposta il puntatore del mouse sopra un

Dettagli

Guida operativa. My Legal Corner. BestSoft SOFTWARE IN SANITÀ

Guida operativa. My Legal Corner. BestSoft SOFTWARE IN SANITÀ Guida operativa My Legal Corner BestSoft SOFTWARE IN SANITÀ Via Bono Cairoli 28/A - 20127 Milano (MI) Help desk: 02 29529140 Num. Verde da fisso: 800 978542 E-mail: info@bestsoft.it Sito Internet: www.bestsoft.it

Dettagli

Tutorial di HTML HyperText Markup Language

Tutorial di HTML HyperText Markup Language Tutorial di HTML HyperText Markup Language 1 Indice L'HTML E I BROWSER... 3 STRUTTURA PAGINA... 3 TESTO... 5 FONT DEL TESTO... 5 COLORE DEL TESTO... 5 DIMENSIONI DEL TESTO... 6 STILE DEL TESTO... 6 TITOLI,

Dettagli

Web Programming Specifiche dei progetti

Web Programming Specifiche dei progetti Web Programming Specifiche dei progetti Paolo Milazzo Anno Accademico 2010/2011 Argomenti trattati nel corso Nel corso di Web Programming sono state descritti i seguenti linguaggi (e tecnologie): HTML

Dettagli

PDF created with pdffactory trial version www.pdffactory.com

PDF created with pdffactory trial version www.pdffactory.com Codifica di immagini Codifica di immagini o Un immagine è un insieme continuo di informazioni A differenza delle cifre e dei caratteri alfanumerici, per le immagini non esiste un'unità minima di riferimento

Dettagli

Corso di CSS. Prerequisiti. Modulo L2. 1-Background e font. Conoscenza di base linguaggio HTML. M.Malatesta 1-CSS-Background e font-08 23/01/2014

Corso di CSS. Prerequisiti. Modulo L2. 1-Background e font. Conoscenza di base linguaggio HTML. M.Malatesta 1-CSS-Background e font-08 23/01/2014 Corso di CSS Modulo L2 1-Background e font 1 Prerequisiti Conoscenza di base linguaggio HTML 2 1 Introduzione In questa Unità descriviamo l utilità dei CSS applicati ai vari elementi di una pagina web.

Dettagli

Language. info@settingweb.it. www.settingweb.it

Language. 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

Dettagli

GUIDA. Template per Photoshop. v5-1

GUIDA. Template per Photoshop. v5-1 GUIDA Template per Photoshop v5-1 Indice pag. 3... pag. 4... pag. 5... pag. 6... pag. 8... pag. 9... pag. 10... pag.11... pag.12... Contenuto del template Copertine a scelta per la linea professionale

Dettagli

Coder Dojo Tutorial 3

Coder Dojo Tutorial 3 Coder Dojo Tutorial 3 Complimenti ancora, son certo che hai già imparato molte più cose di quel che pensi! Tempo per fare qualcosa di un po più divertente, come mettere insieme un foglio dedicato a definire

Dettagli

GNred Ver1.5 Manuale utenti

GNred Ver1.5 Manuale utenti GNred Ver1.5 Manuale utenti [ultima modifica 09.06.06] 1 Introduzione... 2 1.1 Cos è un CMS?... 2 1.2 Il CMS GNred... 2 1.2.1 Concetti di base del CMS GNred... 3 1.2.2 Workflow... 3 1.2.3 Moduli di base...

Dettagli

Manuale d Uso AdminBasket Ablaweb V.01

Manuale d Uso AdminBasket Ablaweb V.01 Manuale d Uso AdminBasket Ablaweb V.01 Collegati alla URL http://www.adminbasket.ablaweb.com per gestire l amministrazione del tuo sito web. Inserisci nella finestra di connessione queste informazioni:

Dettagli