Progettazione Siti Web: Pagine Web Introduzione e HTML
|
|
- Ada Fusco
- 7 anni fa
- Visualizzazioni
Transcript
1 Progettazione Siti Web: Pagine Web Introduzione e HTML Dr. Ing. Information Management Systems (IMS) Research Group, Dipartimento di Ingegneria dell Informazione, Università degli Studi di Padova {silvello}@dei.unipd.it Corso di Progettazione Siti Web Laurea Magistrale in Strategie di Comunicazione e Laurea Magistrale in Linguistica -
2 Date d esame Prova di valutazione IPSA@CULTURA: 11 dicembre : Comunicazione composizione dei gruppi: 14 dicembre 2012 Relazione sulla Qualità dei siti Web : 15 gennaio 2013 I appello d esame: 12 febbraio ore 9.00 Discussione progetti di gruppo: 19 febbraio ore 9.30 : II appello d esame: 26 febbraio ore
3 Indice Caratteristiche di base dell HTML Elementi di base dell HTML Realizzazione di documenti HTML 3
4 HTML Un linguaggio di mark-up è un linguaggio artificiale che viene definito e realizzato per permettere di specificare la struttura e il formato di documenti digitali, questi obiettivi si ottengono utilizzando combinazioni apposite dello stesso alfabeto di caratteri che viene utilizzato per scrivere il contenuto dei documenti Queste combinazione apposite prendono il nome di tag L insieme dei tag di un linguaggio di mark-up permette di identificare i componenti logici di un documento e di collegarli alla definizione sintattica della struttura del documento HTML è un linguaggio di mark-up che è stato definito per presentare contenuti di tipo testuale nel Web, quindi lo scopo del linguaggio è quello di presentare all utente il contenuto dei documenti. 4
5 Cascading Style Sheets: Introduzione Una pagina Web è formata da: Struttura Contenuto Presentazione image from Inizialmente le pagine Web erano state pensate sopratutto per i contenuti, senza prestare troppa attenzione alla presentazione Progettazioni siti Web LMSGC mutuato da LMLIN - a.a. 2011/12 5
6 HTML e CSS: Introduzione Separazione presentazione e contenuto: HTML + CSS Progettazioni siti Web LMSGC mutuato da LMLIN - a.a. 2011/12 6
7 HTML e CSS: Introduzione Separazione presentazione e contenuto: HTML + CSS Contenuto (HTML)) Presentazione (CSS) Progettazioni siti Web LMSGC mutuato da LMLIN - a.a. 2011/12 6
8 HTML e CSS: Introduzione Separazione presentazione e contenuto: HTML + CSS Contenuto (HTML)) Presentazione (CSS) HTML + CSS images from: Progettazioni siti Web LMSGC mutuato da LMLIN - a.a. 2011/12 6
9 HTML e CSS: Introduzione Separazione presentazione e contenuto: HTML + CSS Progettazioni siti Web LMSGC mutuato da LMLIN - a.a. 2011/12 6
10 HTML: Struttura invece di grafica HTML permette di concentrarsi sulla struttura piuttosto che sulla rappresentazione grafica del documento I programmi di DeskTop Publishing (DTP), invece, mettono in gran evidenza la presentazione di un documento, non la sua struttura Comunque va tenuto presente che la distinzione fra struttura e presentazione non può essere sempre netta Progettazioni siti Web LMSGC mutuato da LMLIN - a.a. 2011/12 7
11 Il canvas 8
12 Elementi di una pagina Web Una pagina Web è un insieme di elementi disposti uno di fianco all altro nello spazio (canvas) messo a disposizione dal browser per la loro visualizzazione. Questi elementi galleggiano nello spazio a disposizione cercando di occuparlo al meglio. image from Progettazioni siti Web LMSGC mutuato da LMLIN - a.a. 2011/12 9
13 Struttura della pagina HTML o pagina Web <HTML> intestazione (head) <HEAD> </HEAD> <TITLE> titolo </TITLE> <BODY> corpo (body) corpo (body) => appare sul canvas </BODY> </HTML> 10
14 Struttura della pagina HTML o pagina Web Una pagina Web preparata utilizzando HTML è un documento testuale strutturato in due parti principali: intestazione (head) e corpo (body). <HTML> intestazione (head) <HEAD> </HEAD> <TITLE> titolo </TITLE> <BODY> corpo (body) corpo (body) => appare sul canvas </BODY> </HTML> 10
15 Struttura della pagina HTML o pagina Web <HTML> intestazione (head) <HEAD> </HEAD> <TITLE> titolo </TITLE> <BODY> corpo (body) corpo (body) => appare sul canvas </BODY> </HTML> 10
16 Concetto di documento testuale e di formato Documento testuale software: editor Software di interpretazione di un documento testuale es. un browser Web per un documento HTML Software di compilazione di un documento testuale es. un compilatore per un documento LaTex Documento in un formato per videoscrittura -> Documento prodotto da un software di word processing concetto di formato, eventualmente di formato proprietario -> what you see is what you get (WYSIWYG) 11
17 Alcuni editor... (esempi) Microsoft Windows: Notepad++ (presente in laboratorio LAIF) MAC OSX: Sublime Text 2 Frontpage o Dreamweaver non sono editor 12
18 HTML è un linguaggio di markup HTML permette di definire quali sono le regole che devono essere rispettate dagli elementi che compongono un documento Un elemento HTML di solito è composto da tre parti: tag (o etichetta) di apertura contenuto tag di chiusura Struttura di un elemento HTML: <Nome tag> testo influenzato dal tag </Nome tag> I simboli < > (parentesi angolari) sono i caratteri che delimitano i tag HTML 13
19 Elementi Aspetto di un file HTML: è composto da testo ASCII, che contiene o incorpora elementi HTML che sono composti, come si è visto, di due tipi di oggetti: 1. Testo 2. TAG HTML, usualmente di apertura e chiusura. Gli elementi più utilizzati in HTML sono circa 30. Di seguito si fanno alcuni esempi utilizzando gli elementi HTML più utili e comuni e si rinvia a file HTML d esempio. 14
20 Realizzazione di un semplice documento HTML - 1 Elemento HTML: <HTML> </HTML> questo è l elemento che serve ad indicare l inizio (<HTML>) e la fine (</ HTML>) di un documento HTML qualsiasi sia il contenuto fra questi tag è contenuto dell elemento HTML All interno dell elemento HTML vi sono due altri elementi di livello inferiore HEAD e BODY: <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> Vedere esempio1.html 15
21 Realizzazione di un semplice documento HTML - 2 Un elemento di HEAD è l elemento TITLE: <TITLE> Cinema e dintorni </TITLE> questo è l elemento che serve ad indicare l inizio e la fine del titolo di un documento HTML il contenuto di TITLE viene generalmente visualizzato nella barra del titolo, l area più in alto della finestra (area browser); subito sotto c è l area dei pulsanti del browser e più in basso ancora l area dove viene rappresentato il documento o area di canvas (tela) 16
22 Realizzazione di un semplice documento HTML - 3 Elemento BODY: <HTML> <HEAD> <TITLE> Cinema e dintorni </TITLE> </HEAD> < BODY> < /BODY> </HTML> l elemento BODY va messo all interno dell elemento HTML il contenuto dell elemento HTML consiste ora di due elementi l elemento BODY da solo non crea nessun contenuto nella finestra (canvas) del browser, occorre inserire nell elemento BODY del contenuto Vedere esempio2.html 17
23 Elemento titolo <Hx> Elemento titolo di primo livello, denominato H1, va all interno di BODY: <HTML> <HEAD> <TITLE>Cinema e dintorni </TITLE> </HEAD> < BODY> <H1>Home page di Cinema e dintorni</h1> < /BODY> </HTML> HTML prevede altri livelli di titolo: H2, H3, H4, H5, H6; più il numero è elevato minore è l importanza del titolo Vedere esempio3.html, esempio4.html ed esempio5.html 18
24 Elemento paragrafo: <P> Elemento paragrafo di testo, denominato P, ovviamente va all interno di BODY: <HTML> <HEAD> <TITLE> Cinema e dintorni </TITLE> </HEAD> < BODY> <H1>Biografia di Woody Allen</H1> <P>Genio umoristico americano ma amato anche e soprattutto in Europa per l'omaggio stilistico a grandi nomi del cinema come Bergman, Fellini e Lubitsch...</P> < /BODY> </HTML> </P> può essere omesso. Vedere esempio6.html 19
25 Elementi EM e STRONG Gli elementi STRONG e EM per mettere in evidenza del testo rispetto a quello circostante: <html> <head> <title>cinema e dintorni</title> </head> <BODY> <H1>Biografia di Woody Allen</H1> <P>Genio umoristico americano ma amato anche e soprattutto in <em>europa</em> per l'omaggio stilistico a grandi nomi del cinema come <strong>bergman, Fellini e Lubitsch</strong>...</P> </html> </BODY> Vedere esempio7.html 20
26 Elementi posizioni Gli elementi possono appartenere a tre gruppi diversi: block-level Es: P, H1 inline Es: STRONG, EM invisibili Es: elemento che permette di scrivere commenti <!-- testo del commento --> il testo non viene presentato nel canvas Vedere esempio8.html 21
27 Elementi lista Tre diversi elementi per creare delle liste (elenchi): OL - ordered list - lista ordinata UL - unordered list - lista non ordinata DL - definition list - elenco di definizioni Vedere esempio9.html, esempio10.html, esempio11.html 22
28 Elementi vuoti : HR e BR Elementi che non hanno uno specifico contenuto ma che creano un qualche effetto: HR - linea di separazione o filetto BR - interpunzione di riga Vedere esempio12.html 23
Progettazione Siti Web: Introduzione al corso
Progettazione Siti Web: Introduzione al corso Dr. Ing. Information Management Systems (IMS) Research Group, Dipartimento di Ingegneria dell Informazione, Università degli Studi di Padova {silvello}@dei.unipd.it
DettagliStoria IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA. La videoscrittura. La videoscrittura
Storia IL MONDO DELLE APPLICAZIONI: SISTEMI PER LA SCRITTURA Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura Desk-top publishing 8 9 La videoscrittura I programmi
DettagliCodifica informazione testuale
Rappresentazione del: Codifica informazione testuale contenuto : successione di parole che costituiscono il documento Formato: modo in cui le parole sono organizzate e rappresentate graficamente. Può migliorare
DettagliHTML 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
DettagliProgettazione Siti Web: Qualità dei siti Web
Progettazione Siti Web: Qualità dei siti Web Dr. Ing. Information Management Systems (IMS) Research Group, Dipartimento di Ingegneria dell Informazione, Università degli Studi di Padova {silvello}@dei.unipd.it
DettagliHTML. Hyper Text Mark-Up Language
HTML Hyper Text Mark-Up Language Cos è l HTML? È un linguaggio usato per descrivere documenti ipertestuali disponibili nel Web È un linguaggio di marcatura del testo che descrive il contenuto e il formato
DettagliHTML. 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
DettagliHTML. Es: La prossima parola è in <b>neretto</b> Es: La prossima parola è in neretto
HTML Il linguaggio HTML (HyperText Markup Language) utilizza annotazioni (tag) per descrivere come verrà visualizzato il documento sul browser di un client. HTML non è un linguaggio di programmazione ma
Dettagli"-//W3C//DTD XHTML 1.1//EN
XHTML 1.1 extensible HyperText Markup Language DOCTYPE All inizio di un documento xhtml bisogna specificare a quali regole ci atteniamo. Tutti i documenti che scriveremo inizieranno con 2 righe particolari:
DettagliWorld Wide Web. WWW e Tim Berners Lee
World Wide Web Storia Definizione Terminologia Tecnologie FdI 2013/2014 GMDN 2014 1 WWW e Tim Berners Lee Il World Wide Web è una collezione di informazioni fra loro collegate e mantenute su calcolatori
DettagliFondamenti di informatica. Word Elaborazione di testi
Fondamenti di informatica Word Elaborazione di testi INTRODUZIONE Cos è Word? Word è un word processor WYSIWYG (What You See Is What You Get) in grado di soddisfare molte esigenze di word processing e
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
DettagliLinguaggi per il Web Linguaggi di markup: CSS
Linguaggi per il Web Linguaggi di markup: CSS Fogli di stile (CSS) Cascading Style Sheets (CSS) servono per facilitare la creazione di pagine HTML con un aspetto uniforme permettono di separare il contenuto
DettagliIntroduzione 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 Ciao mondo File
DettagliRealizzazione di pagine Web
Realizzazione di pagine Web Obiettivi 1.Conoscere i principi di progettazione di una pagina Web e gli strumenti per produrla. 2.Sviluppare pagine Web con l'uso di opportuni strumenti software di authoring
DettagliProf. Maristella Agosti, Ing. Marco Dussin
Università degli Studi di Padova Facoltà di Lettere e Filosofia Progettazione di siti web (ING-INF/05) LMSGC, mutuato da LMLIN e Sc. Stat. a.a. 2010-11 Indice: Prof. Maristella Agosti, Ing. Marco Dussin
DettagliSistemi Di Elaborazione Dell informazione
Sistemi Di Elaborazione Dell informazione Dott. Antonio Calanducci Lezione XV: Cenni su CSS Corso di Laurea in Scienze della Comunicazione Anno accademico 2009/2010 Fogli di stile (CSS) Cascade Style Sheets
DettagliPROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5
PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5 Unità didattica 1 - Architettura di pagina statica HTML Dimostrazione 1-1: Visualizzazione del sito Unità didattica 2 - Prime operazioni Introduzione a Dreamweaver
DettagliLinguaggio HTML. Reti. Il Linguaggio HTML. Il Linguaggio HTML
Reti Linguaggio HTML 1 HTML = Hypertext Markup Language E il linguaggio usato per descrivere documenti ipertestuali Ipertesto = Testo + elementi di collegamento ad altri testi (link) Linguaggio di markup:
DettagliLinguaggi di Markup. Violetta Lonati. Dipartimento Scienze dell Informazione Università degli Studi di Milano
Linguaggi di Markup Violetta Lonati a Dipartimento Scienze dell Informazione Università degli Studi di Milano a E garantito il permesso di copiare, distribuire e/o modificare i materiali cont enuti in
DettagliNozioni di base per creare e visualizzare documenti XML
Nozioni di base per creare e visualizzare documenti XML Il concetto di modello Prima della codifica di un qualsiasi documento è necessario studiarne la natura, le caratteristiche e le possibili funzionalità
DettagliLaboratorio di Informatica
Laboratorio di Informatica per la laurea triennale in Chimica ESERCITAZIONE 2 - Sistemi per la scrittura 1 Storia Scrivani Macchine da scrivere, ciclostile, fotocopiatrice Primi sistemi per la videoscrittura,
DettagliHTML. I tag HTML (parte 1)
HTML I tag HTML (parte 1) I tag HTML I comandi che il browser interpreta Etichette per marcare l inizio e la fine di un elemento HTML Formato e possono essere tag di apertura: tag di chiusura:
DettagliAppunti sui fogli di stile
Appunti sui fogli di stile CSS ( Cascading Style Sheets): Linguaggi di formattazione stilistica e strutturale di un documento HTML o di una serie di documenti in cascata. Può aggiornare lo stile di un
DettagliINTRODUZIONE 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
DettagliPrime nozioni di Web-Editing. Liceo Classico Jacopone - Todi - A.S Prof. Marco Bastianelli
Prime nozioni di Web-Editing Classico Jacopone - Todi - A.S. 2016-2017 Prof. Marco Bastianelli Che cos è il Web Editing? ECDL (modulo avanzato Web Editing): La certificazione ECDL Web Editing permette
DettagliNavigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Seconda lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Seconda lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 In informatica l'hypertext Markup Language (HTML)
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
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
DettagliLinguaggio per ipertesti
Linguaggio per ipertesti Un linguaggio per descrivere gli ipertesti è l HyperText Markup Language (HTML) Non è il solo (VRML,XML,...) l HTML è un linguaggio di formattazione e permette di formattare del
DettagliSommario. Nozioni di base su HTML
Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................
DettagliManuali.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
DettagliModulo 1 Information Communication Technology. ICT e computer... Pag. 6 Classificazione dei computer...» 8
I Indice generale 1 Introduzione all ICT Modulo 1 Information Communication Technology ICT e computer... Pag. 6 Classificazione dei computer...» 8 2 Come è fatto un computer I componenti di un personal
DettagliProgramma di INFORMATICA
Classe 2 a D Indirizzo AMMINISTRAZIONE FINANZA E MARKETING MODULO 1: Word professionale e la corrispondenza commerciale UD 1 Questione di stile 1.1 Gli stili 1.2 Applichiamo gli stili UD 2 Formattazione
DettagliIn questo capitolo verrà impostato un ambiente per
Capitolo 3 Il primo script in JavaScript 3.1 Gli strumenti software 3.2 Impostazione dell ambiente di authoring 3.3 Cosa farà il primo script 3.4 Inserimento del primo script 3.5 Analisi dello script 3.6
DettagliOBIETTIVI MINIMI Anno scolastico TIC-TIT. 1. Foglio elettronico: funzioni fondamentali (Excel)
ISTITUTO TECNICO COMMERCIALE STATALE SCHIAPARELLI-GRAMSCI CLASSI CORSI OBIETTIVI MINIMI Anno scolastico 2010-2011 TIC-TIT OBIETTIVI 1. Foglio elettronico: funzioni fondamentali (Excel) CONTENUTI / tipologia
DettagliHTML. Hyper Text Markup Language
HTML Hyper Text Markup Language IL WEB Le componenti principali del web sono: HTML: definizione del contenuto delle pagine CSS: definizione dell aspetto delle pagine Javascript: definizione del comportamento
DettagliUn introduzione a HTML
Fluency Un introduzione a HTML Capitolo 3 HTML HyperText Markup Language Tag descrivono il formato della pagina Web Formattare con i tag Parole o sigle racchiuse tra parentesi angolari Si usano a coppie
DettagliImmaginiamo la nostra prima tabella come una griglia formata da righe e colonne. I tag necessari per creare una tabella sono: <table>
LE TABELLE IN HTML Le tabelle sono una delle parti più importanti di tutto il codice HTML: nate sin dagli inizi del Web per impaginare dati aggregati, si sono poi trasformate in uno strumento indispensabile
DettagliModulo III - Creazione di documenti, presentazioni e report
Modulo III - Creazione di documenti, presentazioni e report Elisabetta Ronchieri Università di Ferrara Dipartimento di Economia e Management e-mail: elisabetta.ronchieri@unife.it 1 Dicembre 2016 Elisabetta
Dettagliopen-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
DettagliLinguaggi di Programmazione
Linguaggi di Programmazione Linguaggi di Programmazione Programmazione. Insieme delle attività e tecniche svolte per creare un programma (codice sorgente) da far eseguire ad un computer. Che lingua comprende
DettagliNavigare 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
DettagliMetodologie Informatiche Applicate al Turismo
Metodologie Informatiche Applicate al Turismo Esercitazione con HTML 5 - Video e Grafica Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://pages.di.unipi.it/milazzo milazzo di.unipi.it
DettagliBasi di Dati-X HTML HTML HTML. Corso di Laurea in Informatica Anno Accademico 2013/2014
HTML 2 Basi di Dati-X Corso di Laurea in Informatica Anno Accademico 2013/2014 Hyper Text Markup Language linguaggio testuale per descrivere la struttura di documenti ipertestuali disponibili nel World
DettagliLaboratorio 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
DettagliLaboratorio di Programmazione Distribuita. Introduzione a HTML. Dott. Marco Bianchi Università degli Studi di L'Aquila
Laboratorio di Programmazione Distribuita Introduzione a HTML Dott. Marco Bianchi Università degli Studi di L'Aquila bianchi@di.univaq.it http://di.univaq.it/~bianchi Introduzione a HTML Introduzione a
DettagliComandi 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
DettagliREPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Volpedo (AL) www.comune.volpedo.al.it DATA DELLA VALUTAZIONE 1/12/2008 AUTORE DELLA VALUTAZIONE Fabio Regina COMMENTI
DettagliProf. Pagani Corrado HTML
Prof. Pagani Corrado HTML IPERTESTI E MULTIMEDIALITÀ Un ipertesto è un insieme di documenti messi in relazione tra loro per mezzo di parole chiave sensibili (link). Può essere visto come una rete; i documenti
DettagliRaccolta e memorizzazione dei dati immessi nei moduli dai visitatori
Raccolta e memorizzazione dei dati immessi nei moduli dai visitatori Raccolta e memorizzazione dei dati immessi nei moduli dai visitatori Per impostazione predefinita, i risultati dei moduli vengono salvati
DettagliCURRICOLO DIPARTIMENTO INFORMATICA PRIMO BIENNIO
dei limiti nel contesto culturale e sociale in cui vengono applicate CURRICOLO PARTIMENTO INFORMATICA PRIMO BIENNIO MODULO 1 Concetti di base della tecnologia dell informazione Acquisire e interpretare
DettagliHyperText Markup Language Informatica applicata alla comunicazione multimediale Cristina Bosco
HyperText Markup Language 2016-2017 Informatica applicata alla comunicazione multimediale Cristina Bosco 1. Che cosa e HTML un linguaggio di codifica testuale un linguaggio di marcatura un linguaggio per
DettagliPowerPoint: uso del software
PowerPoint: uso del software Marie-Edith Bissey 5 febbraio 2002 1 Creare una presentazione PowerPoint si trova sotto Start Programmi All avvio, si apre una maschera che permette di scegliere il tipo di
DettagliHTML e XML. Politecnico di Milano Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori
HTML e XML Politecnico di Facoltà del Design Bovisa Elementi di Informatica e Reti di calcolatori Ing. Claudio Menghi Dipartimento di Elettronica e Informazione menghi@elet.polimi.it http://home.dei.polimi.it/menghi
DettagliHTML: tag. HTML: tag. HTML: tag. HTML: un semplice esempio
HTML: tag Alcuni tag prevedono un identificatore di inizio () e di fine marcatura () altri sono dei tag singoli (es.: , ). Esistono delle codifiche per rappresentare in modo universale
DettagliServe per impostare. enfatizza il testo (l effetto è quello del grassetto, comando utile per i motori di ricerca) <ul> comandi relativi all immagine
Comandi principali HTML Serve per impostare il titolo della pagina (nella sezione head) il font del titolo 1 il font del titolo 2 paragrafo una o più parole alle quali applicare
DettagliMICROSOFT WORD 2010 CREAZIONE E FORMATTAZIONE DI DOCUMENTI
MICROSOFT WORD 2010 CREAZIONE E FORMATTAZIONE DI DOCUMENTI APRIRE MICROSOFT WORD 1. Start 2. Tutti i programmi 3. Microsoft Office 4. Microsoft Word 2010 MICROSOFT WORD 2010 LE REGOLE D ORO 1. Impostare
DettagliWEB. Introduzione HTML. Gabriele Murara
WEB Introduzione HTML Gabriele Murara 1 HTML HTML = Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti"). non è un linguaggio di programmazione (sono linguaggi di programmazione il
DettagliSommario. Prefazione... xvii Ringraziamenti...xxv L autore...xxvi
Sommario Prefazione... xvii Ringraziamenti...xxv L autore...xxvi Capitolo 1: I sistemi CMS e un introduzione a Joomla!...1 Cos è un CMS (Content Management System)?...2 Pagine Web statiche...2 Pagine Web
DettagliWord 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
DettagliManuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1
Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1 Chi può riuscire a creare pagine HTML? La realizzazione di pagine web non eccessivamente sofisticate è alla portata di tutti, basta
DettagliWYSIWYG, 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
DettagliDocente: Prof. Marco Patella Tutor: Vincenzo Lomonaco
Università di Bologna Facoltà di Ingegneria C.d.L. in Ing. Gestionale Fondamenti di Informatica T-1 (A-K) A.A. 2015/16 Docente: Prof. Marco Patella Tutor: Vincenzo Lomonaco 1 Obiettivi del corso Il corso
DettagliLINGUAGGI PER IL WEB HTML. (HyperText Markup Language)
LINGUAGGI PER IL WEB HTML (HyperText Markup Language) Il World Wide Web World Wide Web = sistema di accesso a Internet basato sul protocollo HTTP insieme di protocolli e servizi (HTTP, FTP, ) insieme di
DettagliPrefazione... xi. Da leggere prima di iniziare...xiv. Capitolo 1 Introduzione a JavaScript Sezione A Programmazione, HTML e JavaScript...
SOMMARIO Prefazione... xi Panoramica del libro... xi Caratteristiche distintive...xii Aspetti qualificanti del libro...xii Browser Web da usare... xiii Ringraziamenti... xiii Da leggere prima di iniziare...xiv
DettagliMS Office Powerpoint La formattazione
MS Office Powerpoint 2007 - La formattazione La formattazione è la parte più importante del lavoro in Powerpoint, in quanto l essenziale per l aspetto finale che assumerà il nostro lavoro. Questo è un
DettagliLinguaggi di programmazione PC server-client CSS
Linguaggi di programmazione PC server-client CSS HTML MySQL PHP HTML: Hyper Tex Markup Language PHP: Hypertext Preprocessor CSS: Cascading Style Sheet MySQL: Relational database HTML Hyper Tex Markup Language
DettagliModulo 1: Le I.C.T. UD 1.2d: La codifica Digitale dei caratteri
Modulo 1: Le I.C.T. : La codifica Digitale dei caratteri Prof. Alberto Postiglione Corso di Informatica Generale (AA 07-08) Corso di Laurea in Scienze della Comunicazione Università degli Studi di Salerno
Dettaglitipografia digitale avanzata per umanisti
tipografia digitale avanzata per umanisti EDIZIONI CRITICHE (E ALTRO) CON UN INTRODUZIONE A CURA DI CARLA CASTELLI MILANO, 20 MAGGIO 2009 motivazioni Motivazioni tecnico-scientifiche I normali sistemi
DettagliIntroduzione allo sviluppo Web. Studium Generale, a.a , 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 Cascading Style
DettagliINTRODUZIONE ALLA PROGRAMMAZIONE
INTRODUZIONE ALLA PROGRAMMAZIONE Prof. Enrico Terrone A. S: 2008/09 Definizioni Programmare significa risolvere problemi col computer, cioè far risolvere problemi al computer attraverso un insieme di informazioni
DettagliFortran in pillole : prima parte
Fortran in pillole : prima parte Annamaria Mazzia Dipartimento di Metodi e Modelli Matematici per le Scienze Applicate Corso di Metodi Numerici per l Ingegneria Introduzione al Fortran Un libro consigliato
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,
DettagliWeb. HyperText Markup Language
Web HyperText Markup Language HTML HyperText Markup Language permette la creazione di documenti multimediali ipertestuali è il linguaggio per la creazione di pagine web non è l unico: PHP, JavaScript,
DettagliISTITUTO TECNICO INDUSTRIALE STATALE "G. MARCONI" Via Milano n PONTEDERA (PI) DIPARTIMENTO: Informatica
PROGRAMMAZIONE COORDINATA TEMPORALMENTE pag. 1 PROGRAMMAZIONE COORDINATA TEMPORALMENTE A.S. 2016/2017 Monte ore annuo 99 E-book dal sito www.matematicamente.it. Pettarin ECDL Modulo 1- Computer Essential
DettagliElementi in HTML Un elemento è una componente fondamentale della struttura di un documento di testo. Alcuni esempi di elementi sono testate, tabelle,
HTML: introduzione HTML significa Hyper Text Markup Language I documenti HTML sono file plain-text (anche conosciuti come ASCII) che possono essere creati usando un qualsiasi text editor e possono essere
DettagliPROGRAMMA SVOLTO Materia: Informatica Docentte:: PERAZZOLO GIANTONIO
ISTITUTO D ISTRUZIONE SUPERIORE "G. VERONESE - G. MARCONI" SEDE CENTRALE G. VERONESE Via P. Togliatti, 833-30015 CHIOGGIA (VE) Tel. 041/5542997-5543371 - Fax 041/5548665 e-mail: veis00200g@pec.istruzione.it
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.
Dettagli1.1. Come funzionano le pagine Web.
Se tu hai voglia di creare il tuo sito web in HTML, oppure stai semplicemente cercando un supporto aggiuntivo perché pensi che le lezioni di HTML che ricevi all università non sono abbastanza chiare e
DettagliCosa sono le maschere
Prof. Emanuele Papotto Cosa sono le maschere La maschera è un oggetto di database che viene realizzato per mostrare, modificare e immettere i record in modo più chiaro rispetto alla visualizzazione foglio
DettagliInformatica (Sistemi di elaborazione delle informazioni)
Informatica (Sistemi di elaborazione delle informazioni) Corso di laurea in Scienze dell'educazione Lezione 4 HTML Mario Alviano Sommario Internet Paragrafi Caratteri Titoli Liste puntate e numerate Collegamenti
DettagliProgettazione di siti Web
Progettazione di siti Web Tipi di siti Siti statici Siti dinamici Software di progetto/gestione Editor visuali Content Management System Siti Internet Un sito Internet è come un qualsiasi altro S.I. ma
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
DettagliTecnologie informatiche multimediali
Università degli Studi di Ferrara Facoltà di Lettere e Filosofia Corso di Laurea in «Scienze e Tecnologie della Comunicazione» aa 2011-2012 Tecnologie informatiche multimediali Prof. Giorgio Poletti giorgio.poletti@unife.it
Dettagli! internet (con la i minuscola) = rete di (sotto) ! reti locali collegate tra di loro grazie ai. ! Internet (con la I maiuscola, nome proprio)
Internet! internet (con la i minuscola) = rete di (sotto) reti Internet e HTML! reti locali collegate tra di loro grazie ai protocolli TCP/IP! Internet (con la I maiuscola, nome proprio) = la specifica
DettagliArgomenti XML JSON. Linguaggi per la definizione e lo scambio di dati strutturati, semi-strutturati, non strutturati. XML Data Model JSON
XML JSON Argomenti 2 Linguaggi per la definizione e lo scambio di dati strutturati, semi-strutturati, non strutturati XML Data Model JSON 3 XML XML extensible Markup Language 4 Modello di dati XML Nato
DettagliLaurea Specialistica - Media Education. Dr. Annamaria Bria 1
Corso di INFORMATICA Laurea Specialistica - Media Education Dr. Annamaria Bria 1 1 Dipartimento di Matematica Università della Calabria Corso di laurea intercalsse in COMUNICAZIONE&DAMS www.mat.unical.it/bria/informatica2011-12.html
DettagliAnno scolastico INFORMATICA. 2. Conoscere e classificare il software
ISTITUTO TECNICO COMMERCIALE STATALE SCHIAPARELLI-GRAMSCI Schiaparelli via Settembrini 4, 20124 Milano tel. 02/2022931 fax 29512285 E-mail schiaparelli@libero.it Gramsci L.go Sereni 1, 20133 Milano tel.
DettagliAspetto. Lauri Watts Traduzione italiana: Pino Toscano
Lauri Watts Traduzione italiana: Pino Toscano 2 Indice 1 Aspetto 4 1.1 Generale........................................... 4 1.2 Carattere........................................... 4 1.3 Fogli di stile.........................................
DettagliGuida all uso della piattorma elearning QUICKPLACE
Guida all uso della piattorma elearning QUICKPLACE La piattaforma elearning QuickPlace permette la creazione di corsi on-line altamente personalizzabili sia nella struttura che nella grafica. Creare un
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,
DettagliManuale GWCAP MANUALE. Software per la realizzazione di capitolati d appalto per gli impianti elettrici
MANUALE Software per la realizzazione di capitolati d appalto per gli impianti elettrici 1 INDICE: 10 - Introduzione... 3 100 - Menu... 4 1000 - Menu File... 4 1001 - Nuovo... 4 1003 - Salva... 4 1002
DettagliCOMPILAZIONE DOMANDA
COMPILAZIONE DOMANDA Alcuni campi dell istanza saranno già pre-compilati dal sistema con i dati inseriti all atto della registrazione (N.B. i valori sono comunque modificabili da parte dell utente). I
DettagliLaboratorio di Tecnologie Web HTML: Introduzione Dott. Stefano Burigat
Laboratorio di Tecnologie Web HTML: Introduzione Dott. Stefano Burigat www.dimi.uniud.it/burigat File HTML e tag Un file HTML non è nient'altro che un puro file di testo al cui interno sono presenti delle
DettagliIntroduzione. Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language
HTML 05/04/2012 1 Introduzione Le pagine web sono scritte in HTML un semplice linguaggio di scrittura. HTML è la forma abbreviata di HyperText Markup Language L'ipertesto è semplicemente un testo che funziona
DettagliWord Processor: WORD (livello base) Classificazione
Parte 5 Word Processor: WORD (livello base) Elementi di Informatica - AA 2008/2009 - MS Word 1 di 60 Classificazione Esistono diversi strumenti per la realizzazione di documenti testuali: Editor di testo
DettagliLuca Tesei. Laboratorio di Sviluppo Web: Le Basi. Modulo IFTS. Fermo 31/03, 03/04, 07/ Prof. Luca Tesei Università di Camerino 1
Luca Tesei Laboratorio di Sviluppo Web: Le Basi Modulo IFTS Fermo 31/03, 03/04, 07/04 2017 Prof. Luca Tesei Università di Camerino 1 Informazioni di Contatto Email docente: luca.tesei@unicam.it Telefono:
DettagliPROGRAMMA SVOLTO Materia: Informatica Docentte:: PERAZZOLO GIANTONIO
ISTITUTO D ISTRUZIONE SUPERIORE "G. VERONESE - G. MARCONI" SEDE CENTRALE G. VERONESE Via P. Togliatti, 833-30015 CHIOGGIA (VE) Tel. 041/5542997-5543371 - Fax 041/5548665 e-mail: veis00200g@pec.istruzione.it
Dettagli