Presentació a l'aula del Tema_9

1. Informàtica 4 ESO

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.  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.  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.  En un document es
distingeixen dues parts:
1.Capçalera compresa entre
les etiquetes:
< head >i < /head>
i indica dades sobre el
document que no es
visualitzen.
2.Cos comprès entre
< body>i < /body> i inclou tot
allò que el navegador
visualitzarà en obrir el
document.

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.  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.  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.  Pràctica 1_ Unitat 9: Segueix els passos
següents:
1.Iniciar el Bloc de notes o llibreta (fer clic al
botó inicia, seleccionem Tots els programes o
Programes i elegirem Accessoris.
2.Copiar-hi el contingut del text que apareix a
la (fig.9.3)

10. 3. Seleccionem l’opció Anomena i desa en el
menú Fitxer.
4.Selecciona els meus documents per desar-ho.
5.Al camp de text Nom del fitxer posarem el
valor web1.html
6.Al camp Tipus de fitxer seleccionarem el valor
Tots els fitxers
7.Premerem el botó Desa per tancar la finestra i
salvar en disc el document

11. 8. Accedirem a la carpeta Els meus documents
i hi trobarem el document desat anteriorment.
9.Farem clic sobre el document web1.html i
se’ns obrirà el navegador web per defecte i ens
mostrarà la pàgina web que hem creat.

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.  Pràctica 3. pàg. 217