1. #1

    Registered
    20/07/10
    Location
    Antwerpen
    Posts
    122
    iTrader
    0
    Mentioned
    0 Post(s)

    website in photoshop

    Na de lessen over html en css op w3schools te lezen wil ik voor ik aan javascript begin het volgende weten.

    Wat houdt het in om de layout en het design in photoshop te maken en hoe implementeer je dit dan met css in je website? Waar vind ik informatie over het maken van een layout van een website in photoshop en "slicen"?

    bedankt

    Katy
    no votes  

  2. #2
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    Beste Katy,

    Op Google kan je al veel vinden hoor..
    photoshop slicen - Google Search
    no votes  

  3. #3
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Nuja, als ge op slicen gaat googlen komt ge effectief op die slice tool uit. Het is meer de gedachte erachter die telt, namelijk het opdelen van een design in afbeeldingen die ge via xHTML en CSS kunt weergeven en positioneren.

    Ge maakt dus uw volledige design, dan gaat ge alles opdelen in afbeeldingen (icoontjes, achtergrondafbeeldingen, afbeeldingen voor uw content, ...) en in xHTML begint ge dan met de structuur van uw website op te zetten waarop ge met CSS die afbeeldingen er gaat invoegen.
    no votes  

  4. #4
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    het tweede resultaat is nochtans ne redelijke goeie basic tutorial + int nederlands!
    no votes  

  5. #5

    Registered
    20/07/10
    Location
    Antwerpen
    Posts
    122
    iTrader
    0
    Mentioned
    0 Post(s)
    alvast bedankt, ik ben inderdaad op zoek naar de methode en de gedachte achter het principe. dus wat moet je juist van je pagina in photoshop maken? in hoe veel verschillende afbeeldingen moet je je pagina verdelen? en hoe geef je dit dan weer in css?

    want ik kan helaas (nog) niet met photoshop werken, maar ik wil alvast weten wat de gedachte erachter is zodat ik al kan begrijpen hoe ik het met html en css kan weergeven.

    als iemand nog een interessante link zou hebben mag je die altijd achterlaten (liefst in het engels)

    edit: bij nader inzien: misschien stel ik me hier te veel bij voor en is het helemaal niet zo moeilijk?
    no votes  

  6. #6
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Ge stelt er u allesinzs meer bij voor dan het is ja.

    Uiteindelijk kiest ge zelf wat ge in Photoshop maakt en wat niet, ge kunt een volledige site maken zonder gebruik te maken van Photoshop, maar dan gaat ge alleen platte vlakken hebben etc.

    Nu soit, normaal maakt ge alles in Photoshop. Dus uw volledige website, alle design, structuur, lettertypes, afstanden, etc liggen dan al vast. Ge moet zo weinig mogelijk afbeeldingen proberen te gebruiken natuurlijk, dus als ge een patroon hebt dan knipt ge enkel dat patroon één keer uit en gaat ge dat via CSS als background met background-repeat invoegen. Als ge één groot kleurvlak hebt dan kunt ge gewoon een background-color gebruiken, geen afbeelding dus, etc. En ja, voor de rest is het gewoon allemaal heel logisch.
    no votes  

  7. #7

    Registered
    20/07/10
    Location
    Antwerpen
    Posts
    122
    iTrader
    0
    Mentioned
    0 Post(s)
    Ik begrijp het globale plaatje al wat beter, bedankt.

    Naar aanleiding van uw signature inspiring designs wou ik een "mass request" thread openen ivm webdesign blogs, tutorials en inspirerende sites, is dit toegestaan?
    no votes  

  8. #8
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Uhm, er komt normaal nog een delicious account van Webdesign met links naar blogs, tutorials, etc. Maar ik was dat eerlijk gezegd een beetje uit het oog verloren. Vroeger hadden we dat wel in de oude webmastergids, maar als die websites down gaan zit ge direct met een hoop dode links.
    no votes  

  9. #9
    Da_Hobit's Avatar
    Registered
    28/12/08
    Location
    Erpe-Mere
    Posts
    842
    iTrader
    79 (100%)
    Mentioned
    0 Post(s)
    ik gebruik regelmatig Fotoshop , gesliced met combinatie van images & 'tekstvakken' , van die testvakken maak ik dan weer iframes waarin ik andere pagina's laat in verschijnen, die op hun beurt dan terug een combo kunnen zijn...

    vb.: www.ground-zero.be
    Het grootste aanbod van detail materiaal in België vind je bij www.carproducts.be
    no votes  

  10. #10
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    En dat is exact waarom ik meer commentaar gaf bij de slice tool van Photoshop. Die veroorzaakt zo'n dingen gelijk wat gij nu hebt, superkleine sites die toch megazwaar zijn om in te laden en waarbij gewone tekst zelfs in afbeeldingen worden getoond waardoor ze volledig ontoegankelijk worden. Om nog niet te beginnen over iFrames en het gebruik van de slicecode (tabellen dus).
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in