Jump to content

Layout

Geplaatst:
comment_1132023

Hoi jongens,

Als ik een layout wil maken voor een eventuele webpagina, hoe moet ik dat dan in het vredes naam wel niet doen? Ik neem als voorbeeld even deze layout. Als ik zoiets maak hoe zet ik dat dan in een HTML code en wat moeten de afmetingen van mijn layout dan worden? En als ik die layout dan eenmaal in mijn HTML code heb, hoe moet ik dan bijvoorbeeld in die balk daar links met HTML schrijven?

Ik wil dus graag uitleg over layouts en hoe ik deze in HTML kan zetten om het maar even kort samen te vatten. Ik weet de basissen van HTML dus jullie hoeven het ook niet uit te leggen voor een kleuter maar duidelijke uitleg is nooit verkeerd. ;)

Alvast bedankt van Hackman

  • Reageren

    • Featured Replies

    Geplaatst:
    comment_1132044

    Als je de PSD hebt kun je de cilence tool gebruiken. Je maakt daarmee plaatjes en photoshop zet het weer in elkar met een HTML code. Die HTML code kan je weer veranderen met het programma DreamWaver of een ander HTML edit programa. De grote maakt niet uit als je maar voor jezelf een goede gote hebt waardoor je alles goed kan lezen en typen. Het beste is als je aan het begin van de HTML code <center> en aan het ijne </center> zet zodat het word gecentrigreert. En als je kan ooknog de backround gebruiken. Meer vragen? Stel ze gerust!

  • Reageren
    • Geplaatst:
    comment_1132048

    Eerst moet je een layout maken en daarna moet je hem slicen met Photshop dus in stukjes verdelen en daarna heb je hem in html en dan moet je met divs werken.

    Maar op google staat er veel informatie erover ;)

    @hierboven 1 seconde later

    Edit: 1 minuut

    Bewerkt: door zaahed

  • Reageren
    • Geplaatst:
    • Auteur
    comment_1132385

    Okee, maar dan moet ik eerst een layout maken. Welke afmetingen en zeg me niet dat ik dat zelf moet weten want dat is bij mij helaas gewoon geen optie, zulke dingen moeten andere mensen voor mij bepalen anders word ik echt helemaal gek. Dat slicen begrijp ik verder ook wel alleen dan moet je hem nog in HTML zetten en dat snap ik dus niet helemaal. Even een leuk lijstje met dingen die ik nog niet snap en eigenlijks wel wil weten:

    • De afmetingen van de layout
    • Welke tags ik moet gebruiken en hoe

    Het is misschien een beetje heel erg veel gevraagd maar zouden jullie voor mij even een totale code kunnen maken van hoe zo'n layout in zijn werking gaat? Dan kan ik namelijk zien welke tags ik moet gebruiken en welke details ik moet invoeren enz.

    De layout moet dus de pagina zijn, er mag dus geen ruimte omheen zitten!

    Ook alvast bedankt voor de hulp die jullie al hebben gegeven, ik ben er echt al een stuk wijzer van geworden dus ga zo door!

    En ik wil ook weten hoe ik tekst op de layout kan zetten!

    Bewerkt: door Hackman

  • Reageren
    • Geplaatst:
    • Auteur
    comment_1133661

    Okee, ik begrijp dat dit niet gaat werken om een of andere manier. Ik weet nu het meeste al door grondig research en het enige wat ik nu wil weten is hoe ik de hele layout in het midden zet. Ook snap ik wat dingen niet over bepaalde tags, even een plaatje:

    8x0qjt.jpg

    Kan iemand me even de code geven van hoe ik de tekst "Okee" op deze plaats krijg:

    16h2rrq.jpg

    Als ik deze 2 vragen weet dan ben ik waarschijnlijk voorlopig er wel klaar mee...

  • Reageren
    • Geplaatst:
    comment_1133898

    1. Met de center-tags dus...

    <body>
<center>
...
</center>
</body>

    2. Probeer eens in de div van banner2 dit te zetten style:"float: left" en dan zou het normaal gezien moeten lukken als ik me niet vergis.

  • Reageren
    • Geplaatst:
    • Auteur
    comment_1133933

    Okee, ik heb het erin gezet alleen er gebeurt verder niks. Zou je deze code kunnen bewerken zodat het wel wil want als ik er zelf aan ga prutsen gaat sowieso fout:

    <html>
<head>
<title>Test</title>
</head>
<body>
<center>
<div align="left"><img src="Banner.Png" alt="Banner"></div>
<div style:"float: left" valign="top" align="left"><img src="Banner2.Png" alt="Banner"></div><span align="right" valign="top">Okee</span>
</center>
</body>
</html>

    Als je dit héél even voor me doet ben ik er echt klaar mee denk ik. :D

  • Reageren
    • Geplaatst:
    • Auteur
    comment_1136172

    Okee jongens, het is me (na vele malen mijn computer vervloeken) uiteindelijk gelukt, mede dankzij Woetsha! Dit is de uiteindelijke code voor degenen die nieuwsgierig zijn, buiten de code om heb ik nog meer veranderd maar daar moet je even niet op letten. :D

    <html>
<head>
<title>Test</title>
</head>
<body>

<div><img src="Banner.JPEG" alt="Banner"></div>

<div style="float: left"><img src="Banner2.JPEG" alt="Banner"></div>

<font style="float: left" face="Comic Sans MS"><b>Yeehaw!</b></font>
</body>
</html>

    Naja, 3 hoeratjes voor Woetsha! :D Bedankt iedereen voor de hulp en wanneer ik weer vast kom te zitten weet ik jullie te vinden. ;)

  • Reageren

    • Een reactie plaatsen

    Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.

    Gast
    Op dit onderwerp reageren...
    Naar onderwerpenlijst

    Recent actief 0

    • Er zijn hier geen geregistreerde gebruikers aanwezig.