Introduzione HTML. Maurizio Palesi. Multimedialità - Maurizio Palesi 1
|
|
|
- Teodoro Piazza
- 8 anni fa
- Visualizzazioni
Transcript
1 Introduzione HTML Maurizio Palesi Multimedialità - Maurizio Palesi 1
2 Generalità sull HTML HTML: HyperText Markup Language (linguaggio di marcatura ipertestuale) E il linguaggio che permette di descrivere una pagina web Marcatori (tag) consentono di organizzare le informazioni all interno della pagina Titolo, sfondo, colori, link, tabelle, immagini, liste, elenchi, ecc. Multimedialità - Maurizio Palesi 2
3 Formato Marcatori (tag) <marcatore>testo cui si riferisce il marcatore</marcatore> Per esempio B è il marcatore che indica il grassetto (bold) quindi: <B>Ciao mondo!</b> Ciao mondo! Sarà visualizzato in grassetto: Ciao mondo! Multimedialità - Maurizio Palesi 3
4 Struttura di un Documento HTML <html> <head>... qui l'intestazione del documento da impaginare... </head> <body>... qui il contenuto del documento </body> </html> Multimedialità - Maurizio Palesi 4
5 Struttura di un Documento HTML <html> <head> <title>la prima pagina Web di Mario Rossi</title> </head> <body> <h1 align="center">home page di Mario Rossi</h1> <p>questa è la mia prima pagina in HTML.</p> </body> </html> Multimedialità - Maurizio Palesi 5
6 Titoli <html> <head> <title>la prima pagina Web di Mario Rossi</title> </head> <body> <h1 align="center">home page di Mario Rossi</h1> <p>questa è la mia prima pagina in HTML.</p> <h1>intestazione di primo livello</h1> <h2>intestazione di secondo livello</h2> <h3>intestazione di terzo livello</h3> <h4>intestazione di quarto livello</h4> <h5>intestazione di quinto livello</h5> <h6>intestazione di sesto livello</h6> </body> </html> Multimedialità - Maurizio Palesi 6
7 Paragrafi <p>questa riga</p><p>appare spezzata.</p> <p>quest'altra riga, invece, appare scritta tutta di seguito nonostante gli a capo.</p> Questa riga appare spezzata. Quest'altra riga, invece, appare scritta tutta di seguito nonostante gli a capo. Multimedialità - Maurizio Palesi 7
8 Liste <ul> <li>prima voce</li> <li>seconda voce</li> <li>terza voce</li> </ul> <ol> <li>prima voce</li> <li>seconda voce</li> <li>terza voce</li> </ol> Prima voce Seconda voce Terza voce 1. Prima voce 2. Seconda voce 3. Terza voce Multimedialità - Maurizio Palesi 8
9 Stili Logici <strong> </strong> Testo molto rilevante (viene di norma reso in grassetto) <em> </em> Testo enfatizzato (viene reso di norma in corsivo) <cite> </cite> Testo citato (viene reso di norma in corsivo) <address> </address> Indirizzo (viene reso in corsivo o in grassetto con un carattere piccolo e allineato a sinistra) Multimedialità - Maurizio Palesi 9
10 Stili Fisici <b> </b> Bold (grassetto) <i> </i> Italic (corsivo) <u> </u> Underlined (sottolineato) <address> </address> <big> </big> Carattere grande <small> </small> Carattere piccolo Multimedialità - Maurizio Palesi 10
11 Gli Attributi di Body background="file-grafico" permette di indicare un file grafico (in formato GIF o Jpeg) che viene inserito sullo sfondo della pagina; se l'immagine è più piccola rispetto alla pagina, essa viene automaticamente duplicata e affiancata alle sue copie come mattonelle su una parete bgcolor="#colore RGB" permette di assegnare un colore allo sfondo text="#colore RGB" indica il colore del testo all'interno della pagina link="#colore RGB" indica il colore dei link vlink="#colore RGB" indica il colore dei link già seguiti alink="#colore RGB" indica il colore dei link mentre si attivano con il mouse Ad esempio: <body bgcolor="#ffffff" text="#990000" link="00ff00" vlink="#00aa00" alink="#ffff00"> Multimedialità - Maurizio Palesi 11
12 Dimensionamento dei Caratteri <font size="n">testo</font> Dove 'n' è un numero che va da 1 a 7, ad es.: <font size="4">testo</font>. La dimensione normale del font è 3. Dunque se si usano gli indici 1 o 2 si ottiene un font ridotto rispetto al testo normale, mentre con 4, 5, 6 e 7 si ottiene un font ingrandito. Per esprimere la dimensione del font in termini relativi si usa la seguente marcatura: <font size="+/- n">testo</font> In questo caso n può variare da -2 a +4. Miscelando queste varie direttive è possibile ottenere effetti come questo: <font size="+4">c</font><font size="+3">i</font><font size="- 1">A</font><font size="+2">o</font> CIAO Multimedialità - Maurizio Palesi 12
13 Incorporare le Immagini <img src= file-grafico > <img src= tigre.gif > <img src=" <img src="immagini/natura/felini/tigre.gif"> <img src="../../../immagini/tigre.gif"> Multimedialità - Maurizio Palesi 13
14 Attributi di img width="n n%" e height="n n%" Per indicare le dimensioni in pixel dell'immagine <img src="tigre.gif" width="296" height="181"> alt="descrizione" Per inserire una descrizione dell'immagine (es.: <img src="tigre.gif" alt="una tigre">). Tale descrizione viene visualizzata dai browser mentre l'immagine viene prelevata Si sostituisce alle immagini se il browser ne ha disabilitato il prelievo automatico Appare sullo schermo ogni qualvolta il puntatore del mouse si porta sull'immagine Multimedialità - Maurizio Palesi 14
15 Link <a href="url del documento di destinazione">testo attivo</a> La 'a' del tag sta per anchor, e l'attributo 'href' sta per 'riferimento ipertestuale', e contiene la URL completa del documento di destinazione. <a href="mario.htm">testo cliccabile</a> Il file 'mario.htm' si trova nella stessa directory nella quale è memorizzato il file che contiene il link <a href="biografia/mario.htm">testo cliccabile</a> Il file 'mario.htm' si trova in una sub-directory ('biografia' nel nostro caso) <a href="../mario.htm">testo cliccabile</a> Il file 'mario.htm' si trova nella directory superiore rispetto a quella che contiene il link <a href="../biografia/mario.htm">testo cliccabile</a> Il file 'mario.htm' si trova in una directory che è gerarchicamente allo stesso livello di quella che contiene il link Multimedialità - Maurizio Palesi 15
16 Web Editor Sebbene un documento HTML possa essere editato con un semplice editor di testo, usare degli strumenti più specifici permette spesso un notevole risparmio di tempo e fatica. Tre categorie di editor HTML Editor di documenti orientati al codice Editor di documenti WYSIWYG ('What You See Is What You Get', cioè 'ciò che vedi è ciò che ottieni') Ed editor di siti Multimedialità - Maurizio Palesi 16
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language
Informatica A per Ingegneria Gestionale (2005-2006) Il linguaggio HTML Elisa Quintarelli-Laura Mandelli 1 HyperText Markup Language Linguaggio di descrizione di testi secondo lo schema SGML (Standard Generalized
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
LEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONE 1 HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... La struttura di una pagina web intestazione Qui si dichiara il titolo del documento
Introduzione all'html
Introduzione all'html WWW (World Wide Web) SGML (Standard Generalized Markup Language) Linguaggi per la descrizione astratta di documenti. HTML (HyperText Markup Language) HTML è un caso particolare di
WWW.ICTIME.ORG. NVU Manuale d uso. Cimini Simonelli Testa
WWW.ICTIME.ORG NVU Manuale d uso Cimini Simonelli Testa Cecilia Cimini Angelo Simonelli Francesco Testa NVU Manuale d uso EDIZIONE Gennaio 2008 Questo manuale utilizza la Creative Commons License www.ictime.org
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
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
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
Linguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML
Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:
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
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
Formattare il contenuto Introduzione all uso di Text Wiki. Nicola Fontana
Formattare il contenuto Introduzione all uso di Text Wiki Nicola Fontana 11 aprile 2008 Indice 1 Introduzione 2 1.1 Struttura versus apparenza.................... 2 2 Divisione in paragrafi 2 3 Formattazione
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ò
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
HTML. Breve manuale d uso
HTML Breve manuale d uso Come funziona il linguaggio Html? Queste sono le domande cui le lezioni e questo manuale intendono dare una risposta INDICE HTML BREVE GUIDA INTRODUTTIVA...3 1 - COS'E' UN FILE
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)
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
INTRODUZIONE AL LINGUAGGIO HTML. Internet + HTML + HTTP = WWW
1 INTRODUZIONE AL LINGUAGGIO HTML Internet + HTML + HTTP = WWW Scopo della esercitazione 2 Conoscere i principali tag HTML Realizzare una propria Home Page utilizzando alcuni semplici tag HTML 3 Architettura
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
Introduzione allo sviluppo Web. Studium Generale, a.a. 2013-2014, II semestre
Introduzione allo sviluppo Web Studium Generale, a.a. 2013-2014, II semestre 1 Contatto Daniel Graziotin graziotin@inf.unibz.it http://task3.cc/teaching/introduzion e-allo-sviluppo-web 2 Progettare un
Abstract Questo documento descrive come è gestita la WYSIWYG tramite l editor di testi integrato in MOVIO.
Titolo Tutorial MOVIO: WYSIWYG Release MOVIO SCMS 1.00 Versione Tutorial 1.00 Data 02/03/14 Autori e affiliation Rubino Saccoccio (Gruppometa) Commenti Dichiarazione di copyright Abstract Questo documento
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
Login. Gestione contenuto. www.sitofaidate.it
www.sitofaidate.it Questa guida è stata scritta per utenti di basso/medio livello, guida pratica per chi vede per la prima volta l editor di testo jce i cui riferimenti delle icone sono visibili cliccando
World Wide Web. Organizzazione ed architettura Filosofia di Web Web etiquette Protocolli di lavoro HTTP URL Linguaggio HTML
WWW 1/36 Ing. Valerio Lacagnina World Wide Web Organizzazione ed architettura Filosofia di Web Web etiquette Protocolli di lavoro HTTP URL WWW 2/36 Introduzione WWW o W3 è l acronimo di World Wide Web
WYSIWYG, INSTALLAZIONE E CONFIGURAZIONE DI UN EDITOR ( A,R )
WYSIWYG, INSTALLAZIONE E CONFIGURAZIONE DI UN EDITOR ( A,R ) Cos è un editor di testo? Un editor di testo è un software che permette la composizione di testi. Un software di questo tipo di norma è incluso
Introduzione al linguaggio HTML. A. Lorenzi - Università di Bergamo - Facoltà di Economia 1
Introduzione al linguaggio HTML A. Lorenzi - Università di Bergamo - Facoltà di Economia 1 Richiami introduttivi (1) sito Internet o sito Web o sito WWW: insieme delle pagine che si riferiscono ad uno
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
Informatica. Prof. M. Colajanni Università di Modena Reggio Emilia
Informatica Prof. M. Colajanni Università di Modena Reggio Emilia PARTE 4 - World Wide Web WORLD WIDE WEB La killer application di Internet I motivi alla base del successo del Web ( perché è risultata
Ipertesti. Informatica. Internet e WEB WEB. Come funziona il WWW. Come funziona il WWW. Lezione III. Il linguaggio HTML Hyper Text Murkup Language
Informatica Lezione III Il linguaggio HTML Hyper Text Murkup Language Ipertesti Sono testi che possono essere letti sia in modo sequenziale sia eseguendo salti da un paragrafo ad un altro Sono il soggetto
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
Brescianet.com Sito didattico - Prof. Sechi Marco. II Modulo - Classe 3O. Accoda qui le risposte. differenze per aree sovrapposte.
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 DI HTML (SECONDA LEZIONE)
APPUNTI DI HTML (SECONDA LEZIONE) 1. TITOLI, PARAGRAFI, BLOCCHI DI TESTO E CONTENITORI. E utile scrivere il testo che vogliamo inserire nella nostra pagina html all interno di appositi tag. La pagina sarà
Esercizi. Introduzione all HTML. Il WWW
Politecnico di Milano Esercizi Introduzione all HTML Il WWW Il World Wide Web: una rete di pagine connesse tra loro e distribuite su diverse macchine Il server Web contiene le pagine Web da visualizzare
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
HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO
HTML INFORMATICA PER LE APPLICAZIONI ECONOMICHE PROF.SSA BICE CAVALLO Introduzione 2 HTML è l'acronimo di Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti") e non è un linguaggio
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)
Elaborazione di testo
Elaborazione di testo Ambienti Integrati Gli ambienti integrati sono pacchetti applicativi che contengono le applicazioni per la produttività personale di uso più frequente. un programma di elaborazione
Laboratorio Matematico Informatico 2
Laboratorio Matematico Informatico 2 (Matematica specialistica) A.A. 2006/07 Pierluigi Amodio Dipartimento di Matematica Università di Bari Laboratorio Matematico Informatico 2 p. 1/1 Informazioni Orario
Una pagina web inizia sempre con il tag <html> e si conclude con il tag </html> : ogni elemento che compone la pagina sarà racchiuso tra essi.
HTML per semplici pagine web HTML è l acronimo di Hypertext Markup Language ( Linguaggio di contrassegno per gli Ipertesti ) e NON è un linguaggio di programmazione E un linguaggio che permette di indicare
Client - Server. Client Web: il BROWSER
Client - Server Client Web: il BROWSER Il client Web è un applicazione software che svolge il ruolo di interfaccia fra l utente ed il WWW, mascherando la complessità di Internet. Funzioni principali Inviare
Che cos'è Internet? Che cos'è il World Wide Web?
Che cos'è Internet? Internet viene definita come la Rete delle Reti e costituisce il più moderno sistema di comunicazione e di divulgazione dell'informazione oggi esistente. Internet collega fra di loro
XSL: extensible Stylesheet Language
XSL: extensible Stylesheet Language XSL è un insieme di tre linguaggi che forniscono gli strumenti per l elaborazione e la presentazione di documenti XML in maniera molto flessibile. I tre linguaggi devono
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
Per accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE.
Cos'è l'html HTML è una sigla che viene da una frase inglese che vuol dire: " Linguaggio di contrassegno di ipertesti" (Hyper Text Markup Language) L'Html non è un vero e proprio linguaggio di programmazione,
Manuali.net. Nevio Martini
Manuali.net Corso base per la gestione di Siti Web Nevio Martini 2009 Il Linguaggio HTML 1 parte Introduzione Internet è un fenomeno in continua espansione e non accenna a rallentare, anzi è in permanente
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
DOCUMENTO ESERCITAZIONE ONENOTE. Utilizzare Microsoft Offi ce OneNote 2003: esercitazione rapida
Utilizzare Microsoft Offi ce OneNote 2003: esercitazione rapida MICROSOFT OFFICE ONENOTE 2003 AUMENTA LA PRODUTTIVITÀ CONSENTENDO AGLI UTENTI L ACQUISIZIONE COMPLETA, L ORGANIZZAZIONE EFFICIENTE E IL RIUTILIZZO
Laboratorio di Informatica
Laboratorio di Informatica Introduzione a Word Introduzione a Word Software per l'elaborazione di testi della suite MS Office creazione, modifica, formattazione, controllo ortografico, ecc. WYSIWYG: What
HTML SITI WEB. FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU. infolab@uniroma3.it host.uniroma3.it/laboratori/infolab
HTML SITI WEB FEQUENZA OBBLIGATORIA 80% ESERCITAZIONI (laboratorio) RICONOSCIMENTO 3 CFU infolab@uniroma3.it host.uniroma3.it/laboratori/infolab INTERNET Generalmente Internet è definita la rete delle
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
HTML. Queste slides sono un adattamento di quelle di Luca Anselma, cui va il mio ringraziamento
HTML Queste slides sono un adattamento di quelle di Luca Anselma, cui va il mio ringraziamento Cenni di HTML Hypertext Markup Language Linguaggio con cui sono scritte le pagine web Permette di realizzare
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
DISPENSA PER MICROSOFT WORD 2010
DISPENSA PER MICROSOFT WORD 2010 Esistono molte versioni di Microsoft Word, dalle più vecchie ( Word 97, Word 2000, Word 2003 e infine Word 2010 ). Creazione di documenti Avvio di Word 1. Fare clic sul
Facendo clic su parole, immagini e icone si può passare da un sito all'altro.
I browser Introduzione Facendo clic su parole, immagini e icone si può passare da un sito all'altro. Ogni pagina web è un documento ipertestuale, caratterizzato da un proprio indirizzo denominato URL (Uniform
Personalizza. Page 1 of 33
Personalizza Aprendo la scheda Personalizza, puoi aggiungere, riposizionare e regolare la grandezza del testo, inserire immagini e forme, creare una stampa unione e molto altro. Page 1 of 33 Clicca su
XML: extensible Markup Language
XML: extensible Markup Language Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino laura.farinetti@polito.it L. Farinetti - Politecnico di Torino 1 Introduzione XML: extensible Markup
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
Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE
Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE Sommario 1) Introduzione... 3 2) Come richiedere l autorizzazione alla creazione di pagine personali... 3 3) Frontend e Backend... 3
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...
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:
DATABASE IN RETE E PROGRAMMAZIONE LATO SERVER
DATABASE IN RETE E PROGRAMMAZIONE LATO SERVER L architettura CLIENT SERVER è l architettura standard dei sistemi di rete, dove i computer detti SERVER forniscono servizi, e computer detti CLIENT, richiedono
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
REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ Ente richiedente Provincia url Comune di Carmagnola TO http://comune.carmagnola.to.it/ Autore della valutazione Data Maurizio
GUIDA OPERATIVA PORTALE PER I COMUNI GESTIONE DELLA TOPONOMASTICA
Pag. 1 di 21 GUIDA OPERATIVA PORTALE PER I COMUNI GESTIONE DELLA TOPONOMASTICA Estratto del DOC. ES-31-IS-0A Pag. 2 di 21 INDICE SERVIZI PER I COMUNI...3 1.1 GESTIONE DELLA TOPONOMASTICA...5 Nuova prenotazione
HTML (HyperText Markup Language) significa linguaggio di contrassegni per ipertesto
HTML5 Nel seguito troverai una breve introduzione agli elementi essenziali di HTML 5, non si tratta di una guida completa. Se conosci una precedente versione di HTML forse noterai alcune differenze. La
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Quinta lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Quinta lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 Adobe Dreamweaver http://www.adobe.com/it/products/dreamweaver/features/?view=topnew
COMUNICHIAMO CON IL WEB
Cognome... Nome... PROGETTO COMUNICHIAMO CON IL WEB Realizza il tuo sito web seguendo i seguenti suggerimenti. STEP 1: crea il seguente annidamento di cartelle su BUFFALO sotto il tuo profilo utente: sito
open-source del gruppo Mozilla ed è wysiwyg, ossia è basato sul concetto what h you see is what you get.
A.A. 2009/2010 Facoltà di Scienze della Comunicaz Università degli Studi di Teramo CORSO DI TECNICHE DI PROGRAMMAZIONE MULTIMEDIALE Prof. Domenico Marconi Nvu: un editor di pagine web New view È un software
REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Pella (NO) http://www.comune.pella.no.it/ DATA DELLA VALUTAZIONE 09/07/2008 AUTORE DELLA VALUTAZIONE Alessio Mantegna
Settaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template.
I TEMI PREDEFINITI (TEMPLATE) Scelta del tema I temi predefiniti di wordpress sono la base di un sito che usa un utente che per ragioni pratiche o per incapacità non può creare un sito usando solo codice
CREAZIONE E MODIFICA DELLA PAGINA WEB DELLA BIBLIOTECA Andare nel modulo Biblioteche in alto a sinistra. Digitare nel campo Nome Biblioteca la
CREAZIONE E MODIFICA DELLA PAGINA WEB DELLA BIBLIOTECA Andare nel modulo Biblioteche in alto a sinistra. Digitare nel campo Nome Biblioteca la denominazione del Comune della Biblioteca (basta anche solo
Maria Grazia Ottaviani. informatica, comunicazione e multimedialità
Maria Grazia Ottaviani informatica, comunicazione e multimedialità Unità digitale 1 Ambiente HTML Introduzione Oltre ai linguaggi di programmazione esistono anche linguaggi detti markup. Sono linguaggi
Form di gestione del contenuto
Form di gestione del contenuto Inserimento delle informazioni strutturate che compongono il nodo 40 Form di gestione del contenuto Selezionando il comando Modifica accanto al contenuto desiderato oppure
LEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONI DI HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... FORMATTARE IL CARATTERE Per formattare titoli interni del documento web possiamo utilizzare i tag , ,...,
LEZIONE NO. 1: INTRODUZIONE, ELEMENTI BASE, <HEAD> DI ATTILIO ABBIEZZI
HTML BASE LEZIONE NO. 1: INTRODUZIONE, ELEMENTI BASE, DI ATTILIO ABBIEZZI FONTI: HTML.IT 1 Breve Introduzione Che cosa significa linguaggio HTML? HTML = HyperText Markup Language Il primo concetto
Word Processor: WORD. Classificazione
Parte 5 Word Processor: WORD Classificazione Esistono diversi strumenti per la realizzazione di documenti di testuali: Editor di testo (Es: Blocco Note) Word Processor (Es: MS Word, Open Office ) Applicazioni
Michele Ferrara. fondamenti. impostazioni. multimedia. collegamenti ipertestuali. tabelle. elenchi. frame. form. tutti i TAG
? Michele Ferrara fondamenti impostazioni multimedia collegamenti ipertestuali tabelle elenchi frame form tutti i TAG con cd interattivo multimediale 1 Guida di HTML a cura di Michele Ferrara edizioni
Internet Architettura del www
Internet Architettura del www Internet è una rete di computer. Il World Wide Web è l insieme di servizi che si basa sull architettura di internet. In una rete, ogni nodo (detto host) è connesso a tutti
Modulo 8. Sviluppo di pagine e siti Creare pagine Web
Pagina 1 di 6 Sviluppo di pagine e siti Creare pagine Web HTML è l'acronimo di HyperText Markup Language; si tratta di un linguaggio utilizzato per la marcatura ipertestuale. A differenza dei comuni linguaggi
Introduzione. EMS è un sistema di raccolta e gestione ordini clienti. Si compone in due parti:
Introduzione EMS è un sistema di raccolta e gestione ordini clienti Si compone in due parti: Il sistema centrale che raccoglie e convalida gli ordini e altri dati inviati dagli agenti. Il sistema client
MS Word per la TESI. Barra degli strumenti. Rientri. Formattare un paragrafo. Cos è? Barra degli strumenti
MS Word per la TESI Barra degli strumenti Cos è? Barra degli strumenti Formattazione di un paragrafo Formattazione dei caratteri Gli stili Tabelle, figure, formule Intestazione e piè di pagina Indice e
Le Pagine WEB e l HTML
Le Pagine WEB e l HTML Sommario: I concetti fondamentali : l ipertesto e la multimedialità Pag. 3 La progettazione : usabilità e uniformità Gli editor di html: front page Pag. 4 Il linguaggio di programmazione
A tal fine il presente documento si compone di tre distinte sezioni:
Guida on-line all adempimento Questa guida vuole essere un supporto per le pubbliche amministrazioni, nella compilazione e nella successiva pubblicazione dei dati riguardanti i dirigenti sui siti istituzionali
FRONTPAGE 2000. 1. Creazione di un documento contenente solo testo (senza riferimenti ipertestuali).
FRONTPAGE 2000 L editor di FrontPage è un editor di pagine scritte con il linguaggio HTML. Un testo HTML è un documento ipermediale, scritto secondo certe convenzioni ben precise, che può essere inserito
Costruzione di un sito web - HTML
Costruzione di un sito web - HTML Obiettivi. Presentare le caratteristiche di un sito Web ed i concetti base per la sua costruzione: fasi di realizzazione e linguaggio HTML. Illustrare gli elementi fondamentali
Prof. Rocco Ciurleo 1
Istituto Tecnico Industriale Statale Conte Michele Maria Milano Polistena Classi: 2 E 2 G - a. s. 2012/2013 H T M L Guida base al linguaggio Prof. Rocco Ciurleo 1 Cos è l HTML HTML è l'acronimo di Hypertext
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
Manuale per i redattori del sito web OttoInforma
Manuale per i redattori del sito web OttoInforma Contenuti 1. Login 2. Creare un nuovo articolo 3. Pubblicare l articolo 4. Salvare l articolo in bozza 5. Le categorie 6. Modificare un articolo 7. Modificare
Entrare nel sistema. Clicca su Entra per entrare nel sistema. PAGINA 1
Entrare nel sistema Clicca su Entra per entrare nel sistema. PAGINA 1 Entrare nel sistema Compare il box di login in cui inserire il nome utente e la password fornite tramite posta elettronica. PAGINA
Creare un Ipertesto. www.vincenzocalabro.it 1
Creare un Ipertesto www.vincenzocalabro.it 1 Obiettivi Il corso si prefigge di fornire: Le nozioni tecniche di base per creare un Ipertesto I consigli utili per predisporre il layout dei documenti L illustrazione
Creare un nuovo tema grafico ( skin")
Creare un nuovo tema grafico ( skin") Potenzialità e tecniche Validità: Febbraio 2013 Questa pubblicazione è puramente informativa. SISECO non offre alcuna garanzia, esplicita od implicita, sul contenuto.
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,
Il calcolatore - Applicazioni
Alfonso Miola Il calcolatore - Applicazioni Esercitazione Dispensa B-01-E Settembre 2005 1 Contenuti Applicazioni Applicazioni e Interfacce Il pacchetto Office Word Excel Power Point Il CD per ECDL 2 Applicazioni
HTML in pillole. Argomenti trattati in questa guida:
HTML in pillole Argomenti trattati in questa guida: 1. Cosa è Html 2. I browser e Html 3. Cosa occorre per scrivere Html 4. Organizziamo il nostro lavoro 5. I Tag Marcatori 6. La struttura base di una
creare la tua vetrina MMSHOPS
Impara in 60 minuti a creare la tua vetrina MMSHOPS Corso di apprendimento rapido EUROTEAM 2014 (www.euroteam.it) 1 I componenti della vetrina MMSHOPS si basa su concetto molto semplice: il nome del file
Modulo ECDL WEBSTARTER. Obiettivi del modulo. Categoria Skill set Rif. Task Item. 1.1 Il web - Concetti. 1.2 HTML 1.2.1 Fondamenti
EUROPEAN COMPUTER DRIVING LICENCE WEBSTARTER - Versione 1.5 Copyright 2009 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta
Figura 54. Visualizza anteprima nel browser
Per vedere come apparirà il nostro lavoro sul browser, è possibile visualizzarne l anteprima facendo clic sulla scheda Anteprima accanto alla scheda HTML, in basso al foglio. Se la scheda Anteprima non
link='true' Se è incluso permette di creare il titolo come link attraverso l'editor
Rendi editabile il tuo contenuto: crea il tuo Template Puoi creare un tuo template e inviarcelo per integrarlo nel tuo account CreateSend tramite questi semplici tag. In questo modo dovrai poi solo preoccuparti
Le immagini digitali. Modulo 2. Rappresentazione analogica. Rappresentazione digitale. Una palette a 16 colori
Foto digitale, invio via mail e inserimento in una pagina web Modulo 2 Cosa si intende con analogico e digitale? Come avviene la rappresentazione digitale delle immagini? Come è possibile trasformare un
2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento.
Uso del computer e gestione dei file 57 2.2.2.1 Identificare le diverse parti di una finestra: barra del titolo, barra dei menu, barra degli strumenti, barra di stato, barra di scorrimento. All interno