Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Website layout met mooie, vloeiende lijnen

Toeter84
10 antwoorden
  • 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!
  • 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?
  • 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.
  • 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.
  • 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?
  • 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 Macromedia.

    - Basje.
  • http://www.stylite.nl/previews/tolhuys/tolhuys-prev.jpg

    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.heidi.stylite.nl

    [ Dit Bericht is bewerkt door: Toeter84 op 2002-01-20 17:42 ]
  • [quote:6231d2546d]
    Op 2002-01-20 17:40, schreef Toeter84:
    http://www.stylite.nl/previews/tolhuys/tolhuys-prev.jpg

    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 Macromedia.

    - Basje.

    [/quote:6231d2546d]

    Ik ga ff met DW4 aan de slag, bedankt voor de tip!
  • [quote:332e32a59d]
    Op 2002-01-20 17:40, schreef Toeter84:
    http://www.stylite.nl/previews/tolhuys/tolhuys-prev.jpg

    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.heidi.stylite.nl

    [ Dit Bericht is bewerkt door: Toeter84 op 2002-01-20 17:42 ]
    [/quote:332e32a59d]
  • 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".

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.