Marcos Baldovi Martínez.

1) RESPOSTES

La distribució del contingut a segut bastant senzilla. He creat 3 etiquetes de HTML5 <header>; <section>; i <footer>; que ens distribueix la pàgina d'una manera senzilla.En el header es troba l'etiqueta <nav>; que es l'etiqueta de html5 per a situar dins la fulla el menu principal. El navegador del site es troba dins les etiquetes de Html5 "nav". Hem creat una llista, i a partir d'ahi tenim un menú que enllaça amb una classe que es diu "selected" que depenent de la pàgina que ens trobem la classe fa que el boto sigui diferent del de la resta. Així sabem en tot moment on ens trobem.

Tota la fulla ha segut realizada mitjançant llistes desordenades totes les llistes es troben dintre de les etiquetes <section> </section>

El peu de la pàgina es troba dintre de l'etiqueta <footer>.

1.2) CSS RESPOSTES.

En aquesta seccio descriurem el funcionament del css del menu de la pàgina i també les característiques dels estils de lletra del te

El menú este creat en una llista desordenada però amb la l'opció "display:inline-block;" que ens alinea els botons en horitzontal. Aquests tenen els cantons arrodonits, i són decolor verd quant t'aproximes al tindre activades les funcions a:hover, a: focus varia els colors inicials tant si ens apropem o si polsem el botó.

Per als titulars hem gastat una etiqueta <h4>; que ressalta les preguntes sobre les respostes tot .

2) FORMULARI

La part HTML 5 d'aquesta secció és bastant senzilla, ja que el peu i la capçalera l'heretà de la pàgina anterior, sols una cosa canvia la class "sellected" ara es troba en la part de llista on tenim l'enllaç de formulari per a referenciar i indicar al visitant en quina pàgina es troba.

El formulari de la web es un basa en els buscadors de viatges i hospedatges

el formulari tambe esta construit a base de llistes desordenades, pero respectant en totmoment l'estructura demanada. EL formulari esta dividit en 3 parts

A) DESTINACIÓ

"Les llistes d'opcions son de gran ajuda per als formularis, ja què en un mateix camp tenim un contenidor de 10 paisos encara que podrien ser mes. Els formularis en llistes d'opcions són de gran ajuda per a consultar. Ja que visualment les seves opcions són atractives i sencilles per utilitzar per part de l'usuari."

També disposem inputs tant per a validació("checkbox") com de confirmació ("radio"). En aquesta secció del formulari els de validació ens serveixen per a poder escollir a

l'hora de buscar si volem buscar hotels, apartaments, etc en la mateixa cerca. Els radiobuttons tenen la funció de confirmar l'acció de si anem sols o acompanyats per nens o per més persones. Aquí es on aquesta la diferencia en els "checkbox" aquí sols podemescollir una opció mentre que els botons del tipus "checkbox" podem escollir vàries opcions a la vegada..

B) DATES

L'apartat de dates del cercador, Esta compost per 4 llistes d'opcions que serveixen per crear dos calendaris un amb les dates d'entrada i altre amb les d'eixida dues llistes les confeccionem per als mesos i les altres dos per als dies aixi podem disposar de dos calendaris.També tenim 2 radio buttons per a confirmar si les dates de la persona que fa la cerca te les dates flexibles o no.

C) OPCIONS ADDICIONALS

L'ultima part del formulari esta formada per opcions addicionals. Com si volem en la mateixa recerca mirar diferents Preus, o diferents categories d'hotels (Estrelles) o la puntuació dels establiments els quals es troben a la base de dades del servidor.

2.2) CSS FORMULARI

EL formulari utilitza les fonts d'estil creades per al site tant el tipus de lletra com l'alienació. Aquest te unes dimensions de 60 em el sol ser 900 píxels un grandària de font-size de 1em; que son 12 punts.

3) TAULES L'ultima part del site és una taula creada en html l'estructura de la mateixa es controla a través de quatre etiquetes en html i unes classes que es treballen des del css.

<caption>: Aquesta etiqueta controla el text que es troba fora de la taula a la part de dalt. És el text que porta l' informació de la taula. <thead> l'etiqueta thead s'utlitza per a la part de d'alt de la taula <tbody> És la que s'encarrega de tot el contingut de dins la taula<tfoot> a traves del tfoo controlem el peu de la taula.

A mes s'han creat varies classes per poder acabar de donar-li l'imatge necesaria a la casa

3.2.) CSS TAULES

#taula caption: des d'aquesta classe es controla el text caption (en la part superior de la taula). Ha d'estar alineat al centre de la taula i deixant un part de blanc als seus costats i a una certa distància de la part superior.

class="porcentaje1" Esta clase s'utiliza per a crear una linnia per baix de la celda on esta el text porcentahe de alumnos i porcentaje de profesores. La clase s'ha etiquetat en les dos celdes i la linia ocupa mitga taula.

tr class="inferior"Aquesta classe s'utilitza per a crear una línia per sotales 8 primeres cel.les que es troben a la part de d'alt de la taula.la línia ocupa tota la taula a lo ample.

<tfoot> disposa d'una tipografia diferent a la de la web (times new roman) i un tamany diferen