Segmenten en afbeeldingen met hyperlinks

Webpagina's kunnen vele elementen bevatten, zoals HTML-tekst, bitmapafbeeldingen, vectorillustraties, enz. In Illustrator kunt u de grenzen van verschillende webelementen in uw illustratie definiëren met gebruik van segmenten. Als de illustratie bijvoorbeeld een bitmapafbeelding bevat die geoptimaliseerd moet worden in de JPEG-indeling, terwijl de rest van de afbeelding beter geoptimaliseerd kan worden als een GIF-bestand, kunt u de bitmapafbeelding isoleren aan de hand van een segment. Wanneer u Opslaan voor web en apparaten kiest om de illustratie op te slaan als een webpagina, kunt u elk segment opslaan als een afzonderlijk bestand in een eigen indeling, met eigen instellingen en een kleurentabel.

De segmenten in een Illustrator-document komen overeen met de tabelcellen in de uiteindelijke webpagina. Standaard wordt het segmentgebied als afbeeldingsbestand binnen een tabelcel geëxporteerd. Als u wilt dat de tabelcel HTML-tekst en een achtergrondkleur bevat in plaats van een afbeeldingsbestand, kunt u het segmenttype wijzigen in Geen afbeelding. Als u Illustrator-tekst naar HTML-tekst wilt omzetten, kunt u het segmenttype wijzigen in HTML-tekst.

U kunt segmenten bekijken in het tekengebied en in het dialoogvenster Opslaan voor web en apparaten. Segmenten worden van links naar rechts en van boven naar beneden genummerd, vanaf de linkerbovenhoek van de afbeelding. Als u de rangschikking of het totale aantal van de segmenten wijzigt, worden de segmentnummers bijgewerkt met de nieuwe volgorde.

Wanneer u een segment maakt, worden de illustraties rondom dit segment in automatische segmenten verdeeld, zodat de lay-out behouden blijft bij gebruik van een webtabel. Er zijn twee typen automatische segmenten: autosegmenten en subsegmenten. Autosegmenten zijn bedoeld voor de gebieden van de illustratie die u niet als segment hebt gedefinieerd. Telkens wanneer u segmenten toevoegt of bewerkt, worden de autosegmenten opnieuw gegenereerd. Subsegmenten geven aan hoe overlappende segmenten die door de gebruiker zijn gedefinieerd, worden verdeeld. Hoewel subsegmenten worden genummerd en een segmentsymbool krijgen, kunt u ze niet afzonderlijk van het onderliggende segment selecteren. Subsegmenten en autosegmenten worden opnieuw gegenereerd wanneer dat nodig is terwijl u aan het werk bent.

Segmenten maken

Segmenten selecteren

Gebruik het gereedschap Segment selecteren  om een segment te selecteren in het illustratievenster of in het dialoogvenster Opslaan voor web en apparaten.

• Klik op een segment om het te selecteren.
• Als u meerdere segmenten wilt selecteren, houdt u Shift ingedrukt en klikt u op de segmenten. (In het dialoogvenster Opslaan voor web en apparaten kunt u ook Shift ingedrukt houden en slepen.)
• Als u met overlappende segmenten werkt en een onderliggend segment wilt selecteren, klikt u op het zichtbare gedeelte van dat segment.

  In het illustratievenster kunt u segmenten bovendien op een van de volgende manieren selecteren:

• Als u een segment wilt selecteren dat is gemaakt met de opdracht Object > Segment > Maken, selecteert u de desbetreffende illustratie in het tekengebied. Als het segment is gekoppeld aan een groep of laag, selecteert u het doelpictogram naast de groep of laag in het deelvenster Lagen.
• Als u een segment wilt selecteren dat is gemaakt met de tool Segment, de opdracht Maken van selectie of de opdracht Maken van hulplijnen, selecteert u het segment in het deelvenster Lagen.
• Klik op het segmentpad met het gereedschap Selecteren .
• Als u een segment van een segmentpad of een segmentankerpunt wilt selecteren, klikt u erop met de tool Direct selecteren.

  Opmerking: U kunt geen autosegmenten selecteren. Deze segmenten worden grijs weergegeven.

Segmentopties instellen

Met de opties van een segment bepaalt u hoe de inhoud van het segment eruit zal zien en zal functioneren in de uiteindelijke webpagina.

Segmenten vergrendelen

Als u segmenten vergrendelt, voorkomt u dat u per ongeluk wijzigingen aanbrengt. Zo vermijdt u dat u segmenten onbedoeld groter of kleiner maakt of verplaatst.

• Kies Weergave > Segmenten vergrendelen.
• Als u afzonderlijke segmenten wilt vergrendelen, klikt u op de bewerkingskolom van het segment in het deelvenster Lagen.

Segmentgrenzen aanpassen

Als u een segment hebt gemaakt met de opdracht Object > Segment > Maken, zijn de positie en grootte van het segment gekoppeld aan de illustratie in het segment. Als u de illustratie verplaatst of de grootte van de illustratie wijzigt, worden de grenzen van de segmenten daarom automatisch aangepast.

Als u een segment hebt gemaakt met de tool Segment, de opdracht Maken van selectie of de opdracht Maken van hulplijnen, kunt u het segment op de volgende manieren handmatig aanpassen:

• Als u een segment wilt verplaatsen, sleept u het segment naar een nieuwe positie met het gereedschap Segment selecteren . Houd Shift ingedrukt als u de verplaatsing wilt beperken tot een verticale, horizontale of diagonale lijn van 45°.
• Als u de grootte van een segment wilt wijzigen, selecteert u het segment met de tool Segment selecteren en sleept u een van de hoeken of zijkanten van het segment. U kunt de grootte van segmenten ook wijzigen met de tool Selecteren en het deelvenster Transformeren.
• Als u segmenten wilt uitlijnen of verdelen, gebruikt u het deelvenster Uitlijnen. Als u segmenten uitlijnt, kunt u voorkomen dat er onnodige automatische segmenten worden gemaakt. Zo ontstaat een kleiner en meer efficiënt HTML-bestand.
• Als u de stapelvolgorde van segmenten wilt wijzigen, sleept u het segment naar een nieuwe positie in het deelvenster Lagen of selecteert u een van de opdrachten van Object > Ordenen.
• Als u een segment wilt splitsen, selecteert u het desbetreffende segment en kiest u Object > Segment > Segmenten verdelen.

  U kunt segmenten die op elke manier zijn gemaakt met elkaar combineren. Selecteer de segmenten en kies Object > Segment > Segmenten combineren. Het resulterende segment krijgt de afmetingen en positie van de rechthoek die wordt gevormd door samenvoeging van de buitenranden van de gecombineerde segmenten. Als de gecombineerde segmenten niet aan elkaar grenzen of verschillende afmetingen of uitlijningen hebben, kan het nieuwe segment andere segmenten overlappen.

  Kies Object > Segment > Bijsnijden naar tekengebied om de grootte van alle segmenten aan te passen aan de grenzen van het tekengebied. Segmenten die het tekengebied overschrijden, worden afgekapt, zodat deze in het tekengebied passen. Automatische segmenten die zich binnen het tekengebied bevinden, worden vergroot tot de grenzen van het tekengebied. De illustraties blijven ongewijzigd.

Segmenten verwijderen

U kunt een segment wissen door het te verwijderen of door het op te heffen in de corresponderende illustratie.

• Als u een segment wilt verwijderen, selecteert u het segment en drukt u op Delete. Als het segment is gemaakt met de opdracht Object > Segment > Maken, wordt de corresponderende illustratie tegelijkertijd ook verwijderd. Maak het segment ongedaan in plaats van het segment te verwijderen als u de bijbehorende illustratie niet wilt verwijderen.
• Kies Object > Segment > Alles verwijderen om alle segmenten te verwijderen. Segmenten die zijn gemaakt met de opdracht Object > Segment > Maken worden ongedaan gemaakt, niet verwijderd.
• Als u een segment ongedaan wilt maken, selecteert u het desbetreffende segment en kiest u Object > Segment > Geen.

Segmenten tonen of verbergen

• Als u segmenten in het illustratievenster wilt verbergen, kiest u Weergave > Segmenten verbergen.
• Als u segmenten in het dialoogvenster Opslaan voor web en apparaten wilt verbergen, klikt u op de knop Zichtbaarheid van segmenten in/uitschakelen .
• Als u segmentnummers wilt verbergen en de kleur van segmentlijnen wilt wijzigen, kiest u Bewerken > Voorkeuren > Slimme hulplijnen en segmenten (Windows) of Illustrator > Voorkeuren > Slimme hulplijnen en segmenten (Mac OS).

Afbeeldingen met hyperlinks maken

Gebruik afbeeldingen met hyperlinks om een of meerdere gebieden in een afbeelding, de zogenaamde hotspots, aan een URL te koppelen. Wanneer een gebruiker op de hotspot klikt, laadt de webbrowser het gekoppelde bestand.

Het grootste verschil tussen het gebruiken van afbeeldingen met hyperlinks en het gebruiken van segmenten voor het maken van koppelingen wordt gevormd door de manier waarop de illustratie wordt geëxporteerd als een webpagina. Als u afbeeldingen met hyperlinks gebruikt, blijft de illustratie behouden als één afbeeldingsbestand. Als u echter segmenten gebruikt, wordt de illustratie opgesplitst in afzonderlijke bestanden. Een ander verschil tussen afbeeldingen met hyperlinks en segmenten ligt in het feit dat u afbeeldingen met hyperlinks kunt gebruiken om veelhoekige of rechthoekige gebieden in de afbeelding te koppelen, terwijl u met segmenten alleen rechthoekige gebieden kunt koppelen. Als u alleen rechthoekige gebieden wilt koppelen, kunt u beter segmenten gebruiken in plaats van afbeeldingen met hyperlinks.