Diferència entre revisions de la pàgina «M8 - Aplicacions web / Activitats UF5: HTML i CSS»

De wikiserver
Dreceres ràpides: navegació, cerca
(Exercicis HTML (20 %))
Línia 1: Línia 1:
== Exercicis HTML (20 %)==
+
==NF1: Fonaments d'HTML==
  
 +
===El llenguatge de marques===
 
# 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.  
 
# 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.  
 
# 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.
 
# 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.
Línia 11: Línia 12:
  
  
 +
:::<span style="color:red">Nom de l'activitat: </span><span style="color:green">UF5A1 Nom i primer cognom</span>
  
  
Línia 24: Línia 26:
 
::* carpeta del portal (podeu utilitzar el nom que vulgueu): dins d'aquesta carpeta creeu l'estructura adient per recollir tots els recursos del portal.
 
::* carpeta del portal (podeu utilitzar el nom que vulgueu): dins d'aquesta carpeta creeu l'estructura adient per recollir tots els recursos del portal.
  
:::<span style="color:red">Nom de l'activitat: </span><span style="color:green">UF5A1 Nom i primer cognom</span>
 
  
== Creació del Portal en HTML (80 %)==
+
== Creació del Portal en HTML==
  
 
:::<span style="color:red">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.</span>
 
:::<span style="color:red">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.</span>

Revisió del 19:25, 19 oct 2013

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: [1]. Cerca la descripció dels següents elements i digues quins elements fill tindran:
  • Element <html>
  • Element <meta>
  • Element <title>
  1. 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



  1. Feu tots els exercicis de HTML en el vostre compte del servidor webserver.
  2. Utlitzeu KompoZer com editor HTML.
  3. 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.


  1. 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