Archief - website in photoshop

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
K

Katycook

Legacy Member
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
Z

Zero Grav

Legacy Member
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.
a

adrianhates

Legacy Member
het tweede resultaat is nochtans ne redelijke goeie basic tutorial + int nederlands!
K

Katycook

Legacy Member
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?
Z

Zero Grav

Legacy Member
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.
K

Katycook

Legacy Member
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?
Z

Zero Grav

Legacy Member
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.
D

Da_Hobit

Legacy Member
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
Z

Zero Grav

Legacy Member
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).
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan