Documentació de Configuració (PRO+)
1. Selecció i Disseny de l’Element
Explicació: En aquesta fase, he utilitzat l’editor visual per integrar el botó dins l’estructura de la pàgina. He seleccionat el component específic per assegurar que l’enllaç extern sigui fàcilment identificable per l’usuari, seguint el disseny general del projecte.
2. Gestió de la URL Externa
Explicació: Aquí mostro el procés d’introducció de la URL de destinació. Aquest pas és previ a la configuració dels atributs avançats i serveix per connectar el meu botó amb el recurs extern de manera directa.
3. Configuració d’Obertura en Nova Pestanya
Explicació: He activat l’opció “Open in new tab”. Aquesta acció és la que implementa l’atribut target=”_blank” al codi HTML, permetent que el visitant mantingui la meva pàgina oberta mentre consulta l’enllaç extern.
4. Verificació Tècnica amb l’Inspector
Explicació: Finalment, he utilitzat l’**Inspector del navegador** per verificar l’estructura del codi generat. Aquesta comprovació tècnica assegura que els atributs s’han aplicat correctament i que la implementació és coherent amb els estàndards professionals de la web.
⚖️ Justificació Argumentada per a PRO+
La implementació dels enllaços externs s’ha realitzat seguint els criteris més alts de seguretat i usabilitat, basant-me en els següents arguments tècnics:
- Seguretat (Anti-Tabnabbing): L’ús de target=”_blank” s’ha acompanyat de l’atribut rel=”noopener noreferrer”. Això evita que la pàgina externa pugui utilitzar la propietat de JavaScript window.opener per segrestar la sessió o redirigir la pestanya original.
- Experiència d’Usuari (UX): Obrir contingut extern en una nova finestra evita que l’usuari abandoni involuntàriament el meu portafolis, millorant la taxa de retenció i la facilitat de navegació.
- Sistemes Tradicionals vs. Moderns: A diferència de la navegació tradicional a la mateixa finestra, aquest mètode permet una comparativa ràpida entre recursos sense perdre el context del projecte principal.
