Creare un sito web in html. Creare un sito web in html Prof.ssa Amalia Di Giacomo
|
|
|
- Ignazio Barbieri
- 6 anni fa
- Visualizzazioni
Transcript
1 Creare un sito web in html
2 Cosa impareremo Cos è una pagina web Come strutturare una pagina web Formattazione del testo Link e menù di navigazione Inserire immagini Motori di ricerca (posizionamento dei siti) Creare un sito web in html
3 Concetti di base Pagina WEB: è un documento scritto in linguaggio html che contiene testo, immagini, link. L estensione di questi file è.html o.htm (pagine statiche, pagine dinamiche). Un sito WEB è formato da tante pagine sottoforma di ipertesto. Spazio WEB: spazio fisico dove vengono memorizzate le pagine (15, 50, 100 Mb che si acquistano) Provider: società che gestisce il tuo spazio su un computer fornito di un software detto Server Web (IIS, Apache ecc..) dove ci sono anche altri siti. Con un particolare software si può risalire al luogo in cui si trova questo computer. Dominio: nome associato al tuo sito Web per distinguerlo da altri siti, quindi associato al tuo dominio ci sarà uno spazio web (es. Browser: software per vedere i siti e navigare al loro interno (Explorer, Firefox ecc..). Home page: è la pagina iniziale che il navigatore vede quando si collega al tuo sito che ha, in genere il nome index.html.
4 SOFTWARE Editor di pagine WEB: ti consentono di creare pagine Web senza conoscere il linguaggio html con la tecnica del WYSIWYG (what you see is what you get) e possono essere gratuiti o a pagamento. FTP: è un software che ti permette di trasferire il tuo sito dal tuo computer al tuo dominio. Anche questi si possono scaricare o vengono forniti con l acquisto del dominio. Software di grafica: per inserire loghi, banner nel tuo sito o modificare foto (Photoshop)
5 Come strutturare un sito Definire cosa mostrare e perché Es.: Affittare una casa - Descrizione - Posizione - Foto - Contatti Ognuna di queste può diventare una pagina Costruire le singole pagine che devono avere estensione.html. La home page si chiamerà index.html. Per scrivere il codice html utilizzeremo un editor di testo (es.: Blocco note)
6 html Contenuti: elementi fondamentali di una pagina scritta in html sono i tag che vengono interpretati per dare origine alla pagina visualizzata. I vari tag ci dicono, in codice html, quali sono i contenuti della pagina ed in che modo visualizzarli. Il Browser è in grado di tradurre questi segni mostrandoci l effetto grafico. I tag: sono di diverso tipo e sempre racchiusi tra <>, lavorano a coppia (apertura e chiusura) Struttura : <html> <head><title>titolo della pagina</title></head> <body>corpo della pagina</body> </html>
7 html I tag <head> e <title> danno il titolo al sito e sono molto importanti quando questo verrà cercato nei motori di ricerca (registrazione ed ottimizzazione dei siti web) All interno del tag <body> c è il corpo della pagina e quindi il suo contenuto I tag devono essere scritti preferibilmente in minuscolo e salvati con l estensione.html o.htm
8 La mia prima pagina <html> <head><title>prova pagina</title></head> <body>ciao a tutti</body> </html>
9 Formattazione del testo Grassetto: <b> </b> Corsivo: <i> </i> Sottolineato: <u> </u> A capo: <br> Per quanto riguarda il tag <br> non necessita di un tag di chiusura e, posto alla fine di un testo, ha l effetto di mandare a capo il testo successivo.
10 Formattazione del testo Esercizio n.1 Creare una pagina in cui la scritta ciao a tutti risulti scritta 3 volte su 3 righe diverse una in grassetto, una in corsivo, una in sottolineato. <html> <head><title>prova pagina</title></head> <body><b>ciao a tutti</b><br> <i>ciao a tutti</i><br> <u>ciao a tutti</u></body> </html>
11 Formattazione del testo Alcuni TAG non hanno la necessità di specificare delle opzioni come ad esempio <b>, <i>, <u>, altri necessitano invece di specificare degli attributi ai quali corrispondono dei valori come <font> o <p>. In alcuni tag si possono inserire più attributi. Tipologia dei caratteri: <font face= Arial > </font> Dimensione: <font size= 3 > </font> Colore: <font color= # > </font> Il tag <font> utilizza gli attributi: face = imposta il tipo di carattere size = imposta la dimensione del carattere color = imposta il colore del carattere
12 Formattazione del testo Nuovo paragrafo: <p> </p> Nuovo paragrafo: <div> </div> Allineamento: <p align= left,center,right > </p> Il tag <p> serve per iniziare un nuovo paragrafo e con il suo uso si va a capo lasciando una riga vuota. Il tag <div> serve per iniziare un nuovo paragrafo senza lasciare una riga vuota. Entrambi utilizzano l attributo align per allineare il testo (left, center, right, justify)
13 Formattazione del testo Esercizio n.2 Modificare l esercizio n. 1 cambiando i font ed inserendo le 3 righe in tre paragrafi. Formattare con il carattere Arial, colore Rosso, dimensione 4. Inserire un paragrafo allineato a sinistra uno al centro uno a destra. <html> <head><title>prova pagina</title></head> <body><font face="arial" size ="4" color="red"><b>ciao a tutti</b> <p align="center"><i>ciao a tutti</p></i> <p align="right"><u>ciao a tutti</u></font></body> </html>
14 Formattazione Il tag <BODY> è utilizzato, anche per impostare vari attributi di visualizzazione per il documento come: Colore di sfondo: < BODY BGCOLOR="black > Immagine di sfondo: <BODY BACKGROUND="sfondo.gif"> Colore del testo: <BODY BACKGROUND="sfondo.jpg" TEXT="white" >
15 Formattazione Titoli Un titolo è l elemento di un paragrafo che deve distinguersi dal testo normale in modo da risultare più evidente al lettore. Per i titoli HTML sono previsti sei livelli gerarchici. Il tag per definire un titolo è <Hn>... </Hn> dove n è un valore che va da 1 a 6. Ciò significa che si possono avere sei livelli di titolazione, da <H1> (livello superiore) a <H6> (livello inferiore). In visualizzazione i titoli appaiono come paragrafi a sé stanti con caratteristiche di formattazione legate al livello di titolazione.
16 Esercizio n.3 Creare una pagina web così strutturata utilizzando un colore di sfondo a scelta: DIVINA COMMEDIA INFERNO Primo Canto Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinnova la paura!
17 Formattazione Lampeggiamento <BLINK>... </BLINK> Il testo compreso tra questi due tags lampeggia. Riga orizzontale <HR> istruzione non accoppiata che crea una barra orizzontale di separazione fra un paragrafo e l'altro e prevede i seguenti attributi: SIZE = "numero" (numero in pixel o % p.e. 50%) WIDTH = "pixel" ALIGN = valore (LEFT, RIGTH, CENTER) NOSHADE Il valore dell'attributo WIDTH può essere anche espresso in percentuale della client-area del browser. Ad esempio, WIDTH=100% disegna una riga lungo tutta la larghezza dello schermo; WIDTH=50% disegna una riga di lunghezza pari alla metà di quella della finestra.
18 Elenchi puntati Per inserire in una pagina un elenco puntato possiamo scegliere l elenco ordinato o quello disordinato. Elenco disordinato: <UL> <LI> voce a <LI> vove b <LI> voce c </UL> Al tag <UL> si può aggiungere l attributo TYPE = tipo di simbolo che permette di scegliere un simbolo personalizzato. I valori previsti sono: disc: punto pieno circle: punto vuoto square: quadrato nero Elenco ordinato: <OL> <LI> voce a <LI> voce b <LI> voce c </OL> Si può aggiungere l attributo TYPE = tipo di numerazione che permette di scegliere numeri o lettere. I valori previsti sono: 1 : numeri arabi I : numeri romani maiuscoli i : numeri romani minuscoli A : lettere maiuscole a : lettere minuscole Si può anche usare l attributo START= numero per far iniziare il conteggio da un qualsiasi valore. Una eventuale intestazione dell elenco viene contenuta tra i tags <LH> </LH>.
19 Elenchi puntati Esercizio n.4 Creare una pagina che contenga l indice del testo di informatica in cui, dopo ogni capitolo sia inserita una riga orizzontale colorata, a scelta il tipo di elenco, il simbolo utilizzato e la formattazione della pagina.
20 Collegamenti Un sito web viene progettato come un ipertesto così da poter leggere ciò che contiene non solo in modo sequenziale ma passando velocemente alle parti che ci interessano. Il linguaggio HTML permette di creare i seguenti tipi di collegamento: Collegamenti tra parti del medesimo documento Collegamenti tra documenti diversi, ma collocati sullo stesso elaboratore Collegamenti tra documenti dislocati su diversi siti Internet Il tag <A> con il suo tag di chiusura </A> serve a definire il punto di partenza e il punto d arrivo del collegamento. Gli attributi sono: Href = collegamento ipertestuale (hypertestreference) Name=stringa di caratteri (nome del punto d arrivo)
21 Collegamenti tra parti del medesimo documento Quando una pagina è molto lunga si possono creare dei collegamenti all interno della stessa pagina che permettono al lettore di saltare facilmente da un punto all altro. Si definiscono, per prima cosa, le destinazioni (ancore) nei punti prescelti con il tag <A NAME= nomelink > </A> che da il nome al punto di destinazione. Si crea poi il collegamento che ci manda alla destinazione: <A href= #nomelink >link</a> Esercizio n.5 Creare un collegamento interno nella pagina dell esercizio n.4 in modo che cliccando sul testo Il programma access si visualizzi il paragrafo ACCESS secondo l esempio che segue.
22 Collegamenti <UL TYPE="square"> <LH><b>Unità 1</b></LH> <LI> <A href="#access">il programma Access</A> <LI> Tabelle.. <h2 align="center"> <A name= access">access</a></h2><br> Il programma si presenta con la stessa interfaccia grafica dei prodotti per Windows, con barra<br> del titolo, barra dei menù, icone sulla barra degli strumenti ecc..<br>
23 Collegamenti a documenti diversi collocati sullo stesso computer Si può creare un collegamento ad una file collocato sullo stesso computer per aprire un altra pagina web cliccando sul link. <A HREF = nomedelfile.html > Apri pagina</a> Si può anche creare un link per scaricare un file: <A HREF = nomedelfile.zip >Scarica file</a> Se il file è posizionato in una cartella diversa da quella in cui si trova la nostra pagina, si deve indicare, oltre al nome, il percorso del file. Si possono anche combinare i collegamenti interni ed esterni cioè puntare ad un punto specifico di un altra pagina: <A HREF = nomedelfile.html#nomelink >.</A>
24 Collegamenti a documenti diversi collocati sullo stesso computer Esercizio n.6 Creare una nuova pagina con un paragrafo del nostro testo e poi creare nella pagina es. 4 un link che la richiama.
25 Collegamenti a documenti collocati su diversi siti internet Per creare un collegamento ad un altro sito web è sufficiente inserire l indirizzo completo: <A HREF = http// > Sito della scuola</a> Si può anche inserire un indirizzo cliccabile per ottenere l invio quasi automatico del messaggio: <A HREF = lttd02000b@istruzione.it >Scrivi per informazioni</a>
26 Collegamenti ad immagini Si può creare un collegamento ad una immagine in modo da visualizzare l immagine cliccando sul link oppure inserire nella nostra pagina una immagine cliccabile in modo che cliccando sull immagine si apra un altra pagina, un altro sito, un altra sezione ecc 1) <A HREF = foto.jpg > Vai a foto</a> 2) <A HREF = nomepaginadaprire.html ><img src= nomeimmagine.jpg ></a> I file immagine che utilizziamo devono avere una estensione: jpg, bmp ecc
27 immagini Possiamo anche semplicemente inserire una immagine nella nostra pagina con il tag : <img src= nomeimmagine.jpg > Questo tag non prevede un tag di chiusura. L immagine appare allineata alla riga del testo nelle sue dimensioni originali, con gli attributi di questo tag possiamo però modificarne le dimensioni. Attributi: WIDTH e HEIGHT = Questi attributi servono per definire rispettivamente larghezza e altezza dell'immagine e se vengono omessi il browser penserà lui a cercarle automaticamente. Ecco la sintassi: <IMG SRC="immagine.gif" WIDTH=150 HEIGHT=170 > Dove WIDTH=150 è la dimensione orizzontale (larghezza) dell'immagine espressa in pixel, e HEIGHT=180 la dimensione verticale (altezza).
28 Immagini BORDER = Con l'attributo BORDER è possibile assegnare un bordo all'immagine.più grande è il numero di pixel che noi indichiamo più grande è il bordo, se diamo il valore 0 non viene visualizzato nessun bordo. Se questo attributo viene omesso il browser non assegna nessun bordo, ma se l'immagine è anche un link viene automaticamente assegnato un BORDER=1. <IMG SRC="immagine.gif" WIDTH=150 HEIGHT=170 BORDER=2 > HSPACE e VSPACE = Con questi due attributi è possibile stabilire la distanza in pixel dell'immagine dagli oggetti che si trovano ai quattro lati della stessa. HSPACE definisce la distanza dai lati destro e sinistro dell'immagine degli oggetti più vicini (testo, immagini, applet ecc.). VSPACE definisce la distanza dai lati superiore e inferiore dell'immagine degli oggetti più vicini (testo, immagini, applet ecc.). <IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 VSPACE=3 HSPACE=3 >
29 Immagini ALIGN=L'attributo ALIGN permette di definire la posizione dell'immagine rispetto al testo cioè prima, dopo. ALIGN=top: allinea la prima riga di testo sulla sinistra al top dell'immagine. ALIGN=middle: allinea la prima riga di testo sulla sinistra al centro dell'immagine. ALIGN=bottom: allinea la prima riga di testo sulla sinistra nella parte più bassa dell'immagine. ALIGN=left: allinea il testo sulla destra dell'immagine partendo dal top. ALIGN=right: allinea il testo sulla sinistra dell'immagine partendo dal top.
30 Inserire una musica di sottofondo Per inserire un suono ad esempio un file MIDI si usa il comando <BGSOUND> (che però funziona solo con Explorer) e con LOOP indichiamo il numero delle volte che il midi deve essere ripetuto. <BGSOUND SRC="suono.mid" LOOP=INFINITE> Per rendere possibile l'apertura automatica di un files audio sia con MSIE che con Netscape, si deve usare il comando <EMBED> <EMBED SRC="suono.mid" AUTOSTART=true LOOP=true> In entrambi i casi è possibile inserire oltre ai file MIDI anche files.wav. E' chiaro che se il file musicale si trova al di fuori della directory dove c'è la homepage, bisogna indicare il percorso corretto es. "../musica/suono.mid"
31 Tabelle Le tabelle sono molte utilizzate all'interno dei siti web perché permettono di dare una struttura e un ordine al contenuto anche a pagine molto complesse. Per inserire una tabella usiamo i tag <TABLE> </TABLE>. Le dimensioni vengono definite con WIDTH (larghezza) e HEIGHT (altezza) e possono essere espresse in pixel o in percentuale della pagina: <TABLE WIDTH=200> </TABLE> In questo caso la larghezza della tabella viene espressa in pixel, quindi se si sceglie questa opzione, a qualsiasi risoluzione venga vista la pagina, la misura della tabella rimarrà invariata, cioè di 200 pixel. Se si sceglie una grandezza in percentuale della pagina la tabella sarà diversa a seconda della risoluzione video utilizzata esempio: <TABLE WIDTH=50%> </TABLE>
32 Tabelle L'attributo <TABLE> genera la tabella mentre con <TR> e <TD> si definiscono i campi presenti all'interno di tale tabella. Esempio:
Spazio WEB: spazio fisico dove vengono memorizzate le pagine (15, 50, 100 Mb che si acquistano)
1 Concetti di base Pagina WEB: è un documento scritto in linguaggio html che contiene testo, immagini, link. L estensione di questi file è.html o.htm (pagine statiche, pagine dinamiche). Un sito WEB è
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML
APPUNTI DI INFORMATICA IL LINGUAGGIO HTML Vediamo le seguenti istruzioni dell HTML link permette di dare un colore alla nostra "parola calda", se questo attributo non viene esplicitato
HTML 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
Introduzione 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
Tipi di testo. Esempio 4. Enfasi. Inserire immagini. Esempio 5 INFO WEB LEZIONE N.4
Tipi di testo INFO WEB LEZIONE N.4 RAVENNA, 13 MARZO 2008 All interno di un documento HTML è possibile inserire due tipi di testo Titoli Sei livelli di grandezza , ,, Paragrafi
Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura:
COMANDI BASE HTML Ogni documento HTML è contraddistinto dai seguenti comandi di base, che ne definiscono la struttura: Nome del documento All'interno
HTML. 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
Serve 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
Corso di HTML. Prerequisiti. Modulo L3 3 Blocchi di testo
Corso di HTML Modulo L3 3 Blocchi di testo 1 Prerequisiti Formattazione di un testo Struttura a titoli di un testo Giustificazione e allineamento del testo 2 1 Introduzione In questa Unità vediamo altri
INTRODUZIONE 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
Linguaggio 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
HTML. 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:
<!-- TESTO DEL COMMENTO
Il corpo della pagina: il tag Come abbiamo già avuto modo di osservare, il tag definisce ed identifica il corpo della pagina, cioè la "porzione visibile" di un qualsiasi documento HTML. Avendo
HTML. 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
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
Corso di HTML. Prerequisiti. Modulo L2 B3-Immagini. Creazione di pagine web Visualizzazione pagine web. M. Malatesta B3-Immagini-05 09/01/2014
Corso di HTML Modulo L2 B3-Immagini 1 Prerequisiti Creazione di pagine web Visualizzazione pagine web 2 1 Introduzione In questa Unità diamo un approfondimento dell utilizzo del tag del linguaggio HTML
Prime 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
Linguaggi 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
Web. 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,
Tag <br> : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row
TAG FONDAMENTALI Tag : per definire l interruzione di riga (andata a capo)(senza tag di chiusura); sta per break row Tag , tag ,.tag : per definire le intestazioni (i titoli) e la loro
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
Il tag MARQUEE. L opzione ALIGN
Il tag MARQUEE 1 Internet Explorrer offre ai creatori Web un modo facile per inserire una sezione di testo animato in una pagina. In particolare sarà possibile visualizzare una parola o una frase che si
HTML. 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
IMMAGINI 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
Nuove pagine e collegamenti
05 Nuove pagine e collegamenti In questo capitolo In questo capitolo imparerai come realizzare un semplice collegamento da un testo a una nuova pagina, apprenderai il concetto di link di ritorno. Successivamente
Database Modulo 6 CREAZIONE DI MASCHERE
Database Modulo 6 CREAZIONE DI MASCHERE!1 Per la gestione dei dati strutturati è possibile utilizzare diverse modalità di visualizzazione. Si è analizzata sinora una rappresentazione di tabella (foglio
Creazione di tabelle.
Creazione di tabelle. Argomenti trattati: - Premessa: Cosa sono le tabelle in HTML. - Costruiamo una tabella: Come realizzare semplici tabelle con i tag principali ed i loro attributi. - Personalizziamo
HTML Guida di riferimento
Dipartimento di Elettronica ed Informazione Politecnico di Milano Informatica A - GES Prof. Plebani A.A. 2006/2007 HTML Guida di riferimento La presente dispensa e da utilizzarsi ai soli fini didattici
Guida al linguaggio HTML (HyperText Markup Language)
1 Guida al linguaggio HTML (HyperText Markup Language) Guida al linguaggio HTML (HyperText Markup Language) Sommario Guida al linguaggio HTML (HyperText Markup Language)... 1 1. Struttura di una pagina
HTML e CSS. Concetti base
HTML e CSS Concetti base Hyper Text Markup Language Structured Generalized Markup Language (SGML) Nasce in ambiente editoriale Testo non formattato ma contrassegnato da coppie di marcatori Document
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:
D 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
LE MASCHERE. Maschera standard. Maschera semplice. Questa maschera però non consente di nascondere alcuni campi e visualizza i record uno ad uno.
LE MASCHERE Inserire i dati direttamente in tabella non è agevole. Questa operazione normalmente viene svolta utilizzando le maschere. I vantaggi offerti dalle maschere sono: Aspetto grafico più accattivante
Costruire pagine per il WEB
Costruire pagine per il WEB La struttura di un sito PAGINA 1 PAGINA 6 PAGINA 2 HOME PAGE PAGINA 5 LINK ESTERNI PAGINA 3 PAGINA 4 Elementi della Home Page Banner Menu di naviga zione Indirizzo Notizie principali
Programmazione Web D 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 HTML: HyperText Markup Language Standard
DEFINIZIONI SMART E RELATIVE ESERCITAZIONI. MODULO 2 Creazione e gestione di documenti di testo
DEFINIZIONI SMART E RELATIVE ESERCITAZIONI MODULO 2 Creazione e gestione di documenti di testo MODULO 2 CREAZIONE E GESTIONE DI DOCUMENTI DI TESTO Primi passi con un word processor L elaboratore di testi
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:
Università degli studi di Verona. Corso di Informatica di Base. Lezione 4 - Parte 2. Rifinitura di un documento
Università degli studi di Verona Corso di Informatica di Base Lezione 4 - Parte 2 Rifinitura di un documento In questa seconda parte vedremo le principali rifiniture di un documento. In particolare: 1.
@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
Informatica (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
Fondamenti 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
Guida a WordPress. 1. Iscrizione a Wordpress
Guida a WordPress 1. Iscrizione a Wordpress Digitare il seguente indirizzo: https://it.wordpress.com/ Cliccare su Crea sito web Scegliere un tema, ovvero la struttura principale che assumeranno le pagine
Storia 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
Informatica d ufficio
Informatica d ufficio Anno Accademico 2008/2009 Lezione N 3 Microsoft Word - prima parte Microsoft Word E un Word processor,cioè un programma che consente di creare e modificare documenti. Prevede numerose
MICROSOFT 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
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
a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML
a cura di Romina Biava HTML IMMAGINI ELENCHI TABELLE LINK FRAME FORM STRUTTURA DI UNA PAGINA HTML Le pagine web consistono in una "testa", in inglese head e un "corpo", detto anche body.
Word Elaborazione di testi
Fondamenti di informatica Cos è Word? Word è un word processor WYSIWYG (What You See Is What You Get) in grado di soddisfare molte esigenze di word processing e desktop publishing Word Elaborazione di
PRONTUARIO PER LA GESTIONE DEL SITO DELLE CIRCOSCRIZIONI
PRONTUARIO PER LA GESTIONE DEL SITO DELLE CIRCOSCRIZIONI 1. ENTRARE NEL SISTEMA DI GESTIONE DEL SITO Per accedere al gestionale del sito è necessario fare il login con il nome utente e la password usati
Immaginiamo 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
APPUNTI DI HTML (QUARTA LEZIONE)
APPUNTI DI HTML (QUARTA LEZIONE) 1. LA STRUTTURA BASE DELLE TABELLE Le tabelle sono una parte estremamente importante del codice HTML. Sono uno strumento indispensabile per gestire i layout grafici. Immaginiamo
HTML Tutorial HTML By A.C. Neve 1
HTML Tutorial HTML By A.C. Neve 1 Il linguaggio HTML (Hyper Text Markup Language) è il più diffuso linguaggio per la creazione di pagine WEB. La creazione di un documento HTML si effettua con un qualsiasi
HTML HTML HTML HTML. Le basi del linguaggio HTML. Marco Gribaudo
Le basi del linguaggio Marco Gribaudo marcog@di.unito.it http://www.di.unito.it/~marcog/savigliano E il linguaggio base per produrre documenti per World Wide Web (Internet) Documenti WEB: pagine ipertestuali
Il linguaggio HTML - Parte 5
Corso IFTS Informatica, Modulo 3 Progettazione pagine web statiche (50 ore) Il linguaggio HTML - Parte 5 Dott. Chiara Braghin braghin@dti.unimi.it Frame I frame (cornici) permettono di suddividere la finestra
Interfaccia di Word. Scheda File: contiene i comandi per intervenire sul documento, come Nuovo, Apri, Salva con nome, Stampa e Chiudi.
Interfaccia di Word Barra del titolo: visualizza il nome di file del documento appena creato o che si sta modificando. Sul lato destro sono visibili i pulsanti Riduci a icona, Ripristina e Chiudi. Barra
Introduzione all HTML
prof. ing. Dino Molli SVILUPPO SOFTWARE - FORMAZIONE E CONSULENZA INFORMATICA MARIGLIANO (NA) http://www.dinomolli.it info@dinomolli.it Dispense a cura del prof. ing. Dino Molli Introduzione all HTML Introduzione
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
Tabelle. Esempio 20. Inserire righe e colonne. Dimensioni delle tabelle. Attributi del tag TABLE INFO WEB LEZIONE N.6
Tabelle INFO WEB LEZIONE N.6 RAVENNA, 2 APRILE 2008 In HTML le tabelle vengono largamente utilizzate per organizzare i dati in tabelle creare il layout della pagina servendosi di tabelle nascoste Si definiscono
WEB. 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
Basi 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
INTRODUZIONE A WORD CHE COS E WORD AVVIARE E CHIUDERE WORD INTERFACCIA UTENTE DI WORD
INTRODUZIONE A WORD CHE COS E WORD Word è il software che consente di creare documenti testuali utilizzando un computer. Consente anche di inserire nel documento oggetti come: Fotografie Immagini Disegni
Tabelle. Verdi A. Bianchi B. Rossi C. 12/02 Trasferta a Milano. Corso in sede. Riunione Ispettori a Milano Riunione in sede.
1 Tabelle Una tabella è una griglia composta da righe e colonne: l intersezione fra una riga e una colonna si chiama cella ed è un elemento di testo indipendente che può avere un proprio formato. Spesso,
Progettazione multimediale
Progettazione multimediale Le tabelle 1 Obiettivi Perché si usano le tabelle Le proprietà delle tabelle Inserimento e modifica delle proprietà 2 Perché si usano le tabelle Una pagina Web è formata da testo
Capitolo X Esercitazione n. 10: Word e HTML
Capitolo X Esercitazione n. 10: Word e HTML Scopo: Creare un semplice sito web con Microsoft Word. Il sito web è composto da una home page, e da altre due pagine (curriculum e hobby) ad essa collegate
FORMATTAZIONE DEL DOCUMENTO - WORD 2007
FORMATTAZIONE DEL DOCUMENTO - WORD 2007 Cosa si intende con il termine FORMATTARE: significa cambiare la forma, personalizzare il contenuto, come ad esempio centrare il testo, ingrandirlo, metterlo in
WEB I FOGLI DI STILE. Gabriele Murara
WEB I FOGLI DI STILE Gabriele Murara 1 Cosa sono e a cosa servono HTML dovrebbe essere visto semplicemente come un linguaggio strutturale, alieno da qualunque scopo attinente la presentazione di un documento
Germano Pettarin. Manuale HTML
A01 99 Germano Pettarin Manuale HTML Copyright MMVII ARACNE editrice S.r.l. www.aracneeditrice.it info@aracneeditrice.it via Raffaele Garofalo, 133 A/B 00173 Roma (06) 93781065 ISBN 978 88 548 1371 7 I
Scelta 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.
Corso base Redattore WEB
Corso base Redattore WEB Autenticazione Utilizzare come browser «Mozilla Firefox» o «Chrome» (NON USARE «explorer») Digita sulla barra dell url l indirizzo «www.comune.genova.it/user» Si aprirà una finestra:
nome di un menu per visualizzarlo e poi selezionate facendo clic sul comando che vi interessa.
1 (conoscere le basi di Excel) < I controlli della. Finestra > La finestra di apertura di Excel presenta una cartella di lavoro vuota; la finestra del programma occupa tutto lo spazio dello schermo, mentre
DYNAMIC SLIDER NEWS2 PRO
Dynamic Sliders News2 PRO, consente di visualizzare in uno slider le immagini abbinate ai contenuti e loro brevi descrizioni che volete pubblicare nel modulo. Il modulo Dynamic Slider Newse PRO e completamente
Presentazione con PowerPoint
Presentazione con PowerPoint L applicazione PowerPoint permette di creare documenti da mostrare su diapositive per presentazioni. Sarai facilitato nell utilizzo di PowerPoint perché molti pulsanti e molte
Cimini 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
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
Tabelle HTML. Tabelle Un po di notazione.
Tabelle HTML!! Le tabelle in HTML permettono di rappresentare tabelle di dati ", ma anche di formattare del testo, delle immagini, altre tabelle in righe e colonne, possono cioè essere usate per l impaginazione
3.6.1 Inserimento. Si apre la finestra di dialogo Inserisci Tabella:
3.6.1 Inserimento Per decidere dove collocare una tabella è necessario spostare il cursore nella posizione desiderata. Per inserire una tabella esistono diversi modi di procedere: Menù Tabella Inserisci
LEZIONE NO. 4: IMMAGINI E LINK: <IMG> <A HREF> DI ATTILIO ABBIEZZI
HTML BASE LEZIONE NO. 4: IMMAGINI E LINK: DI ATTILIO ABBIEZZI FONTI: HTML.IT 1 inserire immagini Internet, solo negli ultimi 10 anni affermatasi come media di massa, è stato per lunghi
LINGUAGGI 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
PowerPoint: 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
Elementi 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
MODULO 7 HTML HTML. HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali
MODULO 7 HTML MODULO 6 - HTML 1 HTML HTLM (Hypertext Markup Language) è un linguaggio per la creazione di documenti ipertestuali e ipermediali Un sistema ipertestuale è un insieme di nodi connessi da collegamenti.
Visualizzare o modificare il codice sorgente del documento (per utenti avanzati,linguaggio HTML).
Manuale FckEditor In questa sezione è possibile avere una rapida panoramica su tutte le funzioni disponibili nella barra degli strumenti predefinita FCKeditor. Tale componente lo ritroverete in gestione
I PRINCIPALI TAG DEL LINGUAGGIO HTML
Struttura generica di una pagina Web: I PRINCIPALI TAG DEL LINGUAGGIO HTML Titolo
Presentazione con PowerPoint
Presentazione con PowerPoint L applicazione PowerPoint permette di creare documenti da mostrare su diapositive per presentazioni. Sarai facilitato nell utilizzo di PowerPoint perché molti pulsanti e molte
Modulo 4.1 Elaborazione Testi
Modulo 4.1 Elaborazione Testi 1 Elaborazione Testi Concetti generali Definizione: Un elaboratore di testi (o word processor) e un software applicativo che consente di produrre documenti testuali come lettere,
Sommario. Nozioni di base su HTML
Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................
Il giorno 18 febbraio 2013 verrà effettuato un esame finale (test) di verifica
Titolo del corso Docente Obiettivi del corso Principali argomenti Prerequisiti Sede Calendario Modalità di svolgimento Esame Finale Microsoft Word Livello base Giuseppe Contu Alla fine del corso l allievo
Piccola guida a Sigil. Corso AD Roma XIII Olga Mannella
Piccola guida a Sigil Sigil è un vero e proprio editor di files epub, che non necessita (anche se la cosa rimane possibile) la creazione del testo base con altri editor di testo. Si tratta di un programma
Microsoft Word (parte I) Mirko Gombia Università di Bologna
Microsoft Word (parte I) Mirko Gombia Università di Bologna Cenni preliminari Microsoft Word è un programma del pacchetto Office di Microsoft È un software dedicato alla creazione di testi, ma non solo
Opzioni contenitore Prodotti
Opzioni contenitore Prodotti Clicca il pulsante destro del mouse sul contenitore prodotti per accedere alle opzioni. Clicca il pulsante OPZIONI del menù che appare. Adesso puoi accedere a tutte le opzioni
DEFINIZIONI SMART E RELATIVE ESERCITAZIONI. MODULO 4 Realizzazione di semplici presentazioni multimediali
DEFINIZIONI SMART E RELATIVE ESERCITAZIONI MODULO 4 Realizzazione di semplici presentazioni multimediali MODULO 4 REALIZZAZIONE DI SEMPLICI PRESENTAZIONI MULTIMEDIALI Sviluppare una presentazione Le presentazioni
HTML (Hyper Text Mark-up Language)
1 Ipertesto HTML (Hyper Text Mark-up Language) Informatica e laboratorio Biotecnologie 2005-2006 Un ipertesto è un testo che può essere letto sequenzialmente oppure seguendo i rimandi (link) associati
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
NOZIONI BASE DI HTML
NOZIONI BASE DI HTML Aggiornato al 06 marzo 2006 Ermes ZANNONI (ermes@zannoni.to.it) (http://www.zannoni.to.it) Indice : 1. Introduzione 2. Tag di default 3. Formattazione del testo 3.1 Dimensione del
Hyper 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
LEZIONE NO. 2: <BODY> E TAG DI FORMATTAZIONE DEL TESTO DI ATTILIO ABBIEZZI
HTML BASE LEZIONE NO. 2: E TAG DI FORMATTAZIONE DEL TESTO DI ATTILIO ABBIEZZI FONTI: HTML.IT 1 Impostare lo sfondo L'operazione successiva all'impostazione del documento è la definizione
l'editing delle pagine web non è nella forma ma nella metodologia di costruzione e di pubblicazione.
CHE COS'È UNA WEB-UNIT? Web-unit è uno strumento per la costruzione di pagine web: la differenza con altri strumenti per l'editing delle pagine web non è nella forma ma nella metodologia di costruzione
Modulo 3 - Elaborazione Testi 3.4 Oggetti
Università degli Studi dell Aquila Corso ECDL programma START Modulo 3 - Elaborazione Testi 3.4 Oggetti Oggetti: le tabelle Gli oggetti sono entità, diverse da un testo, dotate di un propria identità:
Video Scrittura (MS Word) Lezione 1 Funzioni di base
Video Scrittura (MS Word) Lezione 1 Funzioni di base Cos e un programma di Video Scrittura Un programma di Video Scrittura serve per effettuare tutte quelle operazioni che consentono di creare, modificare,
Video Scrittura (MS Word)
Video Scrittura (MS Word) Ripasso/approfondimento: Il Menù Home di Word Rivediamo i principali comandi presenti nel Menu Home di Word A sinistra troviamo le icone dei comandi di: Taglia, Copia e Incolla.