Der var et punkt i webdesignets historie, hvor mange websteder brugte en funktion kendt som "billedkort". Dette er en liste over koordinater, der er knyttet til et bestemt billede på en side. Disse koordinater opretter hyperlinkområder på billedet, hvilket er vigtigt at tilføje "hot spots" til en grafik, som hver kan kodes for at linke til forskellige steder. Dette er meget anderledes end blot at tilføje et link-tag til et billede, hvilket ville medføre, at hele grafikken bliver et stort link til en enkelt destination.
Eksempler: Forestil dig at have en grafisk fil med et billede af USA. Hvis du vil have, at hver stat er "klikbar", så de går til sider om den pågældende stat, kan du gøre det med et billedkort. På samme måde, hvis du havde et billede af et musikband, kunne du bruge et billedkort for at få hvert enkelt medlem til at klikke på en efterfølgende side om det pågældende bandmedlem.
Gør billedkort lyd nyttige? De var bestemt, men de er faldet forgæves på dagens web. Dette skyldes i hvert fald delvis, fordi billedkort kræver specifikke koordinater til at arbejde. Websteder i dag er bygget til at være lydhør og billedskala baseret på størrelsen af en skærm eller enhed. Det betyder, at forudindstillede koordinater, som er, hvordan billeder kortene fungerer, falder fra hinanden, når et websted skalerer og billederne ændrer størrelse. Derfor bruges billedkort sjældent på produktionssteder i dag, men de har stadig fordele for demoer eller tilfælde, hvor du tvinger størrelsen af en side.
Ønsker du at vide, hvordan du opretter et billedkort, specifikt hvordan man gør det med Dreamweaver? Processen er ikke særlig vanskelig, men det er heller ikke nemt, så du bør have en vis erfaring, før du begynder.
Kom i gang
Lad os komme igang. Det første skridt du skal tage er at tilføje et billede til din webside. Du klikker derefter på billedet for at fremhæve det. Derfra skal du gå til egenskabsmenuen (og klik på et af de tre hotspot-tegningsværktøjer: rektangel, cirkel eller polygon. Glem ikke at navngive dit billede, som du kan gøre i egenskabslinjen. Du kan nævne det, hvad du vil. Brug "kort" som et eksempel.
Træk nu den ønskede form på dit billede ved hjælp af et af disse værktøjer. Hvis du har brug for rektangulære pletter, skal du bruge rektanglet. Samme for cirklen. Hvis du vil have mere komplekse hotspotformer, skal du bruge polygonen. Dette vil du sandsynligvis bruge i eksemplet på det amerikanske kort, da polygonen ville give dig mulighed for at tabe punkter og skabe meget komplekse og uregelmæssige former på billedet
Indtast eller gennemse til siden, som hotspotet skal linke i egenskabsvinduet for hotspotet. Dette er hvad der skaber det linkbare område. Fortsæt med at tilføje hotspots, indtil dit kort er komplet, og alle de links, du vil tilføje, er blevet tilføjet.
Når du er færdig, skal du gennemgå dit billedkort i en browser for at sikre, at det fungerer korrekt. Klik på hvert link for at sikre, at det går til den rigtige ressource eller webside.
Ulemper ved billedkort
Endnu en gang skal du være opmærksom på, at billedkort har flere ulemper, selv uden for ovennævnte mangel på support med lydhørige hjemmesider. For det første kan små detaljer være skjult i et billedkort. For eksempel kan geografiske billedkort bidrage til at bestemme hvilket kontinent en bruger er fra, men disse kort er måske ikke detaljerede nok til at identificere brugerens oprindelsesland. Det betyder, at et billedkort kan hjælpe med at afgøre, om en bruger er fra Asien, men ikke især fra Cambodja.
Billedkort kan også indlæse langsomt. De bør ikke bruges flere gange på en hjemmeside, fordi de indtager for meget plads til brug på hver side på et websted. For mange billedkort på en enkelt side ville skabe en alvorlig flaskehals og en massiv indvirkning på webstedets ydeevne.
Endelig er billedkort muligvis ikke let for brugere med visuelle problemer at få adgang til. Hvis du brugte billedkort, skal du også oprette et andet navigationssystem til disse brugere som et alternativ.
Bundlinie
Brug billedkort fra tid til anden, når du forsøger at sammensætte en hurtig demo af et design og hvordan det virker. Hvis du f.eks. Mocking et design til en mobilapp, og du vil bruge billedkort til at oprette hotspots for at simulere applets interaktivitet. Dette er meget lettere at gøre end det ville være at kode appen, eller endda bygge dummy websider bygget til nuværende standarder med HTML og CSS. Men at sætte dem ind i et produktionssted eller en app er meget vanskelig og bør sandsynligvis undgås på dagens hjemmesider.
