template

[willemV]

Wil jij mij uitleggen hoe je een template voor je site maakt?

Of wat de code ervoor is?

a.u.b Leg het een beetje makkelijk uit!

[Big-Bear]

Er zijn vele Tutorials over hoe je een Template maken, meestal worden ze gemaakt met Adobe Photoshop. Hiervoor moet je wel enige Photoshop ervaring hebben, al zijn de simpelste templates niet eens zo moeilijk te maken:

-Clean Template

Het is een niet al te moeilijke Tutorial, maar uit eindelijk krijg je een mooie uitkomst. Je kan ook verder gaan met Templates, wat ik zelf een hele goede vind:

-Creating a Simple Template

Deze is van Digital-Industry, hier zitten de echte goede, een niet al te bekende site, maar deze gasten zijn goed:

Klikje

Hier staan genoeg Tutorials over je eigen Template/Lay-Out maken. Maar het wat nog moeilijker is, je eigen template coden. Daarvoor is deze Tutorial voor geschikt:

Klikje

Maar al met al komt er veel ervaeing bij kijken, dus is het beste gewoon een Template downloaden van bepaalde sites, daar zit al een Code bij, die hoef je alleen nog maar zelf aan te passen, wat niet eens vrij moeilijk is. Voor de betere sites kan je gaan werken met PHP, wat al gauw moeilijker word. Hieronder staan bepaalde sites waarvan je gratis Templates kan downloaden:

- Free Web Templates

- Zymic

- Free Site Templates

Dit moeten er genoeg zijn, en voor de basis HTML , isdeze site, daarvan heb ik zelf ook erg veer geleerd, er staan de basis tags in, zoals de IMG's Tag, de URL Tag, hoe je Tabellen maakt. Dus in principe alle basis codes.

Veel Suc6 ermee, en dit zal wel genoeg zijn

[RobertSA]

Bedankt voor de hulp!! .

Maar heb je ook een site waar de code 'letterlijk, helemaal, makkelijk te vinden is'?

Bedankt!

[Big-Bear]

Je zou eventueel een HTML bestand kunnen nemen van een bestaande lay-out, deze helemaal aanpassen, met aanpassen bedoel ik, jouw gemaakt PS files, opslaan, en die vervangen door Images uit de Lay-Out, dus de Lay-Out is een beetje Tech achtig, en de header heet, techheader6. En jouw header heet mijnheader01, dan zet je die naam i.p.v daarvan.

Er zit dan ook altijd een map bij met de Imagess van de Lay-Out, daar zet je jouw Images in, en verwijder je de rest. Je kan dan alles op zijn plaats zetten door de Width en Height aan te passen.

Hieronder staat alles nog wat verder uitgelegd:

<!-- END LEFT COLUMN -->

<!-- START RIGHT COLUMN -->

<div id="right">

<!-- START SLOGAN 2 HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box_2.psd OR Blank Image Files/slogan_box_2.jpg) -->
<img src="images/[color=#FF0000]slogan_box_2.jpg[/color]" alt="slogan" [color=#33CC00]width="485" height="205"[/color] />

In rood staat de naam van de Slogan Box, die ik in de map Images heb aangetroffen. Toen ben ik in de Index (een HTML document, deze moet je met kladblok openen om te editten) en trof ik de slogan_box_2 aan. Nou kan je gewoon simpelweg deze vervangen door jouwheader, met een andere width en height, die identiek is aan de width en hieght van jouw eigen header

<!-- END LEFT COLUMN -->

<!-- START RIGHT COLUMN -->

<div id="right">

<!-- START SLOGAN 2 HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box_2.psd OR Blank Image Files/slogan_box_2.jpg) -->

<img src="images/jouwheader.jpg" alt="slogan" width="216" height="897" />

Je neemt natuurlijk de zelfde Width en Height als jouw header, en dezelfde naam als jouw header. En zou kan je alles aanpassen, zo heb ik het ook een keer gedaan, en het werkte voor mij goed. Veel Suc6 ermee

[willemV]

Teanks al zal het een proberen!

maar In de eerste code in welke zin moet ik wat veranderen!

[Big-Bear]

Teanks al zal het een proberen!

maar In de eerste code in welke zin moet ik wat veranderen!

Nou zoals hierboven staat wil je de bestaande header vervangen door jouw header, de image die je hier vervangt heet slogan_box_2, en je vervang hem door jouwheader001 Je zoekt dan op naar een IMG code die gelijk is aan deze:

<img src="images/slogan_box_2.jpg" alt="slogan" width="485" height="205" />

Slogan_box_2 is de naam van de Image, die jij wilt vervangen door jouw naam, de Width en Height bepalen, hoe lang en breed de Image is. Wat in het blauw staat, is de IMG tag, die maakt het mogelijk dat de header word gezien.

Zo kan je dus 1 voor 1 alles veranderen. Je zoekt eerst de naam op bij de IMG's tags die hier in het blauw staan, dan kijk je of er de juiste naam staat. Dan vervang je die door de jouw, je vervangt hem ook in de map Images, waar alle Images staan van je Template. Dan kan je de Width en Height aanpassen

Bewerkt: 3 augustus 2006 door Big-Bear