Premettendo che tutto quello che vedrete potrà essere usato contro di voi allesame ( e statene pur certi che lo useranno)….. …. E che DEBBI ENRICO è un.

Slides:



Advertisements
Presentazioni simili
Come si crea un Sito Web a cura del Prof. Sampognaro Giuseppe
Advertisements

Introduzione all’HTML
HYPER TEXT MARK-UP LANGUAGE
HTML Hyper Text Mark-Up Language. HTML Hyper Text Mark-Up Language Linguaggio di marcatura per ipertesti E un linguaggio di formattazione usato per descrivere.
A. FERRARI Alberto Ferrari. L'HyperText Markup Language (HTML) (traduzione letterale: linguaggio di marcatura per ipertesti) è un linguaggio usato per.
HTML Hyper Text Mark-Up Language. HTML Hyper Text Mark-Up Language Linguaggio di marcatura per ipertesti E un linguaggio di formattazione usato per descrivere.
HTML.
HTML LE PAGINE WEB COME SI SA, INTERNET E UN SISTEMA MONDIALE DI RETI DI COMPUTER CHE PERMETTE DI UTILIZZARE UN SISTEMA DI CONNESSIONE TRA COMPUTER.
Dal testo all’ipermedia
INTERNET : ARPA sviluppa ARPANET (rete di computer per scopi militari)
Che cosè? Che cosè? Che cosè? Che cosè? Come creare una pagina… Come creare una pagina… Come creare una pagina… Come creare una pagina… inserire testi,immagini,tabelle…
Il linguaggio HTML.
1 Scoprire e capire HTML Creare semplici pagine WEB Maria Laura Alessandroni.
STRUMENTI DI PRESENTAZIONE
Ipertesto, navigazione e cenni HTML
Laboratorio di Applicazioni Informatiche II mod. A
HTML il linguaggio per creare le pagine per il web Parte I: elementi di base.
Architettura del World Wide Web
Laboratorio di Informatica di Base Laboratorio di Informatica di Base Laurea in Informatica Multimediale Docente: Andrea Fusiello profs.sci.univr.it/~fusiello.
IL FORMATO DEI FILE E IL FILETYPE (ESTENSIONE) Formato dei file 10 marzo 2012 Informatica prof. Giovanni Raho anno
Internet Explorer Il browser.
CORSO DI INFORMATICA LAUREA TRIENNALE-COMUNICAZIONE & DAMS
HTML HyperText Markup Language
Corso di PHP.
HyperText Markup Language 17-23/6/08 Informatica applicata B Cristina Bosco.
Alcune strategie per Word
POWERPOINT Breve guida all’uso di uno strumento utile per le presentazioni Fare un ipertesto, per alunni e docenti, può essere una grande ambizione,
Modulo 7 – reti informatiche u.d. 3 (syllabus – )
WORLD WIDE WEB Il World Wide Web (Web, WWW o W3) è un'architettura software utilizzata per fornire l'accesso e la navigazione ad un insieme molto vasto.
Classe 5 A Pr1 Il Sito Web Internet è la rete mondiale grazie alla quale possiamo comunicare via computer con ogni parte del globo. Di Internet fa parte.
2a Lezione: Martedì 6 Febbraio – HTML Comandi base
Costruire pagine per il WEB
Internet L’essenziale.
Multimedialità, ipertesti e Web
Introduzione a PowerPoint
HTML Lezione 8 I collegamenti ipertestuali (link).
Paragrafi e allineamenti
Il linguaggio HTML Le pagine web sono file di testo scritte utilizzando il linguaggio HTML. I documenti HTML vanno racchiusi dentro una coppia di TAG.
BIOINFO3 - Lezione 101 GLI IPERTESTI Una delle innovazioni introdotte da HTML e dal WWW in generale, rispetto ad un testo normale è sicuramente la possibilità
Il Linguaggio HTML “Profe, ma io a casa l’HTML non ce l’ho!“
Il linguaggio HTML Antonella Schiavon – settembre 2008 rev. 1 – aprile 2011.
HTML HyperText Markup Language Linguaggio per marcare un’Ipertesto
Prof. Reale Nicola Studentessa Parcesepe Federica
Pagine Web statiche: HTML
HTML Gli elementi principali di una pagina Web. Titolo: 2  Attribuisce un titolo alla pagina  Il titolo è visibile nella “barra del titolo” del browser.
Prof.ssa Stella Beccaria a.s. 2013_2014
POWER POINT.
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.
FONDAMENTI DI INFORMATICA
CORSO Di WEB DESIGN prof. Leonardo Moriello
Creazione di pagine per Internet Brevi note a cura di Emanuele Lana
Word: gli strumenti di formattazione
Lezione 11 Riccardo Sama' Copyright  Riccardo Sama' Excel.
Internet e HTML Diffusione di informazioni mediante la rete Internet.
7ª Lezione: Martedì 13 Marzo - Dreamweaver
Lezione 19 Riccardo Sama' Copyright  Riccardo Sama' Access.
Microsoft Word Lezione 6 Riccardo Sama' Copyright  Riccardo Sama'
Lezione 20 Riccardo Sama' Copyright  Riccardo Sama' PowerPoint.
INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.
PROGETTO… Internet Providers, registrazione del dominio Costruire una home page … e renderla visibile sul Web.
Fondamenti di Markup Languages: Richiami di HTML © 2005 Stefano Clemente Stefano Clemente
ELABORAZIONE TESTI MICROSOFT WORD EM 09.
Creazione di pagine per Internet Brevi note a cura di Emanuele Lana
9 Word terza lezione.
Gli indirizzi delle pagine Web Prof. Cristina Sanvito e Renzo Didoni.
Il linguaggio HTML Introduzione Formattazione Multimedialità.
Impariamo ad usare Excel. Utilizzare l’interfaccia Avviare Excel e iniziare ad esplorare l'interfaccia per acquisire familiarità con esso… Non c'è modo.
Planet HT – Genova - Elisa Delvai
Prof. P.Sanna - Prof.ssa D.Lecca Corso A programmatori 1 La gestione delle risorse e dei file.
HTML. Pagina HTML Struttura Titolo Hello World! Paragrafo apre il documento html contiene informazioni come il titolo della pagina, i meta tags, la codifica.
Transcript della presentazione:

Premettendo che tutto quello che vedrete potrà essere usato contro di voi allesame ( e statene pur certi che lo useranno)….. …. E che DEBBI ENRICO è un egiziano,…..

La PELOS production & L A Vòi andèr a lavùrèr ENTERTAINMENT Vi presentano:

Un film di Carlo Vanzina...

Anzi no….. Una presentazione de...

IL MAGICO MONDO DEL LINGUAGGIO HTML Zini Maura & Anselmo Silvia Copyrights

Cenni storici: Per linguaggio html, si intendono quei linguaggi usati per la realizzazione delle pagine web e per la pubblicazione di queste ultime sulla rete mondiale (World Wide Web). Con questi linguaggi, è possibile realizzare degli IPERTESTI ( insieme di documenti che permettono la loro consultazione in modo sequenziale, tramite dei link con il quale basta cliccarci sopra con il mouse. I documenti creati con questo linguaggio, oltre che elementi testuali possono contenere immagini, suoni, filmati, ed ogni altro genere di oggetto multimediale. Per passare da un documento ad un altro, come abbiamo già detto, si usano i link, che non sono altro che delle parole chiave od oggetti tramite i quali, con un click del mouse è possibile effettuare questo tipo di passaggio, che viene definito NAVIGAZIONE

Il termine HTML sta per HYPER TEXT MARKUP LANGUAGE, e cioè un linguaggio che usa i vantaggi e le prestazioni derivanti dallorganizzazione ipertestuale e dalluso di oggetti multimediali. Questo tipo di linguaggio è diventato il linguaggio standard per la creazione dei documenti internet, ed è di semplice modificazione in quanto basta un editor di testi per poter effettuare modifiche. Oggi, tutti le più recenti versioni di programmi per lufficio tipo Excel, Word, Access e lo stesso Powerpoint, offrono la possibilità di creare degli ipertesti.

Differenze di estensione dei file In genere, i file in formato ipertestuale, hanno una estensione.html, ma in qualche caso è possibile trovare anche dei.htm. Quale è la loro differenza? In realtà nessuna, perché quelli con estensione htm, usano delle regole derivanti dal vecchio sistema operativo DOS, che prevedeva luso di 3 caratteri per lidentificazione del tipo di file.

Da cosa è formato un documento html? caratteri ASCHII Tag (caratteri specifici del linguaggio html che permettono la creazione di di elementi caratteristici dellipertesto quali i LINK )

Cosa sono i link Mezzi di collegamento tra un documento ed un altro, sia in rete locale e non, tramite degli indirizzi chiamati URL (Uniform Resource Locaro), tramite i quali è possibile identificare ogni file ed ogni servizio in internet.

STRUTTURA DEL CODICE Intestazione Corpo del documento

Alcuni codici essenziali: … per avere il testo in neretto … per modificare la dimensione del carattere, dove la lettera n sta per il numero (1-6) che indica la grandezza del carattere, andando dal più grande (1) al più piccolo (6) … per avere il testo inclinato … per avere il testo sottolineato … per stabilire i paragrafi … per mandare il testo a capo anche nella visualizzazione (in quanto nella pagina del codice, il tasto invio non influenza la visualizzazione del documento, ma solo quella del codice. In poche parole serve per non dover muovere la barra di scorrimento per poter leggere quello scritto). … per lasciare una riga tra un paragrafo e laltro

Altri codici … per stabilire il titolo da dare alla pagina che verrà visualizzato sulla barra superiore della finestra. Questa funzione permette la ricerca tramite i motori di ricerca

I colori nel linguaggio html Luso dei colori nel linguaggio html, è molto particolare in quanto vengono usato 3 colori base, il rosso, il verde ed il blu, e vengono indicati con il termine RGB ***,***,*** dove al posto degli asterischi vi sono valori compresi tra , e la modificazione di tali valori, modifica e le tonalità dei 3 colori base, che mischiati tra loro danno origine agli altri colori. I colori sono applicabili ad oggetti quali: sfondo della pagina caratteri

Ancora qualche nozione sui colori I colori vengono letti dal browser (programma per la lettura delle pagine in formato html), tramite il loro nome espresso in codice esadecimale. (es il nero è scritto ). Nei moderni programmi per la costruzione di pagine web, è possibile stabilire il colore tramite il Tag BGCOLOR= Black, quindi tramite luso di nomi simbolici

Struttura dei link Dando per scontato che abbiate capito tutto quello detto fin ora, e ricordando che cosa è un link, passiamo alla sua struttura. Il tag corretto per la definizione di un link è: Nome od oggetto da trasformare in link dove la lettera A sta per àncora, cioè aggancia.Si noti che è possibile anche fare un collegamento anche in una stessa pagina, magari portando lutente alla fine o allinizio di un testo molto lungo che richiede la barra di scorrimento per la consultazione, tramite dei tasti o delle parole è possibile effettuare link a caselle di posta elettronica tramite il comando scrivete a un figo

Nomi dei file I nomi dei file sono molto importanti nel linguaggio html, perché basta un piccolo errore di disattenzione per far si che un link non funzioni. I nomi standard per le pagine di html sono: Index Oppure Home Queste sono le pagine che vengono elette in automatico alla digitazione dellurl della pagina desiderata Nei sistemi operativi di ultima generazione tipo LINUX, cè il riconoscimento dei caratteri maiuscoli-minuscoli, diventa quindi fondamentale non sbagliare a scrivere il nome del file, perché il documento Prova.html, al sistema, non risulta uguale s prova.html

Inserimento di oggetti multimediali È possibile inserire oggetti multimediali quali immagini, filmati, immagini animate. Le immagini visualizzabili sono di vario tipo: GIF: Rappresentano lo standard di compressione per le immagini. E possibile compiere brevi animazioni JPEG: Formato che concilia la qualità con la grandezza del file, ha la qualità di un file bmp, ma è 10 volte più piccolo BMP: è un immagine ad alta qualità, ma non compressa, inadatta allambiente internet, perché è molto pesante da caricare WMF: (Windows Meta File) è un file che contiene le informazioni per descrivere un altro file. È un formato di tipo vettoriale in quanto permette la modificazione dellimmagine sullo schermo tramite trascinamento, senza perdita di qualità TIFF: è un formato che permette lo scambio di immagini bitmap tramite programmi applicativi diversi quali ad esempio lo scanner

I frame I frame sono una tecnica di costruzione delle pagine internet particolare, in quanto permettono di dividere lo schermo in finestre di diversa grandezza, a piacere dellutente/programmatore tramite il comando … per aprire una zona adibita alla costruzione della tabella … per stabilire il numero di righe … per stabilire il numero delle colonne

quindi per visualizzare una tabella a 2 righe e 3 colonne la struttura sarà: dato1 dato2 dato3 dato4 dato5 dato6 Dato1Dato2Dato3 Dato4Dato5Dato6

Grazie per lattenzione concessami E ricordate che...

Gp di spagna: dominano i FULMINI ROSSI Dont worry McLaren Fans, Life is a storm, take it in a bum is a flashlight -Pelo- Untitled