Aquesta ha estat la meva primera pàgina web creada des de zero mitjançant el llenguatge HTML,CSS,JavaScript i també utilitzant Markdown.
Si vols veure el resultat final fes click aqui
Per tal d'elaborar aquesta pàgina vaig establir uns objectius que venien donats per els professors que dirigien l'assignatura.Els obejctius van ser els següents:
1. Aprendre a fer servir els **diferents llegnuatges de programació**
2. Entendre el funcionament del **_GIT, GITHUB i GITcola_**
3. Saber elaborar cartografia mitjançant **LeafLet**
4. Aprendre a introduir una **cartografia elaborada amb QGIS dintre d'una pàgina web**
5. Crear una pàgina web que sigui **_responsive_**
La proposta de la temàtica va ser lliure, per tant vaig escollir un tema que m'agrada moltíssim des de ben petita i és el món del cinema. És un tema actual, que cada dia hi apareix informació nova que permetria actualitzar la pàgina web, amb continguts veridics i interessants. A més a més el fet de saber sobre cinema implica conéixer tot un món de noms, conceptes sobre la cinematografia, pel·Lícules que han marcat la història i permet tenir una ment sempre oberta per sobrepassar barreres ja siguin culturals com també de llenguatge.
Per tal d'obtenir les dades s'han fet servir diferents tipus de fonts principals:
- Pàgines web relacionades amb el cinema com poden ser IMDB, History of Cinema o Cinéfilos
- Per saber els noms dels Premis o Festivals Film Affinity
- Google imatges per trobar les imatges incloses, totes provinents de diferents fonts.
- La pàgina web oficial, The Academy
A l'hora de crear la pàgina web es va seguir la següent metodologia:
0.Passos previs: Búsqueda de la temàtica, elaborar un layout en brut per a l'roganització de les pàgines i quantes es voldran crear i creació del logo per a la capçelera de la pàgina i icona de la pestanya.
1.Creació de la pàgina principal:
- Creació del document HTML
- Elaboració del Head
- Inserció deñ Body amb el Banner, on hi ha el logo i la barra de navegació on es poden accedir als altres apartats.
- Creació de dues columnes, la de l'esquerra amb la informació principal i la de la dreta amb iamatge i frases celebres d'actrius importants.
- Elaboració del footer, comú a totes les pàgines.
2.Creació del CSS: Mentres es creava la pàgina principal, es va elaborar de forma paral·la l'arxiu CSS elq ual conté tot l'estil que es va voler donar a la pàgina web. Aqui trobem les característiques donades a les pàgines, la mida del text, la forma, les capceleres, els colors...
3.Apartats de la pàgina web, elaborats seguint més o menys amb la mateixa dinàmica: La pàgina web consta de diferents apartats, en primer lloc trobem l'index on es fa una introducció a la temàtica que es parlarà en la pàgina i sobre el món del cinema. Després trobem la zona de localització des de la qual s'escriu la pàgina. En tercer lloc tenim el mapa de Award places on hi ha marcats els premis que es donen i els festivals de cinema que es fan en cada país. Després tenim els últims apartats que són informatius , en el blog es parlen d'últimes notícies sobre el cinema i les últimes novetats, en la galeria tenim una col·lecció d'algunes de les imatges més icòniques de la història, l'ordre de les pel·lícules millor puntuades i finalment un apartat amb informació pròpia i per contactar.
Per tal de que la web sigui responsive es va afegir a la capcelera del llenguatge la següent etiqueta:
Per elaborar la cartografia es van seguir els següents passos:
1. Afegir un ampa base amb el google search.
2. Crear una capa vectorial de punts i digitalitzar els premis que donen i els festivals que es realitzen allí en el pròpi país que es duuen a terme.
3. Modificació de la taula d'atributs mitjançant el llenguatge html i que apareguin les imatges en el Popup.
4. Es va donar una perosnalització per a representar els punts.
5. Mitjançant el **_qgis2Web_**, es va escollir allò que es volia mostrar al Popup, una llegenda desplegable i també l'elecció d'ajuntar els punts que apareixen per país per a una correcta visualització.
Totes aquestes tasques s'han elaborat a partir del programa QGIS i amb el complement de QGIS2WEB. A l'hora de penjar-ho al repositori, l'únic canvi que s'ha realitzat ha estat la substitució del enllaç local per el repositori que consta amb el nom de la carpeta/nom del arxiu.html
El fet de crear una pàgina web des de zero ha estat un repte, ja que penso que és una cosa complicada ja que abasteix molts de temes, llenguatges, combinacions i conceptes però al final ha estat molt interessant entendre una part. Es podrien millorar moltes coses de la pàgina web, com ara el tema responsive en més seccions de la web, millorar el disseny amb un de més modern i interactiu així com també actualitzar el contingut amb notícies més actuals.