Pàgines web amb HTML. Presentació Tema_9

279 views

Published on

Presentació a l'aula del Tema_9

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
279
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

Pàgines web amb HTML. Presentació Tema_9

  1. 1. Informàtica 4 ESO
  2. 2.  El llenguatge HTML (HyperText Markup Language) es basa en marques o etiquetes que permeten definir els documents d’hipertext o pàgines web. Aquests no tenen format però se’ls hi pot donar mitjançant programes més sofisticats.
  3. 3.  Les etiquetes HTML delimiten parts de la pàgina web, i aquestes s’escriuen tancades entre els símbols < y >. Per exemple:- < html >- < head>- < body>- < br>- < tr>
  4. 4.  Moltes etiquetes van aparellades. Això vol dir que quan hi ha una etiqueta que indica el començament d’una secció de la pàgina , obligatòriament n’hi ha d’haver una altra que n’indiqui el final. Exemple: < title >Títol < /title>
  5. 5.  En un document es distingeixen dues parts:1.Capçalera compresa entreles etiquetes:< head >i < /head>i indica dades sobre eldocument que no esvisualitzen.2.Cos comprès entre< body>i < /body> i inclou totallò que el navegadorvisualitzarà en obrir eldocument.
  6. 6.  Les etiquetes més comunes ens serveixen per definir (veure el llibre):-L’estructura del document-El format de presentació-Per treballar amb llistes-Per incloure hipervincles-Per treballar amb taules-Per treballar amb taules-Per treballar amb imatges
  7. 7.  En aquest pàgina hi trobareu les instruccions necessàries, pas a pas, per poder fer la vostra pàgina web. http://www.xtec.es/at_usuari/guies/internet/ web/guiahtm/html.htm
  8. 8.  Existeixen programes específics que permeten crear pàgines web de manera visual i incorporen una sèrie de plantilles que es poden facilitar l’estructura de la pàgina. Per exemple:- Adobe Dreamweaver.- Nvu (programari lliure).- Edit2Web- Microsoft Frontpage, etc.
  9. 9.  Pràctica 1_ Unitat 9: Segueix els passos següents:1.Iniciar el Bloc de notes o llibreta (fer clic albotó inicia, seleccionem Tots els programes oProgrames i elegirem Accessoris.2.Copiar-hi el contingut del text que apareix ala (fig.9.3)
  10. 10. 3. Seleccionem l’opció Anomena i desa en elmenú Fitxer.4.Selecciona els meus documents per desar-ho.5.Al camp de text Nom del fitxer posarem elvalor web1.html6.Al camp Tipus de fitxer seleccionarem el valorTots els fitxers7.Premerem el botó Desa per tancar la finestra isalvar en disc el document
  11. 11. 8. Accedirem a la carpeta Els meus documentsi hi trobarem el document desat anteriorment.9.Farem clic sobre el document web1.html ise’ns obrirà el navegador web per defecte i ensmostrarà la pàgina web que hem creat.
  12. 12.  Fes la pràctica 2 i en acabar l’exercici 1 de la pàgina 214 del llibre. En acabat capteu com a imatge el resultat i afegiu-ho en el document word d’exercicis que esteu realitzant.
  13. 13.  Pràctica 3. pàg. 217

×