Scribd Logo
Upload

Welcome to Scribd!

  • PAC01 Nbarbanoj

    Uploaded by

    neus
    13 views8 pages
    Llenguatge i estandards web

    Original Title

    PAC01_nbarbanoj

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Llenguatge i estandards web

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views8 pages

    PAC01 Nbarbanoj

    Uploaded by

    neus
    Llenguatge i estandards web

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 8

    Neus​ ​Barbanoj​ ​Fernández

    PAC01:​ ​LLenguatge​ ​i​ ​estandards​ ​Web


    Estudiant​ ​de​ ​Multimèdia

    Primera​ ​part
    Pregunta​ ​1.
    Què​ ​són​ ​els​ ​elements​ ​presentacionals​ ​en​ ​HTML?​ ​Per​ ​què​ ​es​ ​desaconsella​ ​el​ ​seu​ ​ús?​ ​A
    l'HTML5,​ ​hi​ ​ha​ ​algun​ ​element​ ​que​ ​abans​ ​es​ ​considerava​ ​presentacional​ ​i​ ​ara​ ​ha​ ​deixat​ ​de
    ser-ho​ ​(explica​ ​breument​ ​aquest​ ​canvi)?
    Els​ ​elements​ ​presentacionals​ ​en​ ​HTML,​ ​són​ ​a​ ​l’especificació​ ​del​ ​HTML,​ ​especifiquen​ ​quin
    aspecte​ ​ha​ ​de​ ​tenir​ ​el​ ​tex​ ​que​ ​contenen​ ​però​ ​no​ ​el​ ​que​ ​signifiquen.​ ​Actualment​ ​s’han
    substituit​ ​per​ ​un​ ​metode​ ​més​ ​nou​ ​que​ ​permet​ ​aconseguir​ ​els​ ​mateixos​ ​resultats.​ ​Aquest
    tipus​ ​de​ ​descripció​ ​és​ ​aconsellable​ ​fer-ho​ ​en​ ​CSS,​ ​ja​ ​que​ ​és​ ​el​ ​full​ ​d’estils​ ​qui​ ​dona​ ​forma​ ​a
    la​ ​nostra​ ​web.​ ​<<font​ ​face=”...”​ ​size=”..”​ ​El​ ​navegador​ ​mosrtava​ ​el​ ​tex​ ​en​ ​aquests​ ​elements
    utilitzant​ ​tipus​ ​de​ ​lletra,​ ​però​ ​s’havia​ ​de​ ​definir​ ​amb​ ​el​ ​CSS.​ ​Per​ ​tant​ ​és​ ​millor​ ​posar-ho​ ​tot​ ​al
    CSS,​ ​per​ ​tenir-ho​ ​ben​ ​organitzat.

    Pregunta​ ​2.
    Per​ ​a​ ​què​ ​s'utilitzen​ ​els​ ​elements​ ​meta​​ ​en​ ​una​ ​pàgina​ ​web?​ ​Descriu​ ​amb​ ​exemples​ ​l'ús​ ​dels
    més​ ​habituals,​ ​i​ ​investiga​ ​si​ ​n'hi​ ​ha​ ​algun​ ​especialment​ ​interessant​ ​per​ ​al​ ​disseny
    responsive​.

    Els​ ​elements​ ​<meta>​ ​s’utilitzen​ ​per​ ​afegir​ ​informació​ ​sobre​ ​la​ ​página.​ ​Aquesta​ ​informació
    pot​ ​ser​ ​utilitzada​ ​per​ ​buscadors.​ ​Es​ ​posa​ ​la​ ​descripció​ ​de​ ​la​ ​nostra​ ​pàgina,​ ​i​ ​paraules​ ​clau.
    Es​ ​poden​ ​posar​ ​autor​ ​de​ ​la​ ​pàgina,​ ​descripció,​ ​paraules​ ​clau.​ ​Coses​ ​importants,​ ​la​ ​etiqueta
    <meta>​ ​ha​ ​d’estar​ ​entre​ ​les​ ​etiquetes​ ​del​ ​<head>​ ​</head>,​ ​pero​ ​ella​ ​mateixa​ ​no​ ​necessita
    tancament​ ​d’etiqueta.​ ​En​ ​el​ ​meta,​ ​hi​ ​ha​ ​un​ ​codi​ ​curiòs,​ ​és​ ​pot​ ​utilitzar​ ​el​ ​“refrescament”​ ​de​ ​la
    pàgina,​ ​perque​ ​es​ ​vagi​ ​actualitzant,​ ​en​ ​el​ ​temps​ ​que​ ​nosaltres​ ​volguem,​ ​aixó​ ​ho​ ​podriem
    utilitzar​ ​per​ ​pàgines​ ​socials,​ ​o​ ​bé​ ​les​ ​noticies…
    Exempre​ ​de​ ​<meta​ ​http-equiv=”refresh”​ ​content=”30”>​ ​(refrescar​ ​el​ ​contingut​ ​cada​ ​30
    segons)
    Per​ ​al​ ​disseny​ ​responsive​ ​tenim​ ​el​ ​ ​:
    <meta​ ​name="viewport"​ ​content="width=device-width,​ ​user-scalable=no,​ ​initial-scale=1.0,
    maximum-scale=1.0,​ ​minimum-scale=1.0">

    La​ ​propietat​ ​width​ ​controla​ ​la​ ​mida​ ​del​ ​viewport.​ ​Pot​ ​definirse​ ​un​ ​numero​ ​de​ ​pixels​ ​,​ ​o​ ​el
    valor​ ​=device-width​ ​que​ ​és​ ​equivalent​ ​a​ ​l’amplada​ ​de​ ​la​ ​pantalla​ ​en​ ​pixels,​ ​initial-scale
    controla​ ​el​ ​nivell​ ​de​ ​zoom​ ​quan​ ​la​ ​pàgina​ ​es​ ​carrega​ ​per​ ​primer​ ​cop.​ ​Maximum-scale,
    minimum-scale,​ ​controlen​ ​la​ ​forma​ ​en​ ​com​ ​es​ ​permet​ ​als​ ​usuaris​ ​aumentar​ ​o​ ​disminuïr​ ​el
    zoom​ ​de​ ​la​ ​pàgina.
    Neus​ ​Barbanoj​ ​Fernández
    PAC01:​ ​LLenguatge​ ​i​ ​estandards​ ​Web
    Estudiant​ ​de​ ​Multimèdia

    Pregunta​ ​3.
    Quina​ ​diferència​ ​hi​ ​ha​ ​entre​ ​una​ ​classe​ ​i​ ​un​ ​identificador​ ​(i​ d​)?​ ​Posa​ ​un​ ​exemple​ ​d'ús
    adequat​ ​de​ ​cada​ ​un​ ​d'ells.

    El​ ​selector​ ​identificador​ ​está​ ​pensat​ ​perque​ ​l’element​ ​seleccionat​ ​sigui​ ​únic.
    En​ ​canvi​ ​les​ ​classes​ ​estàn​ ​pensades​ ​per​ ​definir​ ​el​ ​mateix​ ​estil​ ​a​ ​varios​ ​elements​ ​de​ ​la
    pàgina.

    En​ ​el​ ​cas​ ​de​ ​la​ ​web​ ​que​ ​he​ ​creat,​ ​he​ ​fet​ ​una​ ​classe​ ​per​ ​identificar​ ​els​ ​elements​ ​que​ ​tenen​ ​el
    mateix​ ​estil,​ ​que​ ​serien​ ​per​ ​exemple,​ ​els​ ​elements​ ​que​ ​van​ ​entre​ ​les​ ​cometes​ ​ex:

    <p​ ​class="comillas">....</p>

    Així​ ​fent​ ​el​ ​seu​ ​estil​ ​per​ ​tots​ ​els​ ​elements​ ​iguals:

    .comillas{
    width:70%;
    margin-left:​ ​20px;
    line-height:​ ​36px;

    Exemple​ ​de​ ​id:


    <p​ ​id="footer">
    Elaboración​ ​a​ ​partir​ ​del​ ​artículo​ ​<b><i>Algunas​ ​claves​ ​acerca​ ​del​ ​futuro​ ​del
    diseño.</i></b>​ ​Cátedra​ ​Telefónica​ ​UOC.
    </p>

    Així​ ​fent​ ​només​ ​aquest​ ​element​ ​diferent​ ​de​ ​la​ ​resta,

    #footer{
    text-align:​ ​center;
    font-size:​ ​0.5em;
    }

    Pregunta​ ​4.​ ​Sobre​ ​selectors​ ​i​ ​propietats​ ​CSS​ ​respon​ ​a​ ​les​ ​següents​ ​preguntes:
    4.1​​ ​Explica​ ​breument​ ​què​ ​són​ ​les​ ​pseudoclasses​ ​i​ ​els​ ​pseudoelements.​ ​Explica​ ​l'ús​ ​de​ ​3
    pseudoclasses​ ​i​ ​3​ ​pseudoelements,​ ​posant​ ​exemples​ ​pràctics​ ​d'aplicació​ ​de​ ​cada​ ​un​ ​d'ells.

    Las​ ​pseudoclasses​ ​CSS​ ​consten​ ​d’una​ ​clau​ ​seguida​ ​de​ ​(:)​ ​que​ ​afegirem​ ​al​ ​final​ ​de​ ​la
    selecció​ ​per​ ​indicar​ ​que​ ​doanrem​ ​estil​ ​als​ ​elements​ ​seleccionats,​ ​només​ ​en​ ​un​ ​ús​ ​específic,
    podem​ ​donar​ ​un​ ​estil​ ​diferent​ ​quan​ ​passem​ ​per​ ​sobre​ ​al​ ​el​ ​ratolí…​ ​etc.
    La​ ​pseudoclasses​ ​és​ ​un​ ​estat​ ​o​ ​ús​ ​predefinit​ ​d’un​ ​element​ ​al​ ​que​ ​se​ ​li​ ​pot​ ​aplicar​ ​un​ ​estil
    independent​ ​del​ ​seu​ ​estat​ ​per​ ​defecte.​ ​Existeixen​ ​quatre​ ​tipus​ ​diferents​ ​de​ ​pseudoclasses:
    Neus​ ​Barbanoj​ ​Fernández
    PAC01:​ ​LLenguatge​ ​i​ ​estandards​ ​Web
    Estudiant​ ​de​ ​Multimèdia

    ● Links:​ ​s’utilitzen​ ​per​ ​donar​ ​estil​ ​al​ ​enllaç.


    ● Dinamicas:​ ​poden​ ​aplicarse​ ​a​ ​qualsevol​ ​element​ ​per​ ​definir​ ​com​ ​es​ ​mostren​ ​quan​ ​el
    cursor​ ​està​ ​situat​ ​sobre​ ​ells.
    ● Estructurals:​ ​permeten​ ​donar​ ​estil​ ​a​ ​elements​ ​basats​ ​en​ ​una​ ​posició​ ​numerica
    exacta.
    ● Altres:​ ​poden​ ​ser​ ​estilitzats​ ​de​ ​manera​ ​diferent​ ​pensant​ ​en​ ​el​ ​llenguatge​ ​o​ ​tipus
    d’etiqueta.

    A:visited​ ​:​ ​l’estat​ ​del​ ​seu​ ​contingut,​ ​si​ ​la​ ​pàgina​ ​ha​ ​estat​ ​visitada​ ​o​ ​no.​ ​(Quan​ ​ja​ ​hem​ ​visitat​ ​el
    link​ ​al​ ​que​ ​fa​ ​referencia)
    A:hover​ ​:​ ​aplicará​ ​un​ ​estil​ ​quan​ ​l’usuari​ ​fagi​ ​hover​ ​sobre​ ​l’element​ ​especific.​ ​Permet​ ​saber​ ​si
    l’usuari​ ​está​ ​a​ ​sobre​ ​de​ ​l’element​ ​o​ ​no.
    A:active​ ​:​ ​quan​ ​fem​ ​clic​ ​sobre​ ​l’element.

    Els​ ​pseudo-elements​ ​són​ ​semblants​ ​però​ ​són​ ​claus​ ​(::)​ ​s’afegeixen​ ​al​ ​final​ ​de​ ​cada​ ​selector
    per​ ​escollir​ ​certa​ ​part​ ​d’un​ ​element.

    ::last-of-type:​ ​fixa​ ​l’aspecte​ ​de​ ​l’iltima​ ​instancia​ ​d’un​ ​selector​ ​particular​ ​en​ ​l’element​ ​pare.
    ::first-child:​ ​fixa​ ​l’aspecte​ ​del​ ​primer​ ​element​ ​d’un​ ​tipus​ ​de​ ​selector​ ​si​ ​és​ ​el​ ​primer​ ​nodo​ ​fill​ ​del
    seu​ ​element​ ​pare.
    ::firts​ ​line:​ ​amb​ ​ells​ ​donarem​ ​estil​ ​a​ ​la​ ​primera​ ​linia,​ ​i​ ​possant​ ​::First​ ​letter,​ ​posarem​ ​en
    negreta​ ​la​ ​primera​ ​lletra​ ​donan​ ​un​ ​punt​ ​elegant​ ​i​ ​antic,​ ​o​ ​recordant​ ​com​ ​els​ ​llibres.

    4.2​​ ​Escriu​ ​el​ ​codi​ ​CSS​ ​necessari​ ​per​ ​aconseguir​ ​el​ ​següent:

    ● Els​ ​paràgrafs​ ​que​ ​estiguin​ ​continguts​ ​en​ ​una​ ​cita​ ​textual​ ​llarga,​ ​de​ ​bloc,
    han​ ​de​ ​mostrar-se​ ​en​ ​cursiva,​ ​i​ ​tancats​ ​entre​ ​cometes.

    HTML:​ ​<p​ ​class="comillas"><I>​(per​ ​la​ ​cursiva)​ ​…</p>

    CSS:​ ​.comillas{

    width:70%;

    margin-left:​ ​20px;

    line-height:​ ​36px;​ ​}

    ● Els​ ​enllaços​ ​que​ ​apuntin​ ​a​ ​un​ ​document​ ​pdf​ ​s'han​ ​de​ ​mostrar​ ​en​ ​color
    vermell.
    Neus​ ​Barbanoj​ ​Fernández
    PAC01:​ ​LLenguatge​ ​i​ ​estandards​ ​Web
    Estudiant​ ​de​ ​Multimèdia

    HTML:​ ​<a​ ​class​=​"link"​​ ​href​=​"http://example.com/one"​>​A​ ​Red​ ​Link​</a>

    CSS:​ ​.link​​ ​{​ ​color​:​ ​#FF0000​;​ ​}​ ​/*​ ​CSS​ ​link​ ​color​ ​(red)​ ​*/

    ● Les​ ​cites​ ​textuals​ ​en​ ​línia​ ​que​ ​estiguin​ ​just​ ​al​ ​començament​ ​d'un
    paràgraf​ ​han​ ​de​ ​mostrar-se​ ​en​ ​una​ ​font​ ​sans-serif​ ​i​ ​en​ ​color​ ​verd.

    ::firts​ ​line:​ ​amb​ ​ells​ ​donarem​ ​estil​ ​a​ ​la​ ​primera​ ​linia,​ ​aquí​ ​podrem​ ​treballar​ ​els​ ​colors,​ ​i​ ​el​ ​tipus
    de​ ​text​ ​de​ ​la​ ​primera​ ​linia​ ​:​ ​font​ ​style:​ ​sans​ ​serif.

    ● Tots​ ​els​ ​enllaços​ ​que​ ​es​ ​trobin​ ​dins​ ​el​ ​peu​ ​de​ ​la​ ​pàgina​ ​han​ ​de
    mostrar-se​ ​amb​ ​una​ ​mida​ ​de​ ​font​ ​un​ ​10%​ ​més​ ​petita​ ​i​ ​sense​ ​subratllar.

    Per​ ​treballar​ ​elements​ ​per​ ​separat,​ ​treballarem​ ​amb​ ​<span>​ ​i​ ​així​ ​es
    distinguirá​ ​dels​ ​altres.

    ● Volem​ ​que​ ​les​ ​referències​ ​a​ ​treballs​ ​creatius​ ​en​ ​idioma​ ​anglès​ ​que
    s'escriguin​ ​en​ ​el​ ​text​ ​d'una​ ​pàgina​ ​no​ ​es​ ​mostrin​ ​en​ ​cursiva,​ ​sinó​ ​en
    negreta​ ​i​ ​amb​ ​la​ ​primera​ ​lletra​ ​en​ ​majúscula.

    Per​ ​aconseguir​ ​que​ ​no​ ​es​ ​trobin​ ​en​ ​negreta,​ ​hem​ ​de​ ​fer​ ​el​ ​codi​ ​<span>​ ​i
    llavors​ ​posar​ ​<b>​ ​de​ ​bolt,​ ​i​ ​per​ ​posar​ ​la​ ​primera​ ​en​ ​majuscula​ ​::First​ ​letter,
    posarem​ ​en​ ​negreta​ ​la​ ​primera​ ​lletra​ ​donan​ ​un​ ​punt​ ​elegant​ ​i​ ​antic,​ ​o​ ​recordant​ ​com​ ​els
    llibres.

    Pregunta​ ​5.​ ​Planificació​ ​d'un​ ​lloc​ ​web


    T'han​ ​encarregat​ ​la​ ​construcció​ ​d'un​ ​lloc​ ​web​ ​sobre​ ​menjar​ ​vegetarià​ ​que​ ​portarà​ ​com​ ​a
    nom​ ​"Vegetalia".​ ​Abans​ ​d'iniciar​ ​la​ ​seva​ ​construcció​ ​hauràs​ ​planificar-lo.​ ​Realitza​ ​aquesta
    planificació​ ​seguint​ ​les​ ​indicacions​ ​de​ ​l'apartat​ ​6:​ ​Arquitectura​ ​de​ ​la​ ​informació:​ ​planificació
    d'una​ ​web,​ ​del​ ​material​ ​didàctic​ ​(​https://pilots.elearnlab.org/mosaic/ca/m2/ud1/index.html​).​ ​Hi
    has​ ​d'incloure:

    1. Una​ ​breu​ ​introducció​ ​on​ ​expliquis​ ​quins​ ​seran​ ​els​ ​criteris​ ​de​ ​partida​ ​per
    a​ ​la​ ​seva​ ​construcció​ ​que​ ​permeti​ ​entendre​ ​a​ ​quins​ ​usuaris​ ​ens​ ​dirigim,
    així​ ​com​ ​el​ ​que​ ​s'hi​ ​vol​ ​comunicar.

    “Vegetalia”​ ​va​ ​dirigit​ ​a​ ​les​ ​persones​ ​vegetarianes,​ ​a​ ​les​ ​que​ ​porten​ ​molt​ ​temps
    i​ ​a​ ​les​ ​que​ ​inicien.​ ​El​ ​resum​ ​de​ ​la​ ​meva​ ​web​ ​será,​ ​tindrá​ ​un​ ​index​ ​de​ ​la​ ​pàgina
    a​ ​on​ ​tindrem​ ​els​ ​diferents​ ​menus​ ​del​ ​web​ ​per​ ​redigir-nos​ ​als​ ​diferents​ ​apartats
    del​ ​web.​ ​D’altra​ ​banda​ ​he​ ​pensat​ ​que​ ​tindrá​ ​varies​ ​subpàgines,​ ​una​ ​que​ ​será
    “receptes​ ​vegetarianes”,​ ​un​ ​altre​ ​que​ ​será​ ​el​ ​“foro​ ​de​ ​vegetarians”,​ ​perfil
    personal​ ​a​ ​on​ ​podrem​ ​possar​ ​el​ ​nostre​ ​perfili​ ​els​ ​nostres​ ​menjars​ ​preferits,
    Neus​ ​Barbanoj​ ​Fernández
    PAC01:​ ​LLenguatge​ ​i​ ​estandards​ ​Web
    Estudiant​ ​de​ ​Multimèdia

    (será​ ​una​ ​pàgina​ ​social),​ ​i​ ​l’altre​ ​será​ ​un​ ​apartat​ ​de​ ​recomanacions​ ​d’on
    comprar​ ​menjar​ ​vegetarià,​ ​i​ ​els​ ​millors​ ​productes.​ ​(Per​ ​tenir​ ​un​ ​apartat​ ​de
    shopping).

    2. Un​ ​mapa​ ​del​ ​web​ ​que​ ​mostri​ ​la​ ​seva​ ​estructura​ ​(utilitza​ ​com​ ​a​ ​model​ ​el
    que​ ​veus​ ​a​ ​les​ ​figures​ ​2​ ​i​ ​3​ ​del​ ​material​ ​didàctic​ ​esmentat).

    3. Les​ ​fitxes​ ​amb​ ​el​ ​nom​ ​de​ ​cadascuna​ ​de​ ​les​ ​pàgines​ ​i​ ​una​ ​breu​ ​indicació
    del​ ​seu​ ​contingut.
    Neus​ ​Barbanoj​ ​Fernández
    PAC01:​ ​LLenguatge​ ​i​ ​estandards​ ​Web
    Estudiant​ ​de​ ​Multimèdia

    En​ ​aquesta​ ​pàgina​ ​de​ ​la​ ​web,​ ​será​ ​el​ ​lloc​ ​a​ ​on​ ​penjarem​ ​les​ ​receptes​ ​vegetarianes​ ​perquè​ ​la
    gent​ ​pugui​ ​agafar​ ​idees.​ ​Tindrem​ ​sempre​ ​la​ ​imatge​ ​del​ ​plat​ ​ ​a​ ​un​ ​cantó,​ ​o​ ​bé​ ​dret​ ​o
    esquerra,​ ​i​ ​just​ ​al​ ​costat​ ​el​ ​nom​ ​del​ ​plat,​ ​amb​ ​una​ ​breu​ ​descripció,​ ​hi​ ​haurá​ ​cada​ ​cop​ ​més
    plats,​ ​per​ ​no​ ​deixar​ ​obsoleta​ ​la​ ​pàgina.​ ​En​ ​la​ ​capçalera​ ​sempre​ ​tindrem​ ​el​ ​nom​ ​de​ ​la​ ​web,​ ​i
    al​ ​costat​ ​el​ ​nom​ ​de​ ​la​ ​pàgina​ ​en​ ​la​ ​que​ ​ens​ ​trobem.
    Neus​ ​Barbanoj​ ​Fernández
    PAC01:​ ​LLenguatge​ ​i​ ​estandards​ ​Web
    Estudiant​ ​de​ ​Multimèdia

    En​ ​aquesta​ ​pàgina,​ ​será​ ​a​ ​on​ ​la​ ​gent​ ​pugui​ ​parlar​ ​entre​ ​ells,​ ​i​ ​discutir​ ​sobre​ ​els​ ​plats​ ​de
    cuina​ ​que​ ​hi​ ​ha,​ ​o​ ​altres​ ​temes​ ​relacionats​ ​amb​ ​la​ ​cuina​ ​vegetariana.​ ​Entre​ ​ells​ ​doran
    opinions​ ​diferents,​ ​i​ ​podrán​ ​valorar​ ​diferents​ ​punts​ ​de​ ​vista.
    Neus​ ​Barbanoj​ ​Fernández
    PAC01:​ ​LLenguatge​ ​i​ ​estandards​ ​Web
    Estudiant​ ​de​ ​Multimèdia

    En​ ​el​ ​perfil,​ ​podrá​ ​la​ ​gent​ ​posar​ ​la​ ​seva​ ​fotografia,​ ​i​ ​descriure​ ​una​ ​mica​ ​el​ ​seu​ ​estil​ ​de​ ​vida,
    donar-se​ ​a​ ​coneixer,​ ​per​ ​tal​ ​de​ ​trobar​ ​gent​ ​en​ ​comú​ ​dins​ ​el​ ​foro.​ ​Molts​ ​cops​ ​necessitem
    coneixer​ ​a​ ​gent​ ​que​ ​hagi​ ​viscut​ ​experiencies​ ​similars​ ​a​ ​la​ ​nostra.

    Dins​ ​la​ ​pàgina​ ​de​ ​comprar,​ ​trobarem​ ​diferents​ ​enllaços​ ​de​ ​pàgines​ ​externes,​ ​per​ ​comprar
    menjar​ ​vegetarià,​ ​molts​ ​cops​ ​això​ ​funciona​ ​per​ ​tenir​ ​enllaç​ ​amb​ ​altres​ ​pàgines,​ ​i​ ​compartir,
    això​ ​va​ ​bé​ ​per​ ​pujar​ ​la​ ​SEO​ ​d’altres​ ​i​ ​ajudar​ ​a​ ​fer​ ​publicitat.

    Sempre​ ​tenint​ ​en​ ​compte​ ​que​ ​ens​ ​donen​ ​els​ ​permisos​ ​per​ ​fer-ho.

    You might also like