Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Pagina Ontwerpen

9 antwoorden
  • Hallo, Ik ben bezig om een website te maken.. (Ik gebruik Dreamweaver...want alle HTML zelf kan ik niet :wink: ) Nu heb ik dus van een template het een en ander gehaald.. Ik wil graag het volgende: [img:039f2592d1]http://img238.imageshack.us/img238/7402/naamloos3uf.jpg[/img:039f2592d1] Dus dat de ''Hoofd Pagina" In het midden komt.. Moet ik dan met Layers werken..? Of met tabellen ofzo..? Moet ik het plaatje als PSD toevoegen of JPG ..? Moet het op de achtergrond staan....Of moet je hem erbij zetten als een plaatjes... Graag hoor ik wat..:) Groeten Mark
  • Als eerste neem je de CSS over van deze pagina: http://www.thenoodleincident.com/tutorials/box_lesson/basic_centered.html Het plaatje wat je opslaat: Gif voor "simpele" afbeeldingen, jpg/png voor complexere (zoals foto's).. t.
  • [quote:60e47e28ce="teacher"]Als eerste neem je de CSS over van deze pagina: http://www.thenoodleincident.com/tutorials/box_lesson/basic_centered.html Het plaatje wat je opslaat: Gif voor "simpele" afbeeldingen, jpg/png voor complexere (zoals foto's).. t.[/quote:60e47e28ce] Hoe doe ik dat precies.. Moet ik dan bij dreamweaver een ""nieuwe"" CSS pagina openen... en dan alles weg halen en dit er neer zetten..? Wat is het verschil tussen CSS en HTML..? mark
  • het zal miss handig zijn als je eerst even de basis van (X)HTML en CSS zal leren want dan kom je er achter dat je 3 "kolommen" kunt maken en dan kun je die 2 plaatjes aan de zijkant daar als achtergrond opgeven, dan krijg je het effect wat je bedoelt, maar dan moet je het wel in een div zetten bijv zoals dit: ( dit is puur een simpel geval met PUUR de html ) [code:1:465b7ed156] ... <body> <div id="links"> </div> <div id="rechts"> </div> <div id="inhoud"> alle tekst komt hier</div> </body> ...[/code:1:465b7ed156] ik hoop dat dit duidelijk is, ander hoor ik het wel en de css pff, ik heb nou niet zo gauw een idee hoe ik dat meot uitleggen, maar die link kan wel van pas komen denk ik :) verder heeft teacher het uitgebreid uitgelegt :)
  • [quote:4f15fa43ad="s.Mighty"]het zal miss handig zijn als je eerst even de basis van (X)HTML en CSS zal leren want dan kom je er achter dat je 3 "kolommen" kunt maken en dan kun je die 2 plaatjes aan de zijkant daar als achtergrond opgeven, dan krijg je het effect wat je bedoelt, maar dan moet je het wel in een div zetten bijv zoals dit: ( dit is puur een simpel geval met PUUR de html ) [code:1:4f15fa43ad] ... <body> <div id="links"> </div> <div id="rechts"> </div> <div id="inhoud"> alle tekst komt hier</div> </body> ...[/code:1:4f15fa43ad] ik hoop dat dit duidelijk is, ander hoor ik het wel en de css pff, ik heb nou niet zo gauw een idee hoe ik dat meot uitleggen, maar die link kan wel van pas komen denk ik :) verder heeft teacher het uitgebreid uitgelegt :)[/quote:4f15fa43ad] Ok..Bedankt.. Maar zijn die kolommen dan niet hetzelfde als layers..? Of is dat weer iets heel anders ..? :S Groeten Mark
  • ligt er net aan hoe je het bekijkt, je kunt het als layer gebruiken, maar ook als gewoon een kolom, zoals eerder gebruikt werd met tabellen om de pagina op te maken maar die tabellen zijn nu block level elements geworden ( tags zoals <P> , <div> , en lijsten. ik ben zelf ook nog niet helemaal bekent met css .. dus dat zal je aan de meer "bekennisde hoofden" hier meoten vragen.
  • Aan die layout te zien, hoeft er maar één kolom te zijn... Die hack op the noodle incident is wel een beetje oud en, zoals ze op tweakers zeggen, "een beetje ranzig". http://maxdesign.com.au/presentation/center/ HTML is code waarmee je de inhoud van een webpagina bouwt. De inhoud bestaat feitelijk gewoon uit tekst, maar die tekst moet je een structuur meegeven, anders snapt de browser het niet. Je geeft bijvoorbeeld aan dat het een HTML-pagina is door de doctype en het element <html>. Je geeft aan dat iets een link is, door het tussen <a>-tags te zetten. En je geeft aan dat iets een alinea is, door het tussen <p>-tags te zetten, etc. CSS is code waarmee je die elementen een plaats geeft op de pagina en waarmee je de pagina vormgeeft. Met CSS kun je bijv. tekst van kleur of grootte veranderen, een menu bovenaan of juist links op de pagina zetten, je site voorzien van een background, etc. Zulke dingen kunnen vaak ook met HTML, maar dat wordt vaak een rommeltje. CSS is er juist voor om het vormgeven van je pagina te vergemakkelijken. Daarom heet het ook Cascading [i:858c5147d7]Style[/i:858c5147d7] Sheets. Als men praat over layers, dan bedoelt men vaak een <div> en als men praat over een kolom, dan is dat vaak ook een <div>, dus wat dat betreft wel hetzelfde, alleen suggereert de term layer dat alles bovenop elkaar gestapeld wordt. Dat is bij goed gebruik van CSS juist bijna nooit nodig. Probeer niet te denken in lagen, maar in blokken die je naast elkaar in het scherm positioneert (in zowel verticale als horizontale richting, maar niet zozeer de z-as). Als je met CSS aan de gang wilt, raad ik aan de links in het topic [url=http://forum.computertotaal.nl/phpBB2/viewtopic.php?t=150696]CSS, HTML en starten met een website[/url] eens door te lezen.
  • [quote:96a6c20e6d="boelieboelie"]Aan die layout te zien, hoeft er maar één kolom te zijn... Die hack op the noodle incident is wel een beetje oud en, zoals ze op tweakers zeggen, "een beetje ranzig". http://maxdesign.com.au/presentation/center/ HTML is code waarmee je de inhoud van een webpagina bouwt. De inhoud bestaat feitelijk gewoon uit tekst, maar die tekst moet je een structuur meegeven, anders snapt de browser het niet. Je geeft bijvoorbeeld aan dat het een HTML-pagina is door de doctype en het element <html>. Je geeft aan dat iets een link is, door het tussen <a>-tags te zetten. En je geeft aan dat iets een alinea is, door het tussen <p>-tags te zetten, etc. CSS is code waarmee je die elementen een plaats geeft op de pagina en waarmee je de pagina vormgeeft. Met CSS kun je bijv. tekst van kleur of grootte veranderen, een menu bovenaan of juist links op de pagina zetten, je site voorzien van een background, etc. Zulke dingen kunnen vaak ook met HTML, maar dat wordt vaak een rommeltje. CSS is er juist voor om het vormgeven van je pagina te vergemakkelijken. Daarom heet het ook Cascading [i:96a6c20e6d]Style[/i:96a6c20e6d] Sheets. Als men praat over layers, dan bedoelt men vaak een <div> en als men praat over een kolom, dan is dat vaak ook een <div>, dus wat dat betreft wel hetzelfde, alleen suggereert de term layer dat alles bovenop elkaar gestapeld wordt. Dat is bij goed gebruik van CSS juist bijna nooit nodig. Probeer niet te denken in lagen, maar in blokken die je naast elkaar in het scherm positioneert (in zowel verticale als horizontale richting, maar niet zozeer de z-as). Als je met CSS aan de gang wilt, raad ik aan de links in het topic [url=http://forum.computertotaal.nl/phpBB2/viewtopic.php?t=150696]CSS, HTML en starten met een website[/url] eens door te lezen.[/quote:96a6c20e6d] THNKSS>.!! Nog één laatste vraag... Hoe maak ik bij een programma als dreamweaver die DIV's ..? Moet alles getypt wordenl.. :-? Of kan CSS ook met wysiwyg? Mark
  • [quote:3ee9873809="mark1989"] THNKSS>.!! Nog één laatste vraag... Hoe maak ik bij een programma als dreamweaver die DIV's ..? Moet alles getypt wordenl.. :-? Of kan CSS ook met wysiwyg? Mark[/quote:3ee9873809] Het is echt aan te raden om te gaan werken met behulp van de "code-view" van dreamweaver. Dit zal je op den duur alleen maar plezier opleveren. En bedenk, je kunt nu alles wat je hebt gedaan ook gelijk terugzien in danwel de design-view of beter nog in je browser. Mocht je toch in design-view verder gaan dan kun heb je in het lay-out gedeelte van het menu naast het knopje tabbellen een knopje voor div's zitten. en je kun je via: text > css styles je css editen.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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