HTML

PART 1
Pregunta 1
P1. Esbós del continguts web

P2. i P3. Mapa web amb l’estructura definitiva. Fitxes i noms.

Donada la poca quantitat de pàgines que necessitem per fer d’aquesta una web útil, he
pensat que tot estigui accessible des de la pàgina d’inici. Així doncs, El nombre màxim
d’enllaços serà dos. La idea és que tot ens aparegui a en forma de llista a la part esquerra delweb, deixant doncs la resta del web lliure.
La pàgina del catàleg passa a ser també botiga en línia, i estarà sola el nom de
“Xocolata”. Quan premem sobre el botó apareixerà una pregunta “Vols comprar?” i dues
respostes: “Si!”, “Deixa que ho pensi”. Si premem la primera s’obrirà el catàleg en la seva versióde botiga en línia. Si premem que la segona opció ens durà al catàleg ordinari. És important que
les novetats surtin com a primera opció (en cas que n’hi hagi). El web es mostra igual en les
dues opcions, l’única diferència que hi ha és que la primera  està configurada amb les
característiques de tenda online (per tant, mostrarà més opcions) i la segona és només el
catàleg.
La pàgina de notícies passarà a ser un canal que mostrarà una barreja entre lesnovetats del catàleg i les de les cafeteríes, però podrà integrar també notícies relatives a noves
obertures, etc. Aquesta secció es dirà “Cacaolatades” i s’ha d’anar actualitzant, com a mínim,
una vegada al mes. Tenint en compte el temps que una notícia pot passar a portada, s’ha de
generar contingut
Per poder localitzar la tenda i descobrir ràpidament on és la franquícia més propera escrea la pàgina de contacte, que s’anomenarà “Vine a veure’ns”. En ella hi ha d’aparèixer una
llista amb totes les tendes. Quan premem sobre un nom de la llista hi ha d’aparèixer la següent
informació: direcció postal, mapa, telèfon de contacte, horari.
La darrera pàgina està destinada a les franquícies, que li dona en nom, i contindrà totala informació relativa a les franquícies existents (si escau) i a les possibilitats d’obrir­ne de
noves. En obrir­la ens apareixeran dues opcions: ingressar amb les dades d’una franquícia ja
existent i  informació sobre com adquirir­ne una de nova.
El nom de les paraules que he triat per les pàgines és informal però proper. En contrast
amb l’elegància i la classe que normalment associem a la xocolatada i que predominarà en elweb, el to que s’empra és d’una conversa de “entre tu i jo”, relaxada. Penso que aquesta
combinació mescla i transmet la idea de “producte d’alta qualitat a preu assequible”.

Pregunta 2
P1. Definicions
● HTML “Llenguate de Marcat d’hipertext”
Llenguatge web estàndard que s’empra per crear pàgines web. Mitjançant una sintaxi especial
(formada per marcadors/etiquetes i atributs), especifiquem el contingut, l’estructura i el significatde cada part del text, que ha de ser interpretada pels agents d’usuari. És, doncs, una
representació textual del contingut web i del seu significat.
● Etiqueta HTML
Element bàsic de l’HTML que serveix per delimitar el contingut. Aquesta delimitació es fa
mitjançant un marcador d’inici () i un de tancament (), formant tot plegat l’element. Els
elements també poden tenir atributs, que poden modificar el comportament de l’element.L’etiquetatge ha de ser el més semàntic possible.
● Atribut HTML
Aporten informació addicional als elements (si els volem posar en cursiva, l’idioma, el tipus de
font, l’alineació del text, el tipus de suport que utilitzarà l’element,  etc.). Per tal de facilitar la
correcta identificació per part dels agents d’usuari, la majoria dels atributs i els seus valorspossibles estan definits per les especificacions HTML.

   < i   d ” o t r > / i >
 dvi=foe”
         rmrprgaSgnparf
        
           p aarfprga />
         /oy
        
En aquest cas s’aplicarà al primer i tercer paràgraf.
A part dels selector d’elements i d’atributs, també tenim els universals (selecciones tots els...