Diferència entre revisions de la pàgina «M8 - Aplicacions web / Activitats UF5: HTML i CSS»
(→Etiquetes i atributs) |
|||
Línia 22: | Línia 22: | ||
===Etiquetes i atributs=== | ===Etiquetes i atributs=== | ||
+ | |||
+ | 1. Web "Preguntes més freqüents" | ||
+ | |||
+ | L’objectiu d’aquesta activitat és crear un lloc web de PMF (preguntes més freqüents) usant diversos recursos (X)HTML: paràgrafs, encapçalaments, imatges, llistes i enllaços. | ||
+ | |||
+ | Escolliu un tema que us interessi i penseu deu preguntes amb les respostes corresponents. L’estructura de la web ha de constar dels elements següents: | ||
+ | |||
+ | index.html: Consta d’un títol, el logotip de la web i una llista amb deu preguntes. Al costat de cada pregunta hi ha d’haver una imatge (una petita fletxa, per exemple). Aquesta imatge és un enllaç que va a la resposta de la pregunta formulada, que estarà a la pàgina resposta.html. | ||
+ | resposta.html: Consta de totes les preguntes amb la resposta. Al final de cada pregunta hi ha un enllaç per tornar a la pàgina principal (index.html). | ||
+ | |||
+ | La pàgina ha de ser vàlida per a la DTD XHTML 1.0 Strict. | ||
+ | |||
+ | 2. | ||
# Feu tots els exercicis de HTML en el vostre compte del servidor webserver. | # Feu tots els exercicis de HTML en el vostre compte del servidor webserver. | ||
# Utlitzeu KompoZer com editor HTML. | # Utlitzeu KompoZer com editor HTML. |
Revisió del 12:51, 24 oct 2013
Contingut
NF1: Fonaments d'HTML
El llenguatge de marques
1. Història i orígens: Fent una cerca per Internet, esbrina quines millores hi ha hagut en totes les versions d’HTML i d’XHTML.
2. Document XML ben format i vàlid: L’objectiu d’aquesta activitat és que, a partir d’una DTD donada, creeu un document XML ben format i vàlid. A partir de la DTD (recepta.tar.gz), que trobareu a recursos en el servidor OSIRIS, creeu un document XML ben format i vàlid que descrigui la vostra recepta de cuina preferida.
3. Document XHTML mal format: L’objectiu d’aquesta activitat és detectar els errors de sintaxi que hi ha en un fitxer que no segueix la sintaxi XML. Corregiu els errors que trobareu en el fitxer errors.html a dins de errors.tar.gz i valideu-lo amb l’eina de validació en línia que ens ofereix w3c.
4. Les DTD de la família (X)HTML: Descarrega’t la DTD del llenguatge de marques XHTML 1.0 Strict: xhtml1-strict.dtd. Cerca la descripció dels següents elements i digues quins elements fill tindran:
- Element <html>
- Element <meta>
- Element <title>
5. Documents (X)HTML bàsics:Crea els documents basic-xhtml1.html i basic-xhtml5.html amb l’estructura bàsica d’un document XHTML 1.0 Strict i d’un document XHTML5, respectivament. Valida els documents i explora’ls amb l’extensió Firebug del navegador Firefox
- Nom de l'activitat: UF5A1 Nom i primer cognom
Etiquetes i atributs
1. Web "Preguntes més freqüents"
L’objectiu d’aquesta activitat és crear un lloc web de PMF (preguntes més freqüents) usant diversos recursos (X)HTML: paràgrafs, encapçalaments, imatges, llistes i enllaços.
Escolliu un tema que us interessi i penseu deu preguntes amb les respostes corresponents. L’estructura de la web ha de constar dels elements següents:
index.html: Consta d’un títol, el logotip de la web i una llista amb deu preguntes. Al costat de cada pregunta hi ha d’haver una imatge (una petita fletxa, per exemple). Aquesta imatge és un enllaç que va a la resposta de la pregunta formulada, que estarà a la pàgina resposta.html. resposta.html: Consta de totes les preguntes amb la resposta. Al final de cada pregunta hi ha un enllaç per tornar a la pàgina principal (index.html).
La pàgina ha de ser vàlida per a la DTD XHTML 1.0 Strict.
2.
- Feu tots els exercicis de HTML en el vostre compte del servidor webserver.
- Utlitzeu KompoZer com editor HTML.
- Creeu un site amb la següent estructura:
- arrel del site: index.html amb enllaços a tots els exercicis i al portal de la segona pràctica.
- carpeta Exercicis (o similar) amb totes les planes dels exercicis.
- carpeta Imatges, dins d'exercicis, amb totes les imatges que utilitzeu amb els exercicis.
- carpeta del portal (podeu utilitzar el nom que vulgueu): dins d'aquesta carpeta creeu l'estructura adient per recollir tots els recursos del portal.
Creació del Portal en HTML
- Per a aquesta activitat cal descarregar-se la fitxa del portal des del Moodle, omplir-la amb tots els recursos utilitzats i penjar-la al moodle, en format pdf, en l'apartat corresponent.
- Característiques del portal:
- Mínim de 4 planes.
- Utilitzeu tots els recursos vistos al llarg de la unitat.
- Utilitzeu formularis i algun programa en php que respongui als formularis.
- Es valorarà la identació de les diferents planes i la utilització correcta de comentaris.
- Nom de l'activitat: UF5A2 Nom i primer cognom