geplaatst door: StoffelXYZ
Hoi,

Op welke manier kan ik in Dreamweaver CS3 vrij de positie kiezen/instellen van een aantal afbeeldingen aub?

Alvast bedankt!

Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
21 februari 2008 - 22:57    reactie #1
geplaatst door: Peter Villevoye
Je kan kaders maken (Absolute Positioned Layers,
heet dat in DreamWeaver CS3-jargon) en daar die
plaatjes in zetten. Net als bij opmaakprogramma's
kan je een plaatje dus niet ff 'bloot' neerkwakken.

Echter, het web werkt in vele opzichten anders dan
het zo vertrouwde papier. Zo zijn vaste posities iets
wat bij veel webontwerp meestal ter discussie staat.
(Wie bepaalt hoe breed je pagina bekeken wordt ?)

Maar dat soort vragen/discussies zijn hier al vaker
de revu gepasseerd. Zoek maar eens in 't archief...

Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
21 februari 2008 - 23:05    reactie #2
geplaatst door: StoffelXYZ
Bedankt!
Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
22 februari 2008 - 11:08    reactie #3
geplaatst door: Fix
Insert > Layout objects > Layer

Is inderdaad niet echt aan te raden, aangezien de posities absoluut zijn.. en er dus van alles buiten het scherm kan vallen, maar dat ligt er natuurlijk aan waarvoor je het gaat gebruiken.

Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
23 februari 2008 - 00:48    reactie #4
geplaatst door: StoffelXYZ
Bedankt voor de antwoorden!

Ik heb nu enkele AP DIV's met daarin een afbeelding op de pagina geplaatst.  Ik kan een gebeurtenis (bijvoorbeeld onmouseover) aan deze afbeelding koppelen waardoor ik bijvoorbeeld een andere afbeelding kan tonen.  

Ik slaag er echter niet in om een grotere versie van de oorspronkelijke afbeelding te tonen bij "onmousoever".

Ik heb ook reeds geprobeerd om er twee gebeurtenissen aan te koppelen,één voor het tonen van de grotere versie van de afbeelding en één voor het wijzigen van de eigenschappen van de DIV.  Als ik dan width selecteer en een grotere waarde ingeef, zou ik verwachten dat de breedte van de AP DIV gewijzigd wordt maar dat blijkt niet het geval ...

Kent iemand de oplossing?

Alvast bedankt!

Groetjes,

Stoffel

Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
23 februari 2008 - 01:20    reactie #5
geplaatst door: Peter Villevoye
Hmm... ik zou 'n voorbeeld (on-line) moeten bekijken/beproeven
om de precieze oorzaak en de juiste oplossing te kunnen bepalen.
Anders wordt het 10 keer gissen en is 't toch de elfde dwarsligger...

In ieder geval een goede raad: HTML en CSS zijn geen flipperkast.
Als je speciale animaties, effecten of bewegingen wil gaan maken,
ga dan liever naar Flash of gebruik kant-en-klare scripts. Voor een
gallery is handig: http://www.airtightinteractive.com/simpleviewer/

Waarom moeilijk (zelf) doen als het ook makkelijk (vanzelf) kan ?

(Bewerkt door Peter Villevoye om 1:20, 23-02-2008)

Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
23 februari 2008 - 03:26    reactie #6
geplaatst door: Kaydie

Citaat
Fix om 11:08, 22-02-2008
Insert > Layout objects > Layer
aangezien de posities absoluut zijn..

...i.p.v. de positie bedoel je denk ik de lengte eenheden ?


"…It sure is great to get out of that bag!" -- mac, 1984
--
kaydies
Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
23 februari 2008 - 11:27    reactie #7
geplaatst door: StoffelXYZ
Voorbeeld in zeeer prematuur stadium:  http://www.lcns.be/test  

De achtergrondafbeelding staat er maar als tijdelijke oplossing.

Ik zou graag een eenvoudige homepage opzetten met daarop enkele afbeeldingen die ik in ovaalvorm op het scherm plaats.  Bij "mouseover" zouden de afbeeldingen moeten vergroten en bij "mouseclick" zou er een productbeschrijving moeten verschijnen.

Bedoeling:

1.  Afbeeldingen op een willekeurige plaats positioneren:  OK Dankzij AP DIV

2.  Bij "onmouseover" moet de afbeelding vergroten.  NIET OK.  Afbeelding wijzigen lukt wel via gebeurtenissen (zie rugzak).  Afbeelding van de AP DIV vergroten lukt echter niet (zie sleutelhanger).

3.  bij "mouseclick" zou er een productbeschrijving moeten verschijnen.  NIET ECHT OK.  De huidige oplossingen (sleutelhanger en zitje) zijn niet erg mooi (gebeurtenis "tekst in containter veranderen" en "popupvenster").

Ik zou liefst zonder Flash werken.  Ik weet niet of er een kant en klare gallerij bestaat die deze mogelijkheden biedt...

Groetjes,

Stoffel

Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
23 februari 2008 - 23:46    reactie #8
geplaatst door: Peter Villevoye
Goed dat je 't even laat zien. Dit is een ideaal Flash-klusje.
Je kunt je ertegen verzetten, maar de ontwerpwijze, je wensen,
het relatieve gemak waarmee je zoiets in Flash kan ineen zetten
en het gedoe wat het kost in HTML en CSS; alles wijst naar Flash.

We kunnen je wel tips in HTML, CSS en scripts gaan aanreiken,
maar ieder antwoord levert geheid weer een volgende vraag op
die tegen het randje van "nog net haalbaar" aan zit te schurken.
Face it: dergelijke ideeën en ontwerpen schreeuwen om Flash...

Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
26 februari 2008 - 12:19    reactie #9
geplaatst door: Fix
Helemaal waar Villevoye..
al wil ik StoffelXYZ één oplossing niet ontnemen:

Tot Adobe Photoshop versie 9 (CS2) was het mogelijk om je .PSD te exporteren naar ImageReady.
Het mooie aan dit programma is (/was) dat je deze .PSD kunt onderverdelen in slices en dat je vervolgens met Imageready hyperlinks (en dus ook rollovers) aan deze slices kunt hangen. Het mooie van deze manier is dat je de verandering van de rollover buiten het gebied van de desbetreffende rollover kunt laten lopen.
Bijvoorbeeld: Je maakt van een slice in je PSD linksboven een link, waarin je zegt dat als je er met je muis overheen gaat, er rechtsonder iets moet veranderen.
Uiteindelijk kun je vanuit IR deze hele pagina laten exporteren als HTML en hij zorgt zelf dat alle .jpg's enzo netjes in een mapje komen te staan.

Helaas zijn ze bij CS3 gestopt met Imageready en moet je alles nu met Photoshop zelf en Fireworks doen, wat ik veel onhandiger vind.

----

Citaat

Citaat: Fix om 11:08, 22-02-2008
Insert > Layout objects > Layer
aangezien de posities absoluut zijn..    

...i.p.v. de positie bedoel je denk ik de lengte eenheden ?


Nee, de positie van een Div-Layer is altijd absoluut. De hoogte/breedte in principe ook, ja.
Vrije keuze van een afbeeldingspositie in Dreamweaver CS3?
26 februari 2008 - 15:08    reactie #10
geplaatst door: StoffelXYZ
Bedankt voor alle advies :thumbs-up: