Html per traduttori
Download as PPT, PDF0 likes1,104 views
Introduzione ai principali elementi dell'HTML. Pensata per aiutare i traduttori a orientarsi nel codice delle pagine HTML. Ma anche per cercare di spiegare perch辿 "il codice 竪 poesia".
![Grazie per lattenzione! Trovate i link qui: http://delicious.com/andrea.spila/proz-webinar La presentazione invece 竪 qui: http://www.slideshare.net/andreaspila/html-per-traduttori E potete scrivermi qui: [email_address]](https://image.slidesharecdn.com/htmlprozita-110421091705-phpapp01/85/Html-per-traduttori-30-320.jpg)
More Related Content
Similar to Html per traduttori (20)
More from Andrea Spila (20)
Recently uploaded (18)
Html per traduttori
- 1. HTML per TRADUTTORI di Andrea Spila <HTML> <HEAD> <b> </b> <i> <u>
- 3. Agenda Breve storia di Internet e del web Introduzione allHTML La mia prima pagina HTML Analisi del codice
- 4. Breve storia di Internet e del web PREISTORIA 1836 Telegrafo (Cooke e Wheatstone) 1858-1866 Primo cavo translatlantico 1876 Telefono (Bell /Meucci) NASCITA DELLA RETE 1957 Lancio dello Sputnik 1958 ARPA ( Advanced Research Project Agency ) 1962-68 Commutazione di pacchetto 1969 Nasce Internet (ARPANET)
- 5. LA RETE COME MEZZO DI COMUNICAZIONE 1971 Nascita della posta elettronica 1973 FTP (File Transfer Protocol) 1974 TCP/IP I COMPUTER DIVENTANO PERSONAL 1976 Nasce il primo Apple 1981 Nasce il primo PC IBM 1984 Nasce lApple Macintosh Breve storia di Internet e del web
- 6. NASCITA DEL WEB 1989 Nasce il web 1990 Nasce lHTML (basato su SGML) 1991 Prima versione del WWW (CERN) 1993 Mosaic (primo browser HTML) 1997 Viene pubblicato lHTML 4.0 LA RIVOLUZIONE DEL WEB 1994 Uso commerciale del web 1995 100.000 siti web 1996 500.000 siti web 1997 1.000.000 siti web 2009 231,5 milioni di siti web Breve storia di Internet e del web Tim Berners-Lee
- 7. Che cos 竪 lHTML? Acronimo di HyperText Markup Language NON 竪 un linguaggio di programmazione (come C, Pascal, Java) n辿 un linguaggio di scripting (come PHP, ASP, PERL) un linguaggio di marcatura che indica il modo in cui devono essere presentati gli elementi di contenuto sulla pagina Le indicazioni sono fornite tramite marcatori detti TAG
- 8. Una metafora La pagina web HTML
- 9. Unaltra metafora La pagina web HTML
- 10. Caratteristiche dellHTML Indipendente dalla piattaforma (si pu嘆 leggere su ogni computer) Formato testo (pu嘆 essere scritto in qualsiasi editor di testo) Semplice (servono solo pochi tag di base per comporre una pagina HTML)
- 11. Tag HTML Struttura <TAG attributi> contenuto </TAG> o <TAG attributi> (tag vuoto) Annidamento <TAG1 attributi> contenuto 1 <TAG2> contenuto 2 </TAG2> </TAG1>
- 12. Tag di base <HTML> </HTML> indica il tipo di documento <HEAD> </HEAD> informazioni sul documento <TITLE> </TITLE> titolo del documento (nella HEAD) <BODY> </BODY> contenuto della pagina (visualizzato nel browser)
- 13. La mia prima pagina HTML <HTML> <HEAD> <TITLE> Titolo della pagina </TITLE> </HEAD> <BODY> Contenuto della pagina </BODY> </HTML>
- 14. Annidamento: scatole cinesi... <HTML> <HEAD> <TITLE> Titolo della pagina </TITLE> </HEAD> <BODY> Contenuto della pagina </BODY> </HTML>
- 15. ...o matriosche <HTML> <HEAD> <TITLE> Titolo della pagina </TITLE> </HEAD> <BODY> Contenuto della pagina </BODY> </HTML>
- 16. La mia prima pagina HTML
- 17. Metatag <META name="keywords" content="parolachiave1, parolachiave2, parolachiave3," /> <META name="description" content="descrizione dei contenuti della pagina" />
- 18. Tag di formattazione Stile <B> </B> grassetto (anche <STRONG>) <I> </I> corsivo (anche <EM>) <TT> </TT> telescrivente <U> </U> sottolineato <STRIKE> </Strike> barrato
- 19. Tag di formattazione (2) Titoli dei paragrafi (Heading) <Hn> Titolo del paragrafo </Hn> H1 H2 H3
- 20. Paragrafi Nuovo paragrafo <P>...</P> Contenitori <DIV>...</DIV> <SPAN>...</SPAN> Rimando a capo <BR> o <BR /> (tag vuoto)
- 21. Elenchi Due tipi di elenchi: <OL>...</OL> (elenchi ordinati) oppure <UL>...</UL> (elenchi non ordinati) I punti elenco vengono inseriti allinterno di questi tag, in questo modo : <LI>contenuto del punto elenco</LI>
- 22. Elenco ordinato <OL> <LI>Primo punto</LI> <LI>Secondo punto</LI> <LI>Terzo punto</LI> </OL> Primo punto Secondo punto Terzo punto
- 23. Elenco non ordinato <UL> <LI>Primo punto</LI> <LI>Secondo punto</LI> <LI>Terzo punto</LI> </UL> Primo punto Secondo punto Terzo punto
- 24. Immagini <IMG src=/slideshow/html-per-traduttori/7695702/terra.gif alt=La terra vista dalla luna title=La terra vista dalla luna width=90 height=90 border=0>
- 25. Immagini La terra vista dalla luna Attributo Title La terra vista dalla luna Attributo Alt
- 26. Tabelle <TABLE border="1"> 油 <TR> 油油油 <TH>Mese</TH> 油油油 <TH>Risparmi</TH> 油 </TR> 油 <TR> 油油油 <TD>Gennaio</TD> 油油油 <TD>100</TD> 油 </TR> </TABLE>
- 27. Tabelle
- 28. E infine i link ipertestuali Link a un altro documento o altra risorsa <A href= " URL " TITLE= " Elenco dei lavori " >descrizione del link</A> Link a un elemento allinterno dello stesso documento <A href="#nome>Descrizione del link</A> <A name="nome">Destinazione</A>
- 29. Analisi del codice: useit.com
- 30. Grazie per lattenzione! Trovate i link qui: http://delicious.com/andrea.spila/proz-webinar La presentazione invece 竪 qui: http://www.slideshare.net/andreaspila/html-per-traduttori E potete scrivermi qui: [email_address]
Editor's Notes
- #2: Ringraziamento AITI Ricordare precedente intervento Catania
- #5: Breve elenco delle principali date Dai militari al commercio passando per la scienza Guerra Fredda: ARPA (ricerche tecnologiche militari) Commutazione di pacchetto: ArpaNet pacchetti in giro per la rete Protocollo TCP-IP (2 protocolli) - internetworking Tim Berners-Lee e il Web al CERN Futuro: per la rete Internet sempre pi湛 la connessione wireless e su dispositivi diversi (collegamento costante) con integrazione con altre tecnologie (cellulari, UMTS) Per il Web la nascita del Web semantico (Tim B-L e il world wide web consortium www.w3.org)
- #6: Breve elenco delle principali date Dai militari al commercio passando per la scienza Guerra Fredda: ARPA (ricerche tecnologiche militari) Commutazione di pacchetto: ArpaNet pacchetti in giro per la rete Protocollo TCP-IP (2 protocolli) - internetworking Tim Berners-Lee e il Web al CERN Futuro: per la rete Internet sempre pi湛 la connessione wireless e su dispositivi diversi (collegamento costante) con integrazione con altre tecnologie (cellulari, UMTS) Per il Web la nascita del Web semantico (Tim B-L e il world wide web consortium www.w3.org)
- #7: Breve elenco delle principali date Dai militari al commercio passando per la scienza Guerra Fredda: ARPA (ricerche tecnologiche militari) Commutazione di pacchetto: ArpaNet pacchetti in giro per la rete Protocollo TCP-IP (2 protocolli) - internetworking Tim Berners-Lee e il Web al CERN Futuro: per la rete Internet sempre pi湛 la connessione wireless e su dispositivi diversi (collegamento costante) con integrazione con altre tecnologie (cellulari, UMTS) Per il Web la nascita del Web semantico (Tim B-L e il world wide web consortium www.w3.org)