Aquesta assignatura és obligatòria i el que s'estudia al llarg del curs és com treballar amb llenguatge HTML i CSS correctament. A part d'aprendre els llenguatges de programació del que es tracta és d'aplicar correctament la seva sintaxi i organització, ja que per a la realització d'una web és fonamental tant per poder realitzar modificacions posteriors com per a posicionar-la. El treball de l'assignatura es presenta amb 3 PAC'S i Pràctica que és una web amb l'aplicació de tots els coneixements donats al llarg del quadrimestre.

1. 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 de
color 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 tot
moment 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

2. l'hora de buscar si volem buscar hotels, apartaments, etc en la mateixa cerca. Els radio
buttons 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 podem
escollir 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