vraag i.v.m. website

Alles over programmeren en development binnen de IT-wereld
Plaats reactie
Gebruikersavatar
AnD
Elite Poster
Elite Poster
Berichten: 4081
Lid geworden op: 18 okt 2003, 12:29
Locatie: Hasselt
Uitgedeelde bedankjes: 431 keer
Bedankt: 116 keer
Recent bedankt: 1 keer
Provider

Ik vroeg me iets af, gewoon uit nieuwsgierigheid.

Als je een website wil maken en je hebt een tekening of een foto en op die foto staat tekst etc. kan je dan die tekst indelen en daar links van maken ?

bv. op de onderstaande foto staan drie knoppen en een logo, kun je dan die drie knoppen apart indelen (+logo) en daar een link van maken ?

Afbeelding
Gebruikersavatar
Ken
Elite Poster
Elite Poster
Berichten: 4374
Lid geworden op: 04 apr 2005, 23:18
Locatie: België
Uitgedeelde bedankjes: 61 keer
Bedankt: 112 keer
Recent bedankt: 2 keer
Provider

Natuurlijk kan dat, je kan het doen door met het programma Photoshop te slicen. D.w.z. dat je de delen van de afbeelding bepaalt die moeten gesplitst worden of m.a.w. gescheiden moeten zijn van de rest. Dit kan enkel in rechthoekige vlakken. Je kan dan de foto opslaan in HTML via Photoshop en er met een programma als Dreamweaver links opzetten.
De tekst in die foto's kan je wel niet veranderen, behalve als het echt de bedoeling is en je redelijk overweg kan met Photoshop of een ander DTP programma.
Gebruikersavatar
AnD
Elite Poster
Elite Poster
Berichten: 4081
Lid geworden op: 18 okt 2003, 12:29
Locatie: Hasselt
Uitgedeelde bedankjes: 431 keer
Bedankt: 116 keer
Recent bedankt: 1 keer
Provider

Ken Losfeld schreef:Natuurlijk kan dat, je kan het doen door met het programma Photoshop te slicen. D.w.z. dat je de delen van de afbeelding bepaalt die moeten gesplitst worden of m.a.w. gescheiden moeten zijn van de rest. Dit kan enkel in rechthoekige vlakken. Je kan dan de foto opslaan in HTML via Photoshop en er met een programma als Dreamweaver links opzetten.
De tekst in die foto's kan je wel niet veranderen, behalve als het echt de bedoeling is en je redelijk overweg kan met Photoshop of een ander DTP programma.
En dat gaat alleen met photoshop of zijn er ook nog andere programma's ?
MaRtO
Elite Poster
Elite Poster
Berichten: 1250
Lid geworden op: 26 nov 2003, 20:33
Locatie: BE

Er bestaan daar nog andere programma's voor.
Bv. Macromedia Fireworks MX 2004
Gebruikersavatar
Sub Zero
Administrator
Administrator
Berichten: 6181
Lid geworden op: 15 sep 2002, 12:14
Locatie: Herzele
Uitgedeelde bedankjes: 74 keer
Bedankt: 121 keer

Je moet helemaal niet gaan slicen. Je kan er ook een image map over zetten. Meer info
Afbeelding
Gebruikersavatar
Ken
Elite Poster
Elite Poster
Berichten: 4374
Lid geworden op: 04 apr 2005, 23:18
Locatie: België
Uitgedeelde bedankjes: 61 keer
Bedankt: 112 keer
Recent bedankt: 2 keer
Provider

Inderdaad, maar Macromedia werd overgekocht door Adobe :) het zal wel nog in het nieuws komen als er veranderingen worden uitgevoerd op dat gebied.
Gast

Het kan ook zonder de foto te bewerken, met html:

Code: Selecteer alles

<html>
	<head>
		<title>hotspots</title>
	</head>
<body>
Ga met de cursor eens over "User" en daarna over "base".<br>
User zal verwijzen naar www.yahoo.com en base naar www.google.com als je er op klikt...<br>
<img src="http://www.userbase.be/forum/images/top_left.gif" width="134" height="55" border="0" usemap="#hotspots">
<map name="hotspots">
	<area shape="rect" coords="7,5,52,50" href="http://www.yahoo.com">
	<area shape="rect" coords="71,11,121,50" href="http://www.google.com">
</map>
</body>
</html>
Als voorbeeld hierboven heb ik 2 rechthoeken als "hotspots" aangeduid op een "foto.jpg".
coords="7,5,52,50"
De coords zijn opgedeeld in X1,Y1,X2,Y2 waarbij X staat voor het aantal pixels vanaf de X-as en Y voor het aantal pixels vanaf de Y-as.

- X1 en Y1 staan voor linksboven
- X2 en Y2 staan voor rechtsonder

Het is ook mogelijk om bijvoorbeeld ronde hotspots te maken.
Zelfs vrije vorm is mogelijk.

Dit alles gaat heel simpel met dreamweaver.
Ik zal eens voorbeeldje toevoegen als attachment:
Gast

Euh ja, ik kan als gast niets als attachment posten blijkbaar... oeps. :)

Sla alles wat ik in mijn vorige post in het code gedeelte had getypt op als een htm document, en je zal zien dat het werkt.
Gebruikersavatar
AnD
Elite Poster
Elite Poster
Berichten: 4081
Lid geworden op: 18 okt 2003, 12:29
Locatie: Hasselt
Uitgedeelde bedankjes: 431 keer
Bedankt: 116 keer
Recent bedankt: 1 keer
Provider

ok, bedankt :)
Gebruikersavatar
Pi R²
Elite Poster
Elite Poster
Berichten: 811
Lid geworden op: 03 jan 2003, 17:15
Locatie: Sint-Niklaas
Contacteer:

Als ge toevallig frontpage in huis hebt, dan kunt ge der gewoon met de functie "hotspots" op de werkbalk figuren een vorm op tekenen die ge als link wenst aan te duiden. Dan moet ge zelf niet gaan sukkelen met coordinaten op fotokes als ge der nie zo in thuis zijt.
Lang Leve Mijn Eigen! Het geheim voor een lang leven: niet stoppen met ademen
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16757
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 582 keer
Bedankt: 780 keer
Provider

Met (heel) wat creativiteit kunt ge daar zelfs het DHTMLed-object voor gebruiken in je browser, maar dan zijn we eigenlijk al te ver aan het uitwijken :)
Plaats reactie

Terug naar “Development”