1. Deze website gebruikt cookies. Door deze website verder te gebruiken, gaat u akkoord met ons gebruik van cookies. Leer Meer.

Het Web ontwikkelaars Topic [deel 2]

Discussie in 'PC, Handheld & Algemeen' gestart door Distoration, 16 jan 2009.

Topicstatus:
Niet open voor verdere reacties.
  1. Xwon

    Xwon het is wat het is.

    Berichten:
    2.853
    Leuk Bevonden:
    1
    Het is een gratis font hoor, dus je kunt het via www.dafont.com zeker vinden. Ons logo is wel maatwerk, opzoek gegaan naar verschillende fonts die er bij passen met hem en zo op dit resultaat gekomen

    [​IMG]
     
  2. Gdzr

    Gdzr Hmmm?

    Berichten:
    2.751
    Leuk Bevonden:
    62
    Stuur dan een link van dat fontje xD
     
  3. Xwon

    Xwon het is wat het is.

    Berichten:
    2.853
    Leuk Bevonden:
    1
    Die heeft de designer dus ;) Is een collega van me, ik zal het eens vragen als ik hem spreek.
     
  4. Dokter Gonzo

    Dokter Gonzo Hunter S. Thompson

    Berichten:
    856
    Leuk Bevonden:
    0
    WhatTheFont werkt alleen met plaatjes waar verder geen beeldmerken of andere afbeeldingen in staan. Ik heb het boardculture-logo even gestript van het beeldmerk en whitespace, en hem erdoorheen gehaald. Ik kreeg geen identieke match, maar Ginza komt aardig in de buurt.
     
  5. captain vimes

    captain vimes upholding the law

    Berichten:
    566
    Leuk Bevonden:
    40
    Was ik weer, met nog een vraagje: weet iemand toevallig een goed boek om Javascript mee te leren? Er zijn er zoveel dat je door de bomen het bos niet meer ziet... Thanks!

    (dit leek me na html en css wel een logische vervolgstap...)
     
    Laatst bewerkt: 14 jan 2011
  6. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Hee,

    [​IMG]

    Deze layout heb ik gemaakt om even te oefenen. Hoe maak ik hier nu een werkende website van, zonder te slicen. Heeft iemand misschien een tutorial om me op weg te helpen?

    Alvast bedankt
     
  7. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
  8. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    ik kan er maar geen begin mee maken, het van photoshop layout naar css/html
     
  9. Luukiee09

    Luukiee09 Active Member

    Berichten:
    2.073
    Leuk Bevonden:
    0
    Kan je uberhaupt wel HTML?
    Ik heb trouwens het slicen net onder de knie met css. Er komen zo veel betere websites uit!
     
    Laatst bewerkt: 20 jan 2011
  10. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Ik kan HTML ik kan een beetje css, alleen de stap van de PSD naar (x)html/css snap ik niet:9:+
     
  11. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    37
    Wat bedoel je nou 'de stap van PSD naar html/css' ?
    Het enige plaatje wat je nodig hebt om je website te maken in html/css is de banner en dat stuk met rounded corners (dit kan pas in CSS3 toch?)
     
  12. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    kijk ik heb nu een psd, maar dit bewerken met html css dat snap ik niet
     
  13. Kortestier

    Kortestier Shortbull XBW.nl ICT

    Berichten:
    3.105
    Leuk Bevonden:
    121
    Het .psd bestand is niet van belang, dit gebruik je enkel en alleen als voorbeeld. Je opent een nieuw HTMl document en gaat aan de slag. Ik zal je the beginning geven:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    </body>
    </html>

    Dit is een standaard HTML document. In dit geval maak ik boven de body en onder de Head een CSS aan. (Normaal doe je dit in een extern document)



    Code:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    </head>
    
    [B]<style type="text/css">
    </style>[/B]
    
    <body>
    </body>
    </html>
    
    Hierin geef je al je objecten een stijl. De achtergrond, het witte vlak, etc.
    Je ziet ik heb hier 2 onderdelen een stijl of "class" gegeven. De BODY, dat is je achtergrond en "content" Dat is je witte blok waar straks alle content in gaat. Alle classes worden met een "." ervoor gebruikt behalve de body class.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    </head>
    
    [B]<style type="text/css">
    
    body {
    	background-color:#333;
    }
    
    .content {
    	width:500px; 
    	height:800px;
    	display:block;
    	background-color:#FFF;
    	margin: 0 auto;
    	
    
    </style>
    [/B]
    <body>
    </body>
    </html>
    
    
    Een kleine uitleg:

    width:500px; < -- spreekt voor zich
    height:800px; < -- spreekt voor zich
    display:block; < -- spreekt voor zich
    background-color:#FFF; < -- spreekt voor zich
    margin: 0 auto; < -- Lijnt alle content in het midden uit.


    Je hebt nu je CSS. De stijl staat dus klaar. Maar het moet nog toegepast worden in je BODY.

    Hiervoor schrijf je tussen je BODY tags:

    Code:
    <div class="content">  </div>

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    </head>
    
    <style type="text/css">
    
    body {
    	background-color:#333;
    }
    
    .content {
    	width:500px; 
    	height:800px;
    	display:block;
    	background-color:#FFF;
    	margin: 0 auto;
    	
    
    </style>
    
    <body>
    [B]<div class="content">  </div>
    [/B]</body>
    </html>
    
    
    Als het goed is moet het er dan zo uitzien. Je hebt nu een donkere grijze achtergrond en een witvlak in het midden. De rest voeg je toe door nieuwe .classes aan te maken. Succes ;)
     
    Laatst bewerkt: 20 jan 2011
  14. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    37
    Ga vandaag beginnen met een wat uitgebreide site dan de vorige, weliswaar met hetzelfde onderwerp. :cool:

    Heeft iemand wat lay-outs die ik als voorbeeld zou kunnen gebruiken? (ga nu pas googelen. :+)
     
  15. Distoration

    Distoration Da diii

    Berichten:
    3.115
    Leuk Bevonden:
    32
    oke, ik wil ook een site gaan bouwen, ken wel de basis van HTMl, en een beetje CSS, maar eigenlijk wou ik het met joomla gaan proberen, maar die kun je alleen instaleren op een server, en die heb ik dus niet, en om daar nu al voor te gaan betalen vind ik een beetje teveel van het goede.
    Weet iemand dus een gratis webhost waar je tot 100mb kun hosten enz. zodat ik beetje kan uitvogelen hoe joomla werkt.
    En nee, bij ziggo heb ik geen webspace.
     
  16. ryan23

    ryan23 Spartan23R

    Berichten:
    1.974
    Leuk Bevonden:
    1
    joomla werkt toch ook op een localhost?
     
  17. xRichardX

    xRichardX Nieuw Noord

    Berichten:
    1.431
    Leuk Bevonden:
    2
    Nice! Nice! dit helpt me wel :)
     
  18. Ferron

    Ferron Active Member

    Berichten:
    5.446
    Leuk Bevonden:
    37
    Awardspace FTW!
    Geen reclame, ondersteunt PHP enzo, wat wil je nog meer. :+
     
  19. Sloober

    Sloober Active Member

    Berichten:
    2.312
    Leuk Bevonden:
    16
    Een beetje laat misschien, maar waren er hier nog meer mensen naar Microsofts Webcamps geweest vorige week? Werd het een en ander uitgelegd over ASP.net, MVC & razor/joomla enzovoort..
     
  20. Le Lastpak

    Le Lastpak (◕‿◕✿)

    Berichten:
    6.574
    Leuk Bevonden:
    793
    Post van de dag!

    Kende het namelijk nog niet. :+
     
Topicstatus:
Niet open voor verdere reacties.

Deel Deze Pagina