webbuilder 2.0 tuturial

[NickDrake]

benodigd:web builder download hem

voor alle site-makers van beginner tot expert is hier de webbuilder 2.0 tuturial

STAP 1

open webbuilder,

we gaan het eenvoudig houden met een simpel tekstje,druk op http://img182.imageshack.us/img182/5954/tut29xl.jpg] en dan kan je dubbelklikken

je kan je tekst intikken door dubbel te klikken en verplaatsen als je klaar bent

http://img182.imageshack.us/my.php?image=tut38gh.jpg

achja ,ik wil er een hele tekst onder zetten maar er moet wel een lijn tussen!

geen probleem en daarna kan je je er een hele tekst onder zetten!

klik op deze button http://img98.imageshack.us/img98/1788/tut44ty.jpg en dan kan je de lijn zetten waar jij wil

http://img182.imageshack.us/my.php?image=tut38gh.jpg

zo dit was heel gemakkelijk,nu volgt stap 2 ,wat moeilijker

we hebben nu al tekst maar het is een saaie site,we gaan hem wat opvrolijken met codes!

nu denk je:what the fuck,codes???waar vindt ik die???

hiervoor bestaat google

dus we hebben een code ,bv een link naar een site

<a href="http://www.?????.???">je link naam</a>

voila hoe zetten dit in webbuilder?

heel eenvoudig

druk rechts op de html button: http://img134.imageshack.us/img134/4859/tut52rd.jpg

dan kan je in je document waar je dat wilt dit steken en er dan op dubbelklikken om de html-code intevoeren

http://img322.imageshack.us/img322/9473/tut62mh.jpg

hier zie je de code,zie afbeelding voor meer info

http://img121.imageshack.us/img121/7025/tut75fm.jpg

nu gaan we een filmpje plaatsen he

klik op de media button http://img308.imageshack.us/img308/9692/tut88ou.jpg

dan is het het zelfde principe als de html-code plaats hem waar je wil en dubbelklik daarop http://img308.imageshack.us/my.php?image=tut83jt.jpg

nu kan je je filmpje kiezen

http://img7.imageshack.us/img7/3095/tut95ud.jpg

STAP 3:NU GAAN WE HET UITTESTEN EN PUBLICEREN

klik op previeuw http://img265.imageshack.us/img265/6662/tut106ou.jpg

nu krijg je een kladblok document kopieer alles wat daarinstaat,plak het in je pagina van freewebs html only e voila

dit is mijn resultaat en waarschijnlijk werkt het filpmje niet+ je kan een veel beter layout pakken dit is gewoon wit

http://www.freewebs.com/crime_city/voorbeeld.htm

[-Niels-]

Hartelijk dank!

Maar hoe plaats je een lay out die gemaakt is met bijv. photoshop achter je menu etc.?

En hoe draai je objecten bijv. strepen?

[NickDrake]

Hartelijk dank!

Maar hoe plaats je een lay out die gemaakt is met bijv. photoshop achter je menu etc.?

En hoe draai je objecten bijv. strepen?

graag gedaan,dit kan met freewebs en een speciale layout progamma zoek maar even op google

dit gaat niet sorry

[-Niels-]

Hartelijk dank!

Maar hoe plaats je een lay out die gemaakt is met bijv. photoshop achter je menu etc.?

En hoe draai je objecten bijv. strepen?

graag gedaan,dit kan met freewebs en een speciale layout progamma zoek maar even op google

dit gaat niet sorry

Wat gebruik jij ervoor dan? Voor een layout?

En wat voor speciaal programmatje dan?

[Jorge_F]

Als je een layout met Photoshop hebt gemaakt moet je die in stukken verdelen.

Elke button en onderdeel van de site zoals menu en waar de tekst komt geef je aparte stukken.

Dat in stukken verdelen doe je met de Slice Tool. Dat is dat mesje .

Als je alles goed in stukken hebt verdeeld ga je naar File -> Save For Web.

Zet alle instellingen goed zoals High Quality en klik op save.

Dan krijg je er uiteindelijk een .html bestand uit die je kan bewerken met bv. frontpage en allemaal van dat soort programma's .

[Big-Bear]

Je ken zelf al gewooon gemaakte Lay-outs downloaden, dats is dan ook gelijk je HTML file

[Le MrG]

Ik gebruik gewoon FrontPage maar kan ook HTML

maar sommige Codes worden we echt te moeilijk !

Het filmpje werkt inderdaad niet echt !

Wat heb je er mee uitgevreten ?

Bewerkt: 30 september 2005 door TheRing