0
Introducció al
llenguatge d’Internet:
HTML
Informàtica 4t ESO
Institut Joan Solà, 2013Jordi Labèrnia
Què és Internet?
• Xarxa d'abast mundial d'ordinadors
interconnectats
• Permet enviar una còpia d'un document
contingut en...
Com és un HOST?
• Connectat a Internet
sempre
• Adreça IP (Internet
Protocol) fixa
• Software per:
– compartir contingut a...
Què té un ordinador client?
• Connexió a
Internet
• Navegador (nom
prové, en part,
del Netscape
navigator)
Com es transfereix la informació?
1. Teclejo URL (Uniform Resource Locator)
2. DNS (Domain Name System) tradueix a
adreça ...
No ens arriben les webs directament! el
nostre navegador ens ho ha de
“preparar”
Com? Els navegadors tenen dues funcions
b...
Navegadors més usats
• Explorer de
• Firefox de la Fundació Mozilla
• Chrome de
• Safari d'Apple
• Opera
Codificació
• Hypertext: Informació amb text, imatges, so,
enllaços (hipervincles), etc.
• Si observem un document HTML al...
Com es dissenya en HTML?
• Per dissenyar amb codi HTML un document
cal conèixer el llenguatge, i pot ser feixuc.
• S'han d...
Editors wyswyg
• Kompozer (codi lliure)
• Macromedia Dreamweaver
• Microsoft Frontpage
Procés:
1.Editem
2.Pengem a un domi...
Aplicacions online
Permeten crear continguts sobre plantilles (més
fàcil, no modificarem gaire el format)
• Llocs web
Goog...
“I què he d’utilitzar per fer una web?”
Si vull una web
més personal:
editors
wyswyg
Si ja em van bé els
preformats (cada ...
I el HTML serveix per alguna cosa?
• Per fer modificacions més
directament:
Tamany d’una imatge, alineació d’un
objecte, e...
Gràcies per la
vostra atenció
Ara seria un bon moment per fer preguntes…
Upcoming SlideShare
Loading in...5
×

Presentacio sobre html

250

Published on

Introducció a la utilitat del HTML en la creació a Internet

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
250
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Presentacio sobre html"

  1. 1. Introducció al llenguatge d’Internet: HTML Informàtica 4t ESO Institut Joan Solà, 2013Jordi Labèrnia
  2. 2. Què és Internet? • Xarxa d'abast mundial d'ordinadors interconnectats • Permet enviar una còpia d'un document contingut en l'ordinador HOST a ordinador CLIENT
  3. 3. Com és un HOST? • Connectat a Internet sempre • Adreça IP (Internet Protocol) fixa • Software per: – compartir contingut amb l’exterior – protecció d’atacs – control d’accès
  4. 4. Què té un ordinador client? • Connexió a Internet • Navegador (nom prové, en part, del Netscape navigator)
  5. 5. Com es transfereix la informació? 1. Teclejo URL (Uniform Resource Locator) 2. DNS (Domain Name System) tradueix a adreça IP (en xifres p.e. 135.146.20.236) del servidor 3. Servidor rep la petició i comprova si té la informació 4. Servidor envia la pàgina al client 5. Navegador del client rep els recursos i els organitza per veure’ls en pantalla
  6. 6. No ens arriben les webs directament! el nostre navegador ens ho ha de “preparar” Com? Els navegadors tenen dues funcions bàsiques: • aconseguir, mitjançant el protocol HTTP, una còpia del document exterior desitjat • intepretar-lo segons el llenguatge HTML. (evolucionat a HTML5, XTML, XHTML...)
  7. 7. Navegadors més usats • Explorer de • Firefox de la Fundació Mozilla • Chrome de • Safari d'Apple • Opera
  8. 8. Codificació • Hypertext: Informació amb text, imatges, so, enllaços (hipervincles), etc. • Si observem un document HTML al navegador, veiem allò que l'autor vol, però no el codi que ho fa possible. (Hi ha opcions per veure’l) • En el codi, s’intercalen en el text, conjunts formats per una o més lletres i els signes < >: Són etiquetes (Mark-ups)
  9. 9. Com es dissenya en HTML? • Per dissenyar amb codi HTML un document cal conèixer el llenguatge, i pot ser feixuc. • S'han desenvolupat els editors del tipus wysiwyg (what you see is what you get): allò que veus és allò que obtens.
  10. 10. Editors wyswyg • Kompozer (codi lliure) • Macromedia Dreamweaver • Microsoft Frontpage Procés: 1.Editem 2.Pengem a un domini (cal allotjament!)
  11. 11. Aplicacions online Permeten crear continguts sobre plantilles (més fàcil, no modificarem gaire el format) • Llocs web Google Sites, Wix, Jimdo, Actiweb Webnode, Magix... • Blogs Blogger de Google, Wordpress, Tumblr, Blog.com...
  12. 12. “I què he d’utilitzar per fer una web?” Si vull una web més personal: editors wyswyg Si ja em van bé els preformats (cada cop hi ha més varietat): webs o blogs online
  13. 13. I el HTML serveix per alguna cosa? • Per fer modificacions més directament: Tamany d’una imatge, alineació d’un objecte, especificacions en un vídeo, detecció de problemes... • Per entendre el muntatge de documents web
  14. 14. Gràcies per la vostra atenció Ara seria un bon moment per fer preguntes…
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×