PABOforum.nl

door **Geoffrey** op 10 nov 2006, 13:05

Bijna... het programma dat ik gebruik voor al mijn layouts is Corel Photo Paint. Op http://www.geoffrey.eu kun je zien wat ik daar tot nu toe allemaal al mee gemaakt heb

.

door **Juf__mama** op 10 nov 2006, 13:23

Ik wil ook op die manier layouts maken maar ik kom er niet echt uit! Ik wil dan een layout maken in Corel Paint Shop Pro en dat in Dreamweaver zetten om daar vervolgens weer de site's in te laten openen..jaja..snap je hem nog

maar dat wil nog niet helemaal lukken :roll:

door **Juf__mama** op 10 nov 2006, 13:25

Zoiets als jij dus maakt... het design in Paint Shop Pro en de tekst in dreamweaver...

door **Geoffrey** op 10 nov 2006, 15:40

Het omzetten van een layout uit een grafisch programma naar een layout in HTML heet "slicen". De layouts van mijn websites zien eruit als Ã©Ã©n geheel, maar eigenlijk bestaan ze uit meerdere delen. Met tabellen zorg ik ervoor dat die delen zo aan elkaar 'geplakt' worden, dat het echt een layout wordt.

Als jij dus een layout gemaakt hebt, moet je die eerst gaan 'opsnijden' in rechte stukken. In je grafische programma mag je wel allerlei rondingen hebben, maar na het opsnijden mag je dus alleen rechte stukken overhouden. In een tabel kun je deze stukjes dan weer aan elkaar plakken, en zo je layout samenstellen met ruimte voor je teksten erin.

Misschien een beetje vaag, maar op deze manier werkt het wel.

door **Juf__mama** op 10 nov 2006, 15:57

Oohh ik snap denk ik een beetje wat je bedoelt!

Je maakt dus een layout in Paint Shop Pro. Dan ga je zeg maar 'knippen' in rechte stukken! Dan maak je in dreamweaver een tabel met ongeveer 5 vakken ofzo en daar plak je dan weer die stukken in! Maar nu de vraag... hoe krijg je dan zeg maar tekst erin?

door **Geoffrey** op 10 nov 2006, 16:33

Da's vrij eenvoudig. In je layout in Paint Shop laat je een aanzienlijk stuk blanco, en dat neem je niet mee bij het knippen. In plaats van dat blanco stuk in je layout-tabel, voer je daar dus de tekst in.

door **Juf__mama** op 10 nov 2006, 18:57

Aha en dan moet je het dus zo knippen dat je zeg maar aan de zijkanten de layout maakt en in het midden een stuk blanco hebt en dus dan alleen de zijkanten en bovenkant in stukjes moet plakken!

En hoe laat ik dan andere pagina's openen in dat stuk wit?

door **timgearz** op 11 nov 2006, 19:59

Ik gebruik photoshop voor mijn layouts... maar goed.. zelfde principe

door **Juf__mama** op 11 nov 2006, 20:26

door **timgearz** op 11 nov 2006, 21:10

In photoshop/imageready zit een handige optie.. (missschien ook in Corel) daarom vermeld ik het even...

Ik maak dus ook alles in photoshop en daarna slice ik ook. Maar dan wel weer in Imageready (bijgeleverd bij photoshop). Ik slice alles, ook daar waar ik mijn "verhaal" kwijt wil.
Dan zit er ergens onder een knop bewerken (edit) ofzo de optie:
Copy html code.. Dan kies ik voor copy all...
Vervolgens ga ik naar dreamweaver en ga ik even de html code op zoeken..
tussen <body> en </body> doe ik dan "plakken"(ctrl-v).
En dan staat je hele site in 1 keer goed..
Wil je dan je tekst invoegen, dan kan je OF het plaatje verwijderen OF het plaatje als achtergrond zetten...

Maar zo doe ik het in photoshop, weet niet of dat in corel kan.. en ik weet ook niet of dit wel duidelijk is

door **Juf__mama** op 12 nov 2006, 09:20

Hoi! Bedankt

dat is wel duidelijk! Ik begrijp dus dat je een layout maakt in Photoshop (ik ga es zo'n testversie downloaden) en dat je dan zeg maar de HTML code daarvan in dreamweaver plakt. Eerst kopier je dus de HTML code van de layout! Maar wat is slicen precies? Wat betekent het? Ik ga eens kijken of dat in dreamweaver ook kan maar ik begrijp dus dat je dan, als je de HTML code geplakt hebt, je in dreamweaver tussen de HTML code kunt gaan schrijven en dat komt dan in je layout...

Maar hoe zit dat met knoppen? Dat begrijp ik nog niet helemaal

Het wordt wel een stuk duidelijker, bedankt voor de hulp alvast

door **timgearz** op 12 nov 2006, 16:22

Ok ik heb "even" en tutorial gemaakt.. ik hoop dat het dan wat duidelijker wordt en zo niet.. tja dan weet ik het ook niet meer.. dan heb ik alles in mijn macht gedaan.. en als je vragen hebt hoor ik het wel:

http://www.gearz.nl/tutorial/tutorial.htm

De gebruikte programma's zijn: Photoshop CS2, Imageready CS2 & Dreamweaver MX. Wellicht kan het ook met andere programma's maar goed...

Dit is de manier zoals IK het doe, misschien zijn er makkelijkere betere manieren, maar dat weet ik dan niet.. of dat wil ik dan niet haha..
Veel succes...

En je kan me nog altijd toevoegen op msn timgearz [@] hotmail.com

door **Juf__mama** op 12 nov 2006, 16:36

door **Juf__mama** op 12 nov 2006, 17:03

Ik neem trouwens aan dat je het gehele plaatjes (layout) opslaat als index.htm(l) ?? Tenminste, als ik met framesets werk dan sla ik dat bijv zo op:

* titel.htm
* menu.htm
* hoofdpagina.htm

Dan laat ik de links openen in de hoofdpagina maar het geheel sla ik op als index (de gehele frameset).

Ik zit het allemaal door te lezen en het is erg duidelijk allemaal! Ben ook al ff een proefversie van Photoshop aan het downloaden want in Paint Shop Pro kun je niet slicen :roll:

(hoezo niet over nagedacht

)

door **timgearz** op 12 nov 2006, 17:12

Uhh.. dit is dus niet met frames he!

Ik sla mijn (1e)pagina inderdaad op als index.htm

Maar probeer het gewoon eens.. kijk waar je tegenaan loopt en dan hoor ik het wel.. of zie ik het wel

En het is handig om het met dezelfde programma's te doen ja.. das het makkelijkst.. maar ik weet niet of je bij een proefversie photoshop ook een proefversie imageready bij geleverd krijgt.. maar moet je maar even kijken...

PABOforum.nl

HTML/CSS (Layouts ontwerpen!)

Wie is er online