Laboratorio di Programmazione Distribuita. Introduzione a HTML. Dott. Marco Bianchi Università degli Studi di L'Aquila
|
|
- Mirella Castellano
- 8 anni fa
- Visualizzazioni
Transcript
1 Laboratorio di Programmazione Distribuita Introduzione a HTML Dott. Marco Bianchi Università degli Studi di L'Aquila bianchi@di.univaq.it
2 Introduzione a HTML
3 Introduzione a HTML codice HTML
4 Il ruolo del browser Codice HTML Interprete Pagina Web visualizzata
5 HTML HTML è l'acronimo di HyperText Markup Language (Linguaggio di contrassegno per gli Ipertesti) HyperText = Iperdocumento testuale, cioè un documento speciale che contiene collegamenti (link) con altri elementi interni o esterni Markup Language = il testo viene marcato o segnato con dei simboli per indicare determinate caratteristiche dei testi Non è un linguaggio di programmazione (non ha meccanismi decisionali, iterativi ecc.) Oggi è standardizzato dal World Wide Web Consortium (W3C)
6 Un po' di storia... July '93: Internet Draft for HTML+ Nov '95: RFC HTML 2.0 March '95: HTML 3.0 Draft stalls Late '96: IETF HTML WG closes Jan '97: W3C releases HTML 3.2 Recom. Dec '97: W3C releases HTML 4.0 Recom. Feb '99: XHTML 1.0 draft released
7 Terminologia di HTML Un Tag è un codice HTML che è racchiuso fra parentesi angolari: < e > <TAG> Esempio: <BR> Un Tag Contenitore è formato da un tag iniziale e un tag finale. Tra questi due tag si trovano i dati che sono controllati dal tag contenitore. <TAG>contentuto</TAG> Esempio: <B><I>Questo testo è in grassetto e italico</i></b> Gli Attributi sono codici speciali in grado di modificare l effetto dei tag <TAG attributo_1="valore1" attributo_2="valore2"> contenuto</tag> Esempio: <P align= CENTER >Testo centrato</p>
8 Struttura di una pagina HTML <HTML> <HEAD>... </HEAD> Intestazione Si definiscono alcune caratteristiche della pagina; in generale le informazioni non sono visualizzate. <BODY>... </BODY> Corpo Racchiude i contenuti della pagina. </HTML>
9 Intestazione di una pagina HTML Tra i marcatori di intestazione (<HEAD>) possono essere inserite le seguenti informazioni: Titolo <TITLE>Primi passi in HTML</TITLE> Meta Tag <META NAME="keywords CONTENT=elenco_parole_chiave> <META NAME="description CONTENT= testo_visualizzato_dal_motore_di_ricerca> Elementi di stile Script
10 META tag e motori di ricerca Motore di ricerca Supporto tag META Titolo Descrizione AltaVista Excite HotBot InfoSeek Lycos Sì No Sì Sì Parzialm. Il contenuto di <TITLE>, altrimenti "No title" META tag altrimenti prima riga della pagina Il contenuto di <TITLE>, altrimenti "Untitled" Frasi raggruppate per argomento Il contenuto di <TITLE>, altrimenti URL META tag altrimenti prima riga della pagina Il contenuto di <TITLE>, altrimenti la prima riga della pagina META tag altrimenti primi 200 caratteri dopo il tag <BODY> Il contenuto di <TITLE>, altrimenti la prima riga della pagina In base al contenuto
11 Impostare il colore dello sfondo Per impostare il colore dello sfondo è necessario impostare il relativo attributo del tag body. Esempi <body bgcolor= yellow"> <body bgcolor="#ffff00">
12 Inserire un immagine di sfondo Per impostare un immagine di sfondo è necessario impostare il relativo attributo del tag body. Esempio <body background= imgsfondo.gif"> L immagine viene ripetuta in orizzontale e verticale
13 Il testo in HTML Se non impostate nessun colore per il testo, di default il testo di una pagina è nero. E possibile assegnare un colore per il testo di tutta la pagina utilizzando l attributo text del tag body: <body text="red">
14 Il colore dei link Un link è, informalmente e generalmente, un ponte tra una pagina e un altra Un link testuale può avere diversi stati: Normale (link) link a riposo (colore di default: #0000FF) Visitato (visited) link visitato (colore di default: #800080) Attivo (active) link attivo (per default link con focus ) Per impostare il colore dei link di tutta la pagina si consideri il seguente esempio: <body link="red" alink="yellow" vlink="green">
15 Titoli <Hn>, dove n è un intero tra 1 e 6 Es. <H1>Primi passi in HTML (es.h1)</h1> <H2>Utilizzo dei tag Hn (es.h2)</h2> <H3>Aumentando il numero vicino la lettera H si rimpicciolisce la dimensione del carattere (es.h3) </H3>
16 Paragrafi Il paragrafo è l unità di base entro cui suddividere un testo Il tag <P> lascia una riga vuota prima della sua apertura e dopo la sua chiusura.
17 Blocchi di testo Il tag <DIV> marca un blocco di testo Il blocco di testo va a capo, ma - a differenza del paragrafo non lascia spazi prima e dopo la sua apertura
18 I contenitori generici Lo <SPAN> è un contenitore generico che può essere annidato (ad esempio) all interno dei DIV Si tratta di un elemento inline, che cioè non va a capo e continua sulla stessa linea del tag che lo include.
19 Differenza tra <P>, <DIV> e <SPAN> Riassumendo: <P> lascia spazio prima e dopo la propria chiusura <DIV> non lascia spazio prima e dopo la propria chiusura, ma - essendo un elemento di blocco - va a capo <SPAN> -essendo un elemento inline - non va a capo
20 Per allineare il testo Tutti i "tag-contenitori" che abbiamo appena visto permettono di allineare il testo utilizzando semplicemente l attributo align (disapprovato dal W3C) Esempi: Testo allineato al centro: <P align="center">testo</p> Testo allineato a destra: <P align="right">testo</p>
21 Andare a capo Per andare a capo è si utilizza il tag: <BR> Per saltare una riga ne occorrono due: <BR><BR> Un altro valido tag per dividere la pagina in parti è il tag <HR> (horizontal rule) che produce una linea orizzontale:
22 Gli stili fisici Alcuni tag per stili fisici HTML sono: <B>...</B> Grassetto <U>...</U> Sottolineato <I>...</I> Italico Esempio: Il testo: Questo <B>testo</B> è in grassetto, <I>quest altro</i> in corsivo
23 Scegliere il font desiderato HTML permette di scegliere il colore, le dimensioni e il tipo di carattere del testo racchiuso dal tag contenitore <FONT> (disapprovato dal W3C) Il tipo di carattere di default del browser è Times Non è consigliabile utilizzare caratteri troppo fantasiosi Esempi di utilizzo: <FONT face="arial">testo in Arial</FONT> <FONT face="georgia, Times New Roman, Times, Helvetica "> Georgia e caratteri simili</font>
24 Scegliere il colore del testo Impostando l attributo color del tag contenitore <FONT> si può modificare il colore dei caratteri
25 Tipi di elenchi HTML definisce tre tipologie di elenchi: Elenchi ordinati: Primo elemento ordinato Secondo elemento non ordinato Elenchi non ordinati: Primo elemento non ordinato Secondo elemento non ordinato Elenchi di definizioni La sintassi dei tre tipi di elenchi è molto simile:
26 Elenchi ordinati Elenco ordinato = serie progressiva ordinata e individuata da lettere o numeri La lista è definita con il tag contenitore <OL> (ordered list). Gli elementi sono individuati dal tag <LI> (list item) Es.
27 Liste annidate <OL> <LI>Italia <UL> <LI>Lombardia <LI>Lazio <OL> <LI>Roma <LI>Viterbo </OL> </UL> <LI>Germania <LI>Francia </OL>
28 Links e ipertestualità Il web è costituito non da testi ma da ipertesti Un link è costituto da due componenti: il contenuto che nasconde il collegamento (es. testo o immagine) La risorsa verso cui il collegamento punta Sintassi per un link verso un sito: Le risorse per webmaster sono su <A HREF= >HTML.IT</A> produce: Le risorse per webmaster sono su HTML.IT
29 I link e le risorse su web Un link può puntare verso qualsiasi tipo di risorsa identificata da una URL: Immagine.gif,.jpg,.png Documento.html,.pdf,.doc Animazioni flash, ecc. Le risorse possono essere gestite: direttamente dal browser (es. html, jpg) gestite da un programma esterno al browser (es. pdf, zip) gestite da plug-in (es. animazioni flash)
30 Inserire immagini Il tag HTML per inserire un immagine è: <IMG SRC= miaimmagine.gif > dove: IMG significa image, cioè immagine SRC significa source, cioè origine Nel tag IMG è possibile specificare altri attributi. Ad esempio: <IMG SRC= logo.gif ALT= Logo WIDTH= 224 HEIGHT= 69 >
31 Metodi di indirizzamento Indirizzo assoluto <BODY BACKGROUND=" Indirizzo relativo immagine nella stessa cartella <BODY BACKGROUND="sfondo1.jpg"> immagine nella sottocartella "immagini" <BODY BACKGROUND="immagini/sfondo1.jpg"> immagine in una cartella "immagini posta allo stesso livello della corrente): <BODY BACKGROUND=../immagini/sfondo1.jpg">
32 Cenni alle tabelle Una tabella è una griglia formata da righe e colonne COLONNA RIGA
33 Cenni alle tabelle <TABLE> <TR> <TD> apre la tabella table row : indica l apertura di una riga table data : indica una cella su una riga Esempio:
34 Cenni ai frame 2 1 3
35 Ancora HTML... Con HTML è possibile realizzare pagine web contenenti: Suoni di sfondo Form Applet java VBScript, JScript, ecc. Animazioni Flash ecc.
36 Maggiori limiti di HTML Impossibilità di essere esteso se non dal comitato W3C che rilascia nuove versioni. Ciò ha generato la cosiddetta guerra dei browser I marcatori HTML consentono solo di specificare la formattazione del documento senza possibilità di riferirsi all informazione contenuta
37 Introduzione ai Cascading Style Sheet (CSS) In HTML contenuti e stile di visualizzazione sono allo stesso livello Es. <P align= center >...</P> <FONT color= red >...</FONT> Un foglio di stile (CSS) permette di centralizzare la gestione del livello di visualizzazione Uno foglio di stile può essere: in linea (In Line Style Sheet) incorporato (Embedded Style Sheet) esterno (External Style Sheet)
38 In Line Style Sheet <HTML> <HEAD><TITLE>Cascading Style Sheet</TITLE> </HEAD> <BODY> <H1>Inline Style Sheet</H1> <H1 STYLE = "font-size:18pt; font-weight:bold"> Testo scritto</h1> <H1 STYLE = "font-size:12pt; fontweight:bold;color:#ff0000"> Testo scritto</h1>... <tag STYLE="proprietà:valore; proprietà:valore;... "></tag>
39 Embedded Style Sheet <HTML> <HEAD> <TITLE>Cascading Style Sheet</TITLE> <STYLE> BODY {font: 15pt "Arial"} H1 {font:18pt "Courier New"; fontweight:bold; color:green} H2 {font:14pt "Arial"; font-weight:normal; color:red} </STYLE> </HEAD> <BODY>...
40 External Style Sheet <HTML> <HEAD> <TITLE>Cascading Style Sheet</TITLE> <LINK REL=STYLESHEET HREF="stili.css" TYPE="text/css"> </HEAD> <BODY> stile.css file_1.html... file_n.html
41 Bibliografia e risorse on line Gottleber, Trainor: Introduzione a HTML 4 McGraw-Hill Per studiare: XML corso di programmazione (Apogeo) Cap. 1 Introduzione a Internet e al WWW (fino a 1.7 escluso) Cap. 2 Introduzione a HTML 4.1 Cap. 3 Introduzione a HTML 4.2 (consigliato)
42 Esercizi e Laboratorio HTML e CSS
43 Strumenti necessari Editor di testi ASCII Es. Notepad Software per la visualizzazione di doc HTML Es. Internet Explorer, Netscape Navigator
44 Strumenti utili Editor HTML: Es. HotDog
45 Strumenti utili Editor WYSIWYG Es. Microsoft FrontPage, Macromedia Dreamweaver
46 Strumenti utili Validate le vostre pagine all'indirizzo:
47 Domande?
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
DettagliIntroduzione 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
DettagliLinguaggio HTML (2) Attributi di <FONT> Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi:
Linguaggio HTML (2) Attributi di Per variare lo stile di carattere rispetto al default, si possono utilizzare tre attributi: SIZE= numero per modificare le dimensioni Es:
DettagliAPPUNTI 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à
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:
DettagliPrimi passi con HTML. Il documento HTML
Primi passi con HTML. Il documento HTML La mia prima pagina in HTML Questo è il corpo del documento che stiamo realizzando. Questa non è una nuova riga.
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
DettagliHTML HTML. HyperText Markup Language. Struttura di un documento. Gli elementi essenziali di un documento HTML sono i seguenti TAG: <HTML>...
HTML HyperText Markup Language Struttura di un documento HTML Gli elementi essenziali di un documento HTML sono i seguenti TAG: ... ... ... Struttura di un documento
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
DettagliHTML (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
DettagliHTML 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
DettagliIntroduzione 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
DettagliEsercitazioni di HTML
Esercitazioni di HTML a cura di Maria Finazzi (23 novembre-1 dicembre 2006) e-mail: maria.finazzi@unipv.it pagine web: Dietro una pagina web Alcuni esempi:
DettagliCorso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013
Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale
DettagliLEZIONI DI HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONI DI HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... FORMATTARE IL CARATTERE Per formattare titoli interni del documento web possiamo utilizzare i tag , ,...,
DettagliCreare 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
Dettagli- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web.
I fogli di stile. Argomenti trattati: - La formattazione con foglio di stile interno: Come dichiarare lo stile di una pagina web all'interno del suo codice. - Ereditarietà e selettori contestuali: Come
DettagliModulo 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
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
DettagliLanguage. info@settingweb.it. www.settingweb.it
HTML HyperText Markup Language Documenti ipertestuali Sono formati da documenti multimediali: testo, immagini, suoni, video, ecc Comprendono le seguenti parti: contenuto struttura presentazione Che cos
DettagliHyper Text Markup Language HTML
Operatore informatico giuridico A.A 2003/2004 I Semestre Hyper Text Markup Language HTML Dr. Raffaella Brighi HTML HTML è un linguaggio di marcatura (markup) per la creazione di ipertesti Le sezioni di
DettagliIntroduzione. Elementi di Informatica. Standard. Struttura dei TAG - 1. Annidamento e Indentazione. Struttura dei TAG - 2
Università degli Studi di Udine Facoltà di Ingegneria CORSO DI LAUREA IN SCIENZE dell ARCHITETTURA Elementi di Informatica HTML e CSS D. Gubiani HTML è l acronimo di HyperText Markup Language che tradotto
DettagliDisegnare 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
DettagliHTML, 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
DettagliEUROPEAN 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
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
DettagliCos è HTML. Hypertext Markup Language non è un linguaggio di programmazione. linguaggio 'di marcatura (Markup)
HTML Olga Scotti Cos è HTML Hypertext Markup Language non è un linguaggio di programmazione non ha meccanismi che consentono di prendere delle decisioni non è in grado di compiere delle iterazioni linguaggio
DettagliIl linguaggio HTML - Parte 4
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 4 Dott. Chiara Braghin braghin@dti.unimi.it HTML - I Riferimenti Ipertestuali Il piatto forte di tutto
DettagliCostruzione 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
DettagliWWW (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
DettagliEsercizi. Introduzione all HTML. Il WWW
Politecnico di Milano Esercizi Introduzione all HTML Il WWW Il World Wide Web: una rete di pagine connesse tra loro e distribuite su diverse macchine Il server Web contiene le pagine Web da visualizzare
DettagliItis 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
DettagliWWW.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
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
DettagliIndice 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
DettagliHTML il linguaggio per creare le pagine per il web
HTML il linguaggio per creare le pagine per il web Parte I: elementi di base World Wide Web Si basa sul protocollo HTTP ed è la vera novità degli anni 90 Sviluppato presso il CERN di Ginevra è il più potente
DettagliTutorial di HTML basato su HTML 4.0 e CSS 2
Claudia Picardi Tutorial di HTML basato su HTML 4.0 e CSS 2 Informatica II per Scienze e Turismo Alpino Docenti: Viviana Patti e Claudia Picardi 4 Tabelle 4.1 La struttura di una tabella Elementi principali
DettagliIpertesto, navigazione e cenni HTML. Lezione Informatica I CLAWEB
Ipertesto, navigazione e cenni HTML Lezione Informatica I CLAWEB 1 Il concetto di Ipertesto (1/2) Definizione: Modello testuale in cui le diverse unità di contenuti non sono articolate secondo un ordine
DettagliPer accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE.
Cos'è l'html HTML è una sigla che viene da una frase inglese che vuol dire: " Linguaggio di contrassegno di ipertesti" (Hyper Text Markup Language) L'Html non è un vero e proprio linguaggio di programmazione,
DettagliIl 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)
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
DettagliXSL: 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
DettagliI PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
DettagliGUIDA HTML 4.01 andreavasini@libero.it HTML.IT
Tutti i diritti sono riservati. Per pubblicazioni od utilizzo di questo materiale pregasi contattare l autore al seguente indirizzo: andreavasini@libero.it Andrea Vasini HTML.IT HTML.IT - Andrea Vasini
DettagliMaria 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
DettagliModulo 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
DettagliAPPUNTI DI HTML (TERZA LEZIONE)
Il web è costituito non da testi ma da ipertesti. APPUNTI DI HTML (TERZA LEZIONE) I link ci permettono di passare da un testo all altro. I link sono formati da due componenti: IL CONTENUTO "nasconde" il
DettagliLEZIONE 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
DettagliPROGRAMMA 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
Dettaglijt - joetex - percorsi didattici
jt - joetex - percorsi didattici Corso dreamweaver lezione 1 Sommario 1. Creare un sito in locale 2. creare la prima pagina Creare un sito in locale Un sito va creato tutto all'interno di un'unica cartella.
Dettagli(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
DettagliEsercitazione 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
DettagliHTML 6. I frame. Sintassi di base. I frame e DOCTYPE FRAME. ...head... <FRAMESET lista_attributi> <FRAME SRC= URL lista_attributi>
FRAME HTML 6 I frame Danno la possibilità di creare finestre multiple all'interno della finestra del browser Si riesce a suddividere la pagina in più sezioni indipendenti, ma che si possono influenzare
DettagliFondamenti di Informatica II 28. Elementi di programmazione web e linguaggi di script (1)
Cenni storici sul web (Internet) Fondamenti di Informatica II 28. Elementi di programmazione web e linguaggi di script (1) Web significa letteralmente ragnatela Avviato nel 1989 (Tim Berners-Lee) come
DettagliIl linguaggio HTML - Parte 2
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 2 Dott. Chiara Braghin braghin@dti.unimi.it Elenchi all interno di Un elenco è una sequenza
Dettaglicaratteristiche del documento </head>
HTML: sintassi caratteristiche del documento documento 21 HTML: titolo del documento
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 Progettare un
DettagliHTML 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
DettagliLEZIONE 1 HTML. Come costruire il proprio sito con pochi strumenti e tanta creatività...
LEZIONE 1 HTML Come costruire il proprio sito con pochi strumenti e tanta creatività... La struttura di una pagina web intestazione Qui si dichiara il titolo del documento
DettagliI link e l'ipertestualità
I link e l'ipertestualità I link sono "il ponte" che consente di passare da un documento all altro. In quanto tali, i link sono formati da due componenti: il contenuto che "nasconde" il collegamento (può
DettagliTecniche della comunicazione web - 8 CFU
Tecniche della Comunicazione Web A.A. 2007/08 Corso di laurea in Scienze e Cultura delle Alpi Tecniche della comunicazione web - 8 CFU DocenTe: Viviana Patti Ricercatrice Dipartimento di Informatica Università
DettagliGuida html e css base
Sommario Guida html e css base...1 Introduzione...1 Formattare il testo...4 Organizzare il testo in paragrafi...5 Creare le sezioni come in un libro...6 Creare gli elenchi...8 Inserire immagini e collegamenti...11
DettagliEsercizi di JavaScript
Esercizi di JavaScript JavaScript JavaScript é un linguaggio di programmazione interpretato e leggero, creato dalla Netscape. E' presente a patire da Netscape 2 in tutti i browser ed é dunque il linguaggio
DettagliPagine HTML. Concetti chiave. G.1 Tag. Basi del linguaggio HTML Realizzare semplici pagine HTML
Pagine HTML G Concetti chiave Basi del linguaggio HTML Realizzare semplici pagine HTML G.1 Tag Accludiamo questa appendice al fine di dare al lettore non esperto della materia gli elementi di base necessari
DettagliIntroduzione 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
DettagliCorso di PHP. Prerequisiti. 1 - Introduzione
Corso di PHP 1 - Introduzione 1 Prerequisiti Conoscenza HTML Principi di programmazione web Saper progettare un algoritmo Saper usare un sistema operativo Compilazione, link, esecuzione di programmi Conoscere
DettagliModulo 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
DettagliCorso di Informatica Umanistica - Esercitazioni C A.A. 2008-2009. Dr. Antonio Bucchiarone 23 Aprile 2009
Corso di Informatica Umanistica - Esercitazioni C A.A. 2008-2009 LEZIONE 1 ORGANIZZAZIONE ED INTRODUZIONE HTML Dr. Antonio Bucchiarone 23 Aprile 2009 Mi Presento Esercitatore: Antonio Bucchiarone SOA ResearchUnit,
DettagliCos è un word processor
Cos è un word processor è un programma di videoscrittura che consente anche di applicare formati diversi al testo e di eseguire operazioni di impaginazione: font diversi per il testo impaginazione dei
DettagliCosa vuol dire HTML? Hyper Text Markup Language
IMPARIAMO Cosa vuol dire HTML? Hyper Text Markup Language PROGRAMMIAMO IN HTML? NO! L'HTML è un linguaggio di formattazione che descrive le modalità di impaginazione o visualizzazione grafica (layout)
DettagliGUIDA ALL HTML. Creato da SUPREMO KING
GUIDA ALL HTML Creato da SUPREMO_KING 1 PREMESSE L html è il linguaggio fondamentale attraverso il quale è possibile creare delle semplici pagine web. L html non è un linguaggio di programmazione ma un
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
DettagliArchitettura a tre livelli. Lo scenario e l ambiente. HTML - Hyper Text Markup Language. Enrico Cavalli. Anno Accademico 2012-2013
HTML - Hyper Text Markup Language Enrico Cavalli Anno Accademico 2012-2013 Lo scenario e l ambiente Architettura a tre livelli 1 Server 6 Web 2 5 3 Php 4 Database Server DB 1. Il browser richiede una pagina
DettagliHTML+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
Dettagli01. 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
DettagliCimini Simonelli - Testa
WWW.ICTIME.ORG HTML Manuale introduttivo al linguaggio HTML Cimini Simonelli - Testa v.2-11/01/2008 Sommario Introduzione... 3 Formattazione della pagina... 4 Inserire un colore di sfondo... 4 Inserire
DettagliInformatica 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
Dettaglib) Dinamicità delle pagine e interattività d) Separazione del contenuto dalla forma di visualizzazione
Evoluzione del Web Direzioni di sviluppo del web a) Multimedialità b) Dinamicità delle pagine e interattività c) Accessibilità d) Separazione del contenuto dalla forma di visualizzazione e) Web semantico
DettagliAppunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005
Appunti sugli Elaboratori di Testo D. Gubiani Università degli Studi G.D Annunzio di Chieti-Pescara 19 Luglio 2005 1 Cos è un elaboratore di testo? 2 3 Cos è un elaboratore di testo? Cos è un elaboratore
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
DettagliUTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.
UTILIZZO DEI CSS FOGLI STILE Il CSS consente di associare regole stilistiche agli elementi del codice HTML come o . Queste regole definiscono l aspetto rappresentativo degli elementi HTML a cui
DettagliUniversità degli Studi di Milano
Università degli Studi di Milano Corso di Laurea in Sicurezza dei Sistemi e delle Reti Informatiche Lezioni 17 e 18 Creazione di File HTML FABIO SCOTTI Laboratorio di programmazione per la sicurezza Indice
DettagliIl linguaggio HTML - Nozioni di base (2)
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Nozioni di base (2) Dott. Chiara Braghin braghin@dti.unimi.it TAG strutturali visti fino ad ora -
DettagliAgent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma. Fondamenti di Informatica
Agent and Object Technology Lab Dipartimento di Ingegneria dell Informazione Università degli Studi di Parma Fondamenti di Informatica Reti di Calcolatori e Internet Prof. Agostino Poggi Reti di Calcolatori
DettagliIntroduzione al linguaggio HTML
Introduzione al linguaggio HTML 1 Richiami introduttivi (1) sito Internet (sito Web o sito WWW) insieme delle pagine che si riferiscono ad uno stesso utente, argomento o azienda, registrate su un server
Dettagli, utilizzando il tasto destro
HTML è l'acronimo di Hypertext Markup Language ("Linguaggio di contrassegno per gli Ipertesti") e non è un linguaggio di programmazione (sono linguaggi di programmazione il C, il C++, il Pascal, il Java,
DettagliLe 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
DettagliDichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza
Dichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza I riferimenti riguardano quanto indicato nelle Recommendation del World Wide Web Consortium (W3C) ed in particolare in quelle
DettagliRichiami 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
DettagliUn introduzione al linguaggio HTML e alla creazione di una pagina Web. Stefania Funari
Un introduzione al linguaggio HTML e alla creazione di una pagina Web Appunti per il corso di Informatica (idoneità) N-R a.a. 2001-2002 Stefania Funari Dipartimento di Matematica Applicata Università Ca
DettagliProf. 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
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
DettagliGUIDA PER LA REALIZZAZIONE DEI SITI WEB ASSOCIAZIONI LOCALI SCIENZA & VITA
GUIDA PER LA REALIZZAZIONE DEI SITI WEB ASSOCIAZIONI LOCALI SCIENZA & VITA Febbraio 2007 1. Premessa Questo breve manuale ha lo scopo di fornire le indicazioni tecniche per lo sviluppo dei siti web delle
DettagliLinguaggio HTML. Elementi di Informatica e Programmazione Università degli Studi di Brescia. Il Linguaggio HTML
Reti Linguaggio HTML 1 Il Linguaggio HTML n HTML = Hypertext Markup Language n Linguaggio di markup di tipo descrittivo (usato per descrivere e formattare documenti ipertestuali) con una sintassi prestabilita
DettagliNavigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Terza lezione) Unitre Pavia a.a.
Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Terza lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 La struttura del testo in html L'HTML fornisce una serie
DettagliCAPITOLO 6 - LINGUAGGIO HTML INTRODUZIONE
INTRODUZIONE Le pagine web sono scritte in HTML, un semplice linguaggio di scrittura. In pratica, un documento HTML non è nient'altro che un file di testo. L'HTML permette di scrivere un documento come
DettagliREPORT 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
DettagliMicrosoft Word. Nozioni di base
Microsoft Word Nozioni di base FORMATTARE UN DOCUMENTO Gli stili Determinano l aspetto dei vari elementi di testo di un documento Consistono in una serie di opzioni (predefinite o personalizzate) salvate
DettagliInformatica di Base. Programma Lezioni
Informatica di Base Lezione III Il linguaggio HTML Hyper Text Markup Language 1 Informatica di Base Programma Lezioni 1 26 ottobre Introduzione Sistema binario e formato dei dati 2 2 novembre Numeri negativi
Dettagli