Næsten alle bruger internettet i dag. Folk søger mange oplysninger på internettet. Det kan være hvad som helst. F.eks. beskrivelsen af en tjenesteydelse eller et restaurantwebsted, hvor man kan bestille mad, eller bare et nyhedssite, hvor man kan finde de seneste nyheder.
I alle disse tilfælde vælger folk de websteder, der er mest attraktive med hensyn til bekvemmelighed og skønhed. For at gøre dit websted til en succes og begynde at fungere godt skal det være stilfuldt og funktionelt. Det er også vigtigt, at den ikke er kruset og hurtigt indlæses.
Alt dette afhænger af, hvordan webstedet er udformet, og hvilken teknologi der anvendes på det. Det er en udbredt opfattelse, at programmering er svært. Men når du først har forstået det grundlæggende, kan du forstå, hvordan dit websted fungerer, og hvordan du kan ændre det.
Moderne browsere har en funktion til inspektion af elementer, så du hurtigt kan få et overblik over dit websted med hensyn til kode. Denne funktion findes også på Mac.
Hvorfor du bør lære at bruge funktionen Inspicere element
Dette er en grundlæggende funktion i udviklingen af et websted. Ved hjælp af denne funktion kan udviklere kontrollere websiders ydeevne. Den bruges til at fejlfinde og teste sider på internettet. Blandt de andre anvendelser af denne funktion kan der skelnes mellem 4 retninger:
- Udviklere bruger denne funktion til at udvikle websteder, teste dem og foretage ændringer.
- Designere kan bruge det til at tjekke, hvordan deres layouts ser ud, eller tage et layout fra et andet websted
- Markedsførere kan bruge den til at ændre tekst online eller tjekke Google Analytics.
- Supportmedarbejdere kan oprette forbindelse til Element Inspector, så de kan videregive korrekte oplysninger til udviklerne om fejl, der er rapporteret af webstedets brugere.
Vi kan også sige, at hvis du er virksomhedsejer, vil det være nyttigt at lære denne funktion at kende for at forstå, hvordan dit websted fungerer, og hvilke fremtidige opgaver der kan stilles til udviklerne.
Sådan inspicerer du et element på Mac i forskellige browsere
Det er faktisk ikke svært at aktivere funktionen Inspect Element. Du kan bogstaveligt talt gøre det med et par klik i alle browsere. For at gøre dette skal du:
Safari
I første omgang kan det se ud som om denne funktion virker hårdere i Safari end i nogen anden browser. Faktisk er det nemt at aktivere den. Du skal bruge:
- Start Safari.
- Gå til Indstillinger (⌘ + ,).
- Klik på fanen Avanceret.
- Markér afkrydsningsfeltet “Vis menuen Develop på menulinjen”.
- Derefter får du adgang til udviklerværktøjerne i menuen
- Dernæst skal du bruge funktionen Vis sidekilde (Valg + ⌘ + U)
- Og klik på Elementer for at få vist webstedskoden.
Når du holder markøren over et element, bliver det fremhævet, når du holder markøren over det. Hvis du vil åbne Safari Inspicere elementindstillingen på en bestemt sektion af siden, kan du højreklikke på den og vælge Inspicere element.
Firefox
De fungerer på samme måde, men de har allerede Inspect Element aktiveret.
Genvejen til Firefox Inspicér elementet er Valg + ⌘ + I, og du kan også højreklikke på et element for at inspicere det.
Krom
Du kan finde denne funktion under Vis ➙ Udvikler i menulinjen eller ved at bruge tastaturgenvejen Valg + ⌘ + I. Du kan bruge emneinspektion i Chrome på samme måde ved blot at højreklikke på en hvilken som helst del af websiden.
Sådan foretager du ændringer på et websted ved hjælp af Inspect Element
Med denne funktion kan du foretage hurtige ændringer på dit websted. For at gøre dette skal du aktivere Inspect Element-indstillingerne og bogstaveligt talt justere en hvilken som helst del af HTML eller CSS.
Du skal gentage de samme trin i alle browsere. For at foretage ændringer på din startside skal du:
- Højreklik på det ønskede element, og klik på Inspicer element.
- Dobbeltklik derefter på teksten i koden og gør den tilgængelig for redigering.
- Nu kan du foretage ændringer i din kode.
- Når du har foretaget alle ændringerne, skal du trykke på Enter.
Du kan ændre billedet eller animationen på enhver webside – du skal erstatte URL’en for det gamle billede med URL’en for det nye billede eller den nye GIF-fil for at gøre det.
Du kan også foretage ændringer i CSS, f.eks. ændre farver eller skriftstørrelser.