Website layout met mooie, vloeiende lijnen

[anoniem]

Hallo allemaal, Ik heb websites gezien die gebruik maken van een vloeiende lijn (bijvoorbeeld een 'S' lijn) om het menu gescheiden te houden de rest van de inhoud. En die vloeiende lijn begint soms helemaal rechtsboven en eindigt helemaal linksonder en gaat onafgebroken door de andere onderdelen heen. Nu wil ik graag weten hoe je het makkelijkst zoiets kan maken. Hoe ik het zelf heb gedaan: Ik probeerde een grote ellips/cirkel te maken met negen frames (boven, links, rechts, onder, binnenkantlinksboven, binnenkantrechtsboven, binnenkantlinksonder, binnenkantrechtsonder) en die frames aan de binnenkant bevatten plaatjes van kleine bochten om het geheel helemaal vloeiend te maken. Volgens mij moet er een makkelijkere manier zijn, want ik word eerlijk gezegd helemaal gek van al die frames! Of misschien is er een programma dat zoiets automatisch voor je doet? Alvast bedankt voor de suggesties!

[anoniem]

Ok, update: ik lees hier iets over zgn. "layers" en dat heeft denk ik weer iets te maken met HTML 4 en DOM en zo...volgens mij zou ik daar misschien wel wat mee kunnen doen. Is dat juist?

[anoniem]

Ik denk het wel. 'k Ben zelf ook een beetje aan het klooien geslagen met layers (heb ze ook maar pas ontdekt :L), maar wat ik intussen wel heb ontdekt, is dat je op de pixel nauwkeurig kunt positioneren. (denk ik). Voor de goede aanwijzingen wat betreft layers etc. moet je even wachten op de echte profs hier in de buurt.

[anoniem]

Ik begrijp dat je geen idee hebt wat layers zijn, dus hier een kleine en simpele beschrijving. Layers zijn - zoals het woord al zegt - een soort van lagen over je document heen. Ze hebben in principe een transparante achtergrond maar deze kan ook een door jou te bepalen kleur zijn. In de layer zet je gewoon HTML zoals je ook in een standaard document zet. Ze hebben de eigenschappen [b:14b4c322f7]top[/b:14b4c322f7], [b:14b4c322f7]left[/b:14b4c322f7], [b:14b4c322f7]width[/b:14b4c322f7] en [b:14b4c322f7]height[/b:14b4c322f7] waarmee je positie en grootte kan bepalen. Ook kan je de positie bepalen aan de hand van een andere layer (ralatief). Je maakt ze trouwens met de <div></div> tags. Een voorbeeld moet ik je even schuldig blijven... Hopelijk kan je hier wat mee en heb je binnen de korste keren de layers onder de knie. - Basje.

[anoniem]

Aha. Dank je voor de korte uitleg over wat layers nu precies zijn! Kan je me ook een goede freeware/shareware programma aanraden om aan de slag te gaan met layers? Of evt. een programma dat niet freeware of shareware is?

[anoniem]

Ik vind Dreamweaver 4 erg prettig werken als ik layers gebruik, ook al is dat niet vaak. Als het goed is kan je een 30-dagen versie downloaden van de site van [url=http://www.macromedia.com/]Macromedia[/url]. - Basje.

[anoniem]

[url]http://www.stylite.nl/previews/tolhuys/tolhuys-prev.jpg[/url] zoiets? *images zijn nog brak...* ik heb alles al in HTML gerealiseerd, veel tabellen gebruikt, en gezorgd dat ik zoveel mogelijk de bochten als 1 plaatje heb zodat ik ze niet aan elkaar hoefde te passen. _________________ [b:6b7806c80f]Toeter[/b:6b7806c80f] [b:6b7806c80f]::[/b:6b7806c80f]been.there[b:6b7806c80f]::[/b:6b7806c80f]learned.that[b:6b7806c80f]::[/b:6b7806c80f]came.back[b:6b7806c80f]::[/b:6b7806c80f] www.[url=http://www.heidi.stylite.nl]heidi[/url].[url=http://www.stylite.nl]stylite[/url].nl [ Dit Bericht is bewerkt door: Toeter84 op 2002-01-20 17:42 ]

[anoniem]

[quote:6231d2546d] Op 2002-01-20 17:40, schreef Toeter84: [url]http://www.stylite.nl/previews/tolhuys/tolhuys-prev.jpg[/url] zoiets? [/quote:6231d2546d] Ja, zoiets bijvoorbeeld! En zo te horen doe jij het op dezelfde manier als ik dat doe. Vind je het niet bijzonder irritant om met zoveel frames te werken? [quote:6231d2546d] Op 2002-01-19 20:42, schreef BasHamar: Ik vind Dreamweaver 4 erg prettig werken als ik layers gebruik, ook al is dat niet vaak. Als het goed is kan je een 30-dagen versie downloaden van de site van [url=http://www.macromedia.com/]Macromedia[/url]. - Basje. [/quote:6231d2546d] Ik ga ff met DW4 aan de slag, bedankt voor de tip!

[anoniem]

[quote:332e32a59d] Op 2002-01-20 17:40, schreef Toeter84: [url]http://www.stylite.nl/previews/tolhuys/tolhuys-prev.jpg[/url] zoiets? *images zijn nog brak...* ik heb alles al in HTML gerealiseerd, veel tabellen gebruikt, en gezorgd dat ik zoveel mogelijk de bochten als 1 plaatje heb zodat ik ze niet aan elkaar hoefde te passen. _________________ [b:332e32a59d]Toeter[/b:332e32a59d] [b:332e32a59d]::[/b:332e32a59d]been.there[b:332e32a59d]::[/b:332e32a59d]learned.that[b:332e32a59d]::[/b:332e32a59d]came.back[b:332e32a59d]::[/b:332e32a59d] www.[url=http://www.heidi.stylite.nl]heidi[/url].[url=http://www.stylite.nl]stylite[/url].nl [ Dit Bericht is bewerkt door: Toeter84 op 2002-01-20 17:42 ] [/quote:332e32a59d]

[anoniem]

Hé, waar is de rest van mijn bericht nou gebleven? Wat ik in ieder geval probeerde te zeggen: Het heeft nog een voordeel zo min mogelijk plaatjes te gebruiken. Het duurt langer om veel kleine plaatjes te downloaden van een server dan weinig grote plaatjes (als het aantal bytes ongeveer gelijk is). Dit komt omdat de browser alle plaatjes 1 voor 1 gaat downloaden. Hij stuurt telkens naar de server: ik wil plaatje.gif en de server stuurt dit plaatje terug. Het duurt telkens even voordat het antwoord terug komt. Zoek voor meer informatie eens met de trefwoorden "latency" of "ping".

[anoniem]

inderdaad, daarom heb ik alle grote bochten ook in 1 plaatje gezet, en zoveel mogelijk vlakken gewoon een cel gemaakt met de juiste kleur en een &nbsp; er in, zodat Netscape er niet over struikelt. maar het aan elkaar passen van de bochten is een rotwerkje als je design niet helemaal de goede maat heeft. bovendien moet je rekening houden met het uit beeld verdwijnen van tekst; ik heb liever nooit dat dit in een vlak 'verdwijnt', liever onder een lijntje. denk vervolgens aan het resolutie-vast zijn; beperk die bocht echt in een frame, anders gaat hij herhalen en dan sluit de onderkant weer niet bij de bovenkant aan...