TEMA 9 DISSENY PÀGINES WEB

Informàtica 4 ESO

Treballar directament amb codi HTML

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.

ETIQUETES HTML 1

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>

ETIQUETES HTML 2

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>

DOCUMENT HTML 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.

ETIQUETES MÉS COMUNES

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

Creació pàgines web. Llenguatge HTML

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

PROGRAMES D’EDICIÓ DE WEB’s

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.

CREAR UNA PÀGINA WEB AMB EL BLOC DE NOTES.1

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 o Programes i elegirem Accessoris.2.Copiar-hi el contingut del text que apareix a la (fig.9.3)

CREAR UNA PÀGINA WEB AMB EL BLOC DE NOTES. 2

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.html6.Al camp Tipus de fitxer seleccionarem el valor Tots els fitxers7.Premerem el botó Desa per tancar la finestra i salvar en disc el document

CREAR UNA PÀGINA WEB AMB EL BLOC DE NOTES. 3

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.

Pràctica 2. Crear una pàgina web que contingui llistes.

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.

CREAR PÀGINES WEB AMB NVU

Pràctica 3. pàg. 217