Want to create interactive content? It’s easy in Genially!
Les meves pràctiques a L'Escola
Luis Alejandro Rosales Medina
Created on September 18, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
Les meves pràctiques a L'Escola
Alejandro Rosales 2n SMX
On he fet les pràctiques? 📍
L'ESCOLA FORMACIÓ ALMENAR
Avinguda Anselm Clavé, 5, 25126 Almenar, Lleida
TASQUES REALITZADES A L'EMPREA
Els tipus de pràctiques que he fet han estat molt variades i pràctiques. Aproximadament un 70% del temps s’ha centrat en la utilització d’aplicacions ofimàtiques com Word, Excel i Access, que feia servir principalment per crear llistes i diplomes, ja que era una de les tasques més habituals. L’altre 30% del temps s’ha dedicat a tasques de reparació i manteniment d’ordinadors. En aquests casos, m’encarregava d’examinar els equips per detectar possibles problemes. Per exemple, si la xarxa no funcionava, havia de renovar la IP o actualitzar els controladors; i si un ordinador no mostrava imatge, podia ser que algun component no estigués en bon estat.
📧info@lescola.es
WEB DE L'EMPRESA
AQUESTA WEB ESTÀ FETA AMB HTML5
Punts forts, febles i propostes de millora.
Punts Forts Estructura semàntica: Fa un bon ús d'etiquetes com <header>, <nav> i <main>, que ajuden a organitzar el contingut i són bones per al SEO. Metaetiquetes essencials: Inclou etiquetes <meta> clau com viewport per al disseny responsive (adaptable a mòbils) i description per als buscadors. Accessibilitat bàsica: Les imatges principals tenen l'atribut alt, un detall important per a l'accessibilitat web. Punts Febles Codi "brut" i complex: Està ple de <div> niats i classes amb noms llargs (jm-top-bar-in, dj-offcanvas-pusher-in), cosa que el fa molt difícil de llegir i mantenir manualment. CSS i JS dins l'HTML: Hi ha blocs <style> i <script> directament al document. Una bona pràctica és tenir gairebé tot el CSS i JavaScript en arxius externs (.css i .js) per mantenir-ho més ordenat. Estils en línia: Es fa servir l'atribut style="..." directament a les etiquetes HTML, una pràctica poc recomanable que barreja estructura amb presentació.
Pàgina web de l’empresa on realitzo les pràctiques: lescola.es
NOTA DE LA WEB A EXAMINATOR
Falta <h1> – No hi ha títol principal. Atributs de presentació – S’usen atributs HTML en lloc de CSS. xml:lang no admès – Només s’ha d’usar lang. CSS incomplet – Falta definir color de fons o text. Taules sense <th> – Sense cel·les d’encapçalament. Taula niada – Una taula dins d’una altra. Imatges sense alt – Falta descripció accessible. Alt incorrecte – Text alternatiu no descriptiu. Enllaços amb imatges sense alt – Enllaços no accessibles.
Formulari sense <label> – Control sense etiqueta. Formularis sense botó – No es poden enviar. Sense enllaç al contingut – Falta “salta al contingut”. Text d’enllaç repetit – 60 enllaços iguals amb destins diferents. iframe sense title – No descriu el contingut.
Verificació d'errors
<meta> i <link> amb “/” final Explicació: No cal posar “/” al final d’aquests elements buits. Pot provocar problemes amb atributs sense cometes. <script type="text/javascript"> Explicació: No cal indicar el tipus; HTML5 ja assumeix que és JavaScript. <img> sense alt Explicació: Les imatges han de tenir un text alternatiu (alt) per a persones amb discapacitat visual. <img> dins <noscript> al <head> Explicació: Les imatges només es poden posar dins <body>, no al <head>. Etiqueta tancament estranya </noscript> Explicació: Hi ha una etiqueta que està fora de lloc; cal revisar la seva posició. Etiqueta tancament estranya </head> Explicació: El <head> està tancat més d’una vegada o malament. <body> duplicat Explicació: Només ha d’haver-hi un <body>; tenir-ne més d’un trenca l’estructura de la pàgina.
Correcció d'errors
Errors d’Examinator resolts / corregits Encapçalament principal <h1>: Ara sembla que s’ha afegit un <h1> a la pàgina, corregint la manca del títol principal. Formularis sense botó d’enviament: Els formularis ara tenen botons d’enviament (submit). Atributs d’estil en línia / presentació visual: S’ha reduït l’ús d’atributs per controlar l’estil; s’usa CSS extern. Mides de fonts i amplades absolutes: S’han canviat moltes mides absolutes per valors relatius (%) o rem/em. Imatges amb alternatives textuals: S’han afegit alt correctes a les imatges que formaven l’únic contingut d’un enllaç. Iframes sense title: L’iframe ara té atribut title definit. Enllaços amb el mateix text però diferents destinacions: S’han fet més específics, evitant textos genèrics com “pincha aquí” o “més”. Errors del validador HTML resolts / corregits Slash final innecessari en elements buits: <meta />, <link />, etc., s’han normalitzat, evitant conflictes. <img> dins <noscript> sense alt: S’han afegit atributs alt. Tags de tancament fora de lloc (noscript, head): Reorganitzat correctament dins del <head>. Duplicació del <body>: Ara només hi ha un <body>.
Sostenibilitat real de l’empresa i propostes de millora.
Actualment, el centre ja aplica pràctiques com la digitalització per estalviar paper, la recollida selectiva de residus i el foment de la mobilitat i l'estalvi energètic responsable. Per millorar jo proposaria millores amb plaques solars (energies renovables), la creació d'un hort escolar i l'increment de l'eficiència energètica dels edificis.