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:
View
The Power of Roadmap
View
Simulation: How to Act Against Bullying
View
Artificial Intelligence in Corporate Environments
View
Internal Guidelines for Artificial Intelligence Use
View
Interactive Onboarding Guide
View
Word Search
View
Sorting Cards
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.