Een paar jaar geleden heb ik een site gemaakt mbv Frontpage (ik wist toen nog niet beter...) Maar nu zie ik hier dat sites worden gemaakt mbv Photoshop?
Wie kan mij vertellen hoe dat in z'n werk gaat (of waar ik dat kan vinden) Grafisch gezien zien die sites er natuurlijk een stuk beter uit, ik zou dit ook graag willen leren, maar weet niet waar ik moet beginnen (kan wel met Photoshop overweg)

Alvast bedankt!

Bas

Kort samengevat gaat het zo:
Allereerst ontwerp je natuurlijk een site. Vervolgens knip je plaatjes e.d. uit en maak je er een (x)html pagina bij.
Er zit in photoshop ook een functie om de layout om te laten zetten in html, maar ik zou je deze niet aan willen raden.

Dus je maakt/tekent/kleurt/ontwerpt eerst je layout in photoshop, en daarna ga je een beetje je frames en buttons eruitknippen?
Zie ik dat zo goed?

Alleen de benodigde delen knip je uit, de rest kun je met behulp van (x)html en een stylesheet oplossen.
(Het is hierbij wel handig als je wat kennis hebt van (x)html en css)

Yep, dat is correct en je maakt in photoshop gebruik van de 'shapes tool' om lijnen en kaders te trekken. (zie bijlage)

Origineel gepost door Kevin Vanhove

Yep, dat is correct en je maakt in photoshop gebruik van de 'shapes tool' om lijnen en kaders te trekken. (zie bijlage)

Volgens mij valt het kwartje bij mij nog niet helemaal :-(
Waarom zou je de lijnen en kaders willen trekken (sorry dat ik het niet helemaal begrijp, komt misschien erg dom over, maar wil het wel erg graag weten)

Omdat je jezelf het anders moeilijk gata maken door de hele lay-out als 1 achtergrond afbeelding in te stellen. Nu maak je stukken en kan je door middel van zogeheten "divs" in html de stukken positioneren zoals je wil. Door middel van slicen (het in stukken hakken van de lay-out) krijg je allemaal kleinere afbeeldingen, die je kan gebruiken. Je leert het ook niet op 1 2 3 :)

Om het zo uit te leggen is het best wel moeilijk om het in 1x te begrijpen.

Ga eerst eens oefenen met photoshop,
Zie:
http://www.good-tutorials.com/tutori...op/web-layouts
Maak daar gewoon een paar templates na.

Vervolgens moet je hier eens gaan rondneuzen:
http://www.good-tutorials.com/search/query/slice
Of
http://www.websiteforum.nl/viewtopic...ghlight=slicen
http://www.websiteforum.nl/viewtopic...ghlight=slicen

Ik hoop dat als je dat gelezen heb je een stuk wijzer bent.

Ik zal eens met deze sites gaan stoeien Ronald. Bedankt voor de links. Als ik verder nog vragen heb/tegenkom, stel ik ze hier wel weer!
Ik kan in ieder geval ff vooruit!

Ik heb de laatste tijd een beetje lopen stoeien met de info die in de links stonden, en ben nu ook wel een beetje op weg.
Ik heb gewoon ff snel een layoutje in elkaar gegooid, om vervolgens het maken van de site te gaan proberen.
Inmiddels lukt het me dus om de layout in segmenten te verdelen, de buttons een rollovereffect mee te geven en er een link achter te zetten. Ook is het met gelukt om een cel te gebruiken om er tekst in te zetten (met scrollbars) en maak ik gebruik van een stylesheet.
Nu blijven er voor mij nog 2 punten over waar ik niet uit kom (tot zover dan, wie weet wat ik nog meer tegenkom...):

1: Welk formaat moet ik gebruiken bij het maken van een lay-out? ik had gekozen voor 1024*768, maar dat is natuurlijk weer net te groot...
2: Bij het werken met frames, geef ik de button een link met als target een bepaalde frame, maar hoe gaat dat met die tabellen? Ik heb het al geprobeerd met iframe, maar dat was ook geen succes

Kan iemand mij hiermee nog verder op weg helpen?

Alvast bedankt, ik ben nu al een heel stuk wijzer geworden!

1: Welk formaat moet ik gebruiken bij het maken van een lay-out? ik had gekozen voor 1024*768, maar dat is natuurlijk weer net te groot...

Ligt aan je doelgroep. Een site voor designers kan op zich wel in 1024×768. Voorlopig echter is voor andere doelgroepen nog steeds 800×600...

2: Bij het werken met frames, geef ik de button een link met als target een bepaalde frame, maar hoe gaat dat met die tabellen? Ik heb het al geprobeerd met iframe, maar dat was ook geen succes

Gewoon een link:

Code:

<a href="mijnpagina.html">

Wat wel handig is, is om het samen te laten werken met PHP, dat is wel weer een stap verder, dan krijg je ietsin de trand van:

Code:

<a href="index.php?mijnpagina=mijnpagina">

Als je toch met PHP bezig bent, kan je de layout in 3 stukken opsplitsen:
Het stuk boven/voor de content (header), dit sla je op als header.php
Het stuk onder/na de content (footer), dit sla je op als footer.php

Vervolgens ga je pagina's maken, bijvoorbeeld prijzen.php

Code:

<?php
include("header.php");
?>
Hier komt je content
<?php
include("footer.php");
?>

PHP heeft natuurlijk veeeeeeeeeeeel meer mogelijkheden, alleeen dan ga je de scripting kant op ipv design kant...

Dat antwoord kwam wel héél snel ;-)

1: Ik bedoelde voor de afmeting eigenlijk dat m'n site te groot wordt als ik 'm 1024*768 ga maken. Ik krijg dan meteen scrollbars (horizontaal en verticaal) als ik de site open. Is daar iets aan te doen, of moet ik de afmeting aanpassen?

2: Dat ik een link <a href="mijnpagina.html"> op die manier moest maken, zover was ik al, maar betekend dat dan, dat ik voor ieder onderdeel (home, info, contact, etc) een compleet nieuwe pagina moet inladen?
Dat werkt dus niet hetzelfde als met frames, want dan geef ik een target aan in de link naar een bepaalde frame.
Ik heb een screenshotje van de site erbij gedaan (lach niet! Het ziet er niet uit, maar dit is puur om de basisprincipes te testen) Ik wil dus dat de teksten, foto's etc steeds in het gele kader komen.

Is dat mogelijk?

Ja, in principe moet je dan voor iedere pagina een nieuwe pagina aanmaken. Maar zoals ik al zei, als je mijn laatste PHP voorbeeld gebruikt, dan kan je de content al van de inhoud afscheiden, het voordeel hiervan is dat wanneer je je design aanpast, gelijk alle pagina's aangepast worden.

Met CSS kom je wat dat betreft ook al heel ver, maar ik ben nou eenmaal scripter, en wil altijd alles oplossen met PHP.

Dus als ik met PHP ga werken, dan wordt eigenlijk alleen maar het "onderwerp gedeelte" (bij mijn voorbeeld in het gele vak) ingeladen en blijft de rest gewoon "staan".
Kan ik altijd PHP gebruiken? Of is dat afhankelijk van het hostingpakket?

p.s. hoe zit het nu met het formaat dat ik moet gebruiken?

p.s. hoe zit het nu met het formaat dat ik moet gebruiken?

Het beste is voorlopig 800&#215;600

Of is dat afhankelijk van het hostingpakket?

Dat wel, het is alleen wel redelijk standaard in begrepen.