Upload
iolanda-mallorques
View
182
Download
2
Embed Size (px)
Citation preview
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.