Hoe maak ik een site? – Een Tutorial van Pinoweb.tk

Zo, hier een tutorial om alle vragen over sites op te lossen
Er staat hier stap voor stap uitgelegd hoe je een site maakt
waar je leuke plaatjes vandaan haalt
en hoe je er een gastenboek en/of forum plaatst
Maar natuurlijk is dat niet alles! In deze tutorial vind je ook handige tips!

Het Programma:

Als eerste gaan we een goed programmaatje zoeken waarmee je de site kan maken. Ik gebruik zelf het programma “Microsoft Frontpage” en dat werkt uitstekend! Misschien staat het al op je computer, maar anders is het te koop bij de V&D voor €5-, of je kunt het downloaden via KaZaa of een ander fileshare-programma.

Het Begin:

Goed, nu hebben we dus het programma waarmee je het kunt maken!Er zijn twee manieren waarmee je een site kan maken

1)      je maakt een “gewone” pagina, die komt al op als je frontpage opstart

2)      je maakt een “frame” pagina

 Mijn eerste 5 lay-outs heb ik met een gewone pagina gemaakt, het werkte wel, maar het was best irritant. Dat kwam doordat je als je één wijziging aanbracht in het menu, je die wijziging op iedere pagina moet aanbrengen…en dat duurt heel erg lang als je 100 pagina’s hebt!

Het “Framegedoe”:

Een goede reden dus om een frame pagina te kiezen!

Bij een Frame Pagina bestaat de site namelijk uit losse onderdelen, die samen een geheel vormen. Het kiezen doe je als volgt: bij bestand staat Nieuw » Pagina daar kun je kiezen uit een aantal pagina’s, bijvoorbeeld “Normale Pagina”. Die staat in de categorie “Algemeen/General”. Naast de categorie “Algemeen” staat “Frames Pagina’s/Frames Pages”...HEY PRESTO!  Die hebben we nodig!

Het Kiezen van een FramePagina:

Zoals je ziet zijn er een aantal frame indelingen waaruit je kunt kiezen, bijvoorbeeld “Banner & Contents” of “Footer”. Kies de Frame indeling die je het leukste vindt. Bedenk wel dat je frames ook op kunt splitsen in frames, dus als jouw favoriet er niet bijstaat, kies dan degene die er het meest in de buurt komt.

 Het Maken van de Eerste Pagina:

Je ziet nu allemaal grijze vlakken. In die grijze vlakken staan 2 knoppen, onder andere: “Nieuwe Pagina”. Die hebben we nodig! Klik bij ieder grijs vlak op “Nieuwe Pagina” totdat je geen grijs vlak meer ziet.  

                                                           

Hoe Splits ik een frame?

Dat is heel eenvoudig: Je selecteert de frame die je wilt splitsen. Daarna ga je naar Frames » Split Frame. Er komt een schermpje op waarin staat of je het in de lengte of in de breedte wilt delen.

(voor het gemak heb ik lengte en breedte er maar bijgezet!)  

Je kunt de breedte/lengte van de frame zelf, ook helemaal zelf bepalen. Klik gewoon op de rand van de frame, en sleep dan die rand, totdat je tevreden bent.  

Het Indelen van de Eerste Pagina:

We hebben nu de indeling van je framesite, maar die is nog helemaal kaal en leeg. We gaan nog je site opleuken ;-). Bepaal eerst wáár je wilt dat bijvoorbeeld je menu komt. Bepaald? Mooi! Dan kunnen we nu verder

Het Opleuken:

Deze stap bestaat uit 2 delen, 1 voor de mensen die een site met logo willen, het andere deel voor mensen die een site zonder logo willen.

Met Logo:

Het is slim om eerst een plaatje te kiezen of maken dat als Logo gaat dienen. Je kunt bijvoorbeeld naar Google, en daar mooie plaatjes zoeken. En dan zijn er nog tig andere sites waar je plaatjes vandaan haalt. Daarvan hier een lijstje:  

    www.gettyimages.com
    www.thuggndivazdollz.com/enter.html (ga naar Backgrounds)
    http://net.clubs.nl/fanpaper (Goede Design Club! Je kunt er ook aanvragen!)
    http://animatie.pagina.nl
    http://plaatjes.pagina.nl
    http://fashion.pagina.nl
    http://www.funsilly.com/images/
   http://www.layoutland.net

 Kies een leuk plaatje uit, noteer de site waarvan je het plaatje haalt, en open een willekeurig tekenprogramma. Ik gebruik Paint Shop Pro 7, en dat vind ik heel erg handig! Maar Paint of Adobe is ook goed ;-) Open het plaatje in het tekenprogramma en zet de naam van je website erop (Bij mij dus Pinoweb). Heb je geen naam? Dan verwijs ik je door naar DE NICKNAME MAKER! Je logo is nu klaar. Ga naar “zonder Logo” maar bedenk wel, dat je kleuren moet kiezen die bij je logo passen. 

Zonder Logo:
Het bepalen van de kleuren is het volgende dat we gaan doen. Je wilt bijvoorbeeld mosgroene links hebben, op iedere pagina. Nou zou je iedere link die je maakt mosgroen kunnen kleuren, maar er is een makkelijkere manier. Klik op de rechtermuisknop, en ga naar page properties. Het scherm dat opkomt, staat op “Algemeen/General” Ga naar Background/Achtergrond.

Je ziet het bovenstaande schermpje nu (maar dan zonder die rode circel). Bij:
“Background” kies je de achtergrond kleur van je frames
“Text” de kleur die de tekst moet hebben
“Hyperlink” de kleur van je links
“Visited Hyperlink” de kleur die een bezochte link moet hebben.
“Active Hyperlink” de kleur die de link moet hebben als je erop klikt.

Het Maken van het MENU:
Je hebt als het goed is al bepaald waar je menu komt. Nu moet je nog dingen bedenken, die op je site komen, zodat je die in het menu kunt vermelden. Je wilt bijvoorbeeld een pagina over jezelf. Je noemt die pagina “Over Mij”, maar hoe maak je daar een link van? Je kunt het doen met HTML, dus dat je deze code gebruikt
                                                        <a href="http://jelinkhier.com/">OVER MIJ </a>

Omdat het niet altijd even gemakkelijk gaat om HTML te gebruiken, kun je ook op de tekst selecteren en op Ctrl + K drukken. Er komt een schermpje op, en daar hoor je je link in te vullen.Daarna druk je op het potloodje en zorg je ervoor dat de links openen in de plek waar je inhoud hoort te komen.
 De links maken komt later wel, het eerste wat je moet doen is het indelen. Dus: Wat wil je voor de bezoeker? Wat over jezelf? Nu heb je een mooi overzichtje met wat je allemaal op je site hebt staan. 

Het Maken van de Inhoud:
Maak eerst een nieuwe map. Zorg ervoor dat ALLES maar dan ook echt ALLES wat op je site komt te staan in die map staat. Dat houdt dus in dat je plaatjes en je pagina's in dezelfde map moeten staan. Je hebt in ieder geval 2 pagina's: de pagina waar je menu in staat en de pagina waar de inhoud komt. (misschien heb je wel meer pagina's, voor bijvoorbeeld je logo of een poll).  Ga naar HTML (dat staat onderaan de pagina, naast No "Frames"). Je ziet nu je site, maar dan met allemaal codes en dergelijke. Ga naar het vak waar je tekst (je inhoud) komt te staan. Scroll helemaal naar boven. Daar zie je "HEAD" staan. Selecteer en kopieer alles wat tussen <head> en </head> staat! Open daarna een normale pagina, dat doe je door op het witte blaadje te klikken, of door bij File » New » Page (Bestand » Nieuw » Pagina) te doen. Ga daar ook naar HTML. Daar plak je alles wat je net hebt gekopieerd in de head. Sla deze (nog) lege pagina op als "Basis". Voortaan ga je je nieuwe pagina's maken in "Basis". LET OP: Sla de pagina's die je maakt in "Basis" wel op met een andere naam!

Het maken van een leuke scrollbar:
Ga naar www.layoutland.com en dan naar "Generators" daar vind je een uitgebreide "machine" waarmee je een scrollbar kan maken. Kies kleuren die passen bij je layout, en plak als je klaar bent de code in de HEAD. 

Het Krijgen van een Host:
Bij een Host kun je je site uploaden. Er zijn heel veel verschillende hosts op het internet, bijvoorbeeld Geocities en Lycos. Ik vind Geocities veel fijner dan Lycos. Bij Geocities heb je reclame die je makkelijk weg kunt klikken, je krijg 15 MB vrije "schijfruimte", en je kunt tot 20 bestanden per keer uploaden. Geocities dus! Maak een Nieuw Account aan, maar zorg ervoor dat je steeds op "Free" drukt! Kies ook een makkelijke nickname, dus niet "13_aapjes_in_een_flitspaal389358325" maar bijvoorbeeld "flitspaalaap", dit om te voorkomen dat je in de war raakt. There you go, je hebt je host!

Het Maken van de Links:
Je hebt nu het adres van je site, bijvoorbeeld www.geocities.com/flitspaalaap. Het wordt tijd om de links in je menu te "activeren". Je hebt de pagina's van je site al gemaakt, opgeslagen en dus ook een naam gegeven. De pagina over jezelf, heb je bijvoorbeeld opgeslagen als "overmij".
Ga naar frontpage en open je menu.  Selecteer, zoals ik al eerder zei, het woord waarvan je een link wilt maken, en druk op CTRL + K. Je wilt bijvoorbeeld van Over Mij een link maken. Je selecteert het, en drukt op ctrl + K. het schermpje komt op. Bij de URL typ je in www.geocities.com/flitspaalaap/overmij. Want je accountadres is www.geocities.com/flitspaalaap en de naam van de pagina is overmij. Klik daarna op het potloodje en zorg ervoor dat je pagina's geopend worden in de pagina waar je tekst hoort te staan. (Het onderstaande plaatje biedt wat meer duidelijkheid. Klik erop om het te vergroten)

Het Uploaden van Pagina's en Plaatjes:
Ga naar www.geocities.com en log je daar in. Je ziet aan de rechterkant van de pagina staan: "Advanced Toolbox". Daaronder staat "File Manager" en daaronder staat "Easy Upload". BINGO! That's the one ;-D
Klik erop en je krijgt 5 regeltjes met daarachter "Browse". Je kan ook kiezen voor meer regeltjes (tot wel 20!).  Zoek de pagina's/plaatjes op die je heb gemaakt (en die allemaal in dezelfde map zitten! Don't forget!). Daarna druk je op "upload". Daarna krijg je een pagina, er staat dan als het goed is "Uploaded succesfully" en daaronder: "Upload more files". Als dat nodig is, klik je daarop, anders niet ;-)

Het maken van de verkorte link:
Nu heb je een adres, bijvoorbeeld www.geocities.com/flitspaalaap. Maar dit is nogal lang voor een bezoeker om te tikken, en je wilt liever geen geld uitgeven aan een .nl adres. De oplossing? dot.tk! Dit is heel erg handig voor een verkorte link. Stel, je wilt je adres www.flitspaalaap.tk maken, dat kan! Ga gewoon naar die site, en er staat of die naam al is gebruikt of niet. Als het niet gebruikt is, heb je geluk, want dan kun jij die nog gebruiken! Is het wel is gebruikt, dan is dat helaas jammer, en moet je een ander adres kiezen. Alles op die site spreekt voor zich. 

Het maken van Reclame:
Je zou reclame kunnen maken bij enkele fora, die daar toestemming voor hebben gegeven, zoals bij het Fancy Forum "Site News". Ga niet 5659 berichtjes plaatsen, want dan opent toch niemand meer je bericht. Je plaatst gewoon 1 a 2 keer je site. Na 3 maanden kun je weer je linkje droppen. Er zijn ook dingen zoals "Buttonwalls". Pinoweb heeft er ook eentje, je kunt een formuliertje invullen en dan komt je site er bij te staan. Maar: je wisselt links uit, zij plaatsen jou site, jij plaatst die van hen! Probeer ook eens je site in te schrijven bij meiden.pagina.nl

Het krijgen van een gastenboek:
De bezoekers heb je nu, maar je wilt ook wel eens weten wat die van je site vinden! Heel simpel: een gastenboek plaatsen op je site. Bij bijvoorbeeld www.write2me.nl kun je een mooi gastenboek krijgen, waarmee je heel makkelijk werkt. Een forum vind je op www.proboards.com
Een andere goede site is www.veroweb.com, daar kun je naast een gastenboek ook een teller vinden! 
Een forum is iets lastiger, omdat je daar een mooie "stijl" bij moet maken, maar dit kan je makkelijk doen door een beetje alles uit te proberen (zie proboards). Je registreerd je, maakt je forum, en zet de url van je forum op je site: Voilá ;-)
Links:
www.write2me.nl
www.signmyguestbook.com
www.veroweb.com
www.proboards.com

TIPS: (dit zijn gewoon tips )
- Gebruik Algemeen Beschaafd Nederlands op je site, dus niet ScHrYvUh Zo4l5 DiT, of heel errug met trés Zum Smullen fancy taal praten. 
- Wees origineel, kopieer niets zonder te vvragen (de lay-out bijvoorbeeld). Het kopiëren van plaatjes is wel toegestaan, MITS die plaatjes van een site komen waar je van mag kopiëren, zoals gettyimages (Vermeld ze dan wel bij je Buttonwall bijvoorbeeld), maar kopieer geen plaatjes die uniek zijn en door de site-eigenaar zelf zijn gemaakt!
- Wees aardig en beleefd tegen je gasten (iiets waar heel veel eigenaars wat van kunnen leren!). Zij komen naar iets wat jij hebt gemaakt, jij wilde zonodig gasten hebben, en ja dat kan het zo zijn dat ze je vragen stellen over jou of over je site. Natuurlijk hoef je niet iedereen die vraagt hoe je een link maakt te helpen, maar leg ze dan beleefd uit dat je dagelijks van die vragen krijgt, en geen tijd hebt om dat te beantwoorden, of dat ze het beste naar een goede tutorial site kunnen gaan voor hulp. Antwoord niet iets dergelijks als: "Ga een tutorial site zoeken ofzo!"
- Probeer zo vaak mogelijk te updaten, wantt dan komen de bezoekers steeds vaker terug
- Probeer je plaatjes zelf te maken, met biijvoorbeeld Paint Shop Pro, Adobe of Paint. Als je dit niet hebt, kun je het kopen of downloaden. (de trial versie van Paint Shop Pro op www.jasc.com bijvoorbeeld!)
- Gebruik geen code die ervoor zorgt dat dee rechtermuisklik (of linker) niet werkt. De meeste mensen gebruiken die namelijk om een link in een ander venster te openen, of om teksten te selecteren terwijl ze lezen. Het disabelen van de rechtermuisklik gebruiken de meeste webmasters om ervoor te zorgen dat er geen plaatjes of teksten gejat worden, maar degene die dat willen hebben er toch wel verstand van en kunnen plaatjes en teksten ook wel op een andere manier (die ik hier niet noem, ik wil mensen niet op gekke ideeën brengen ;-) ) krijgen. Bovendien beschuldig je ook mensen ervan dat ze dingen van je willen stelen, vooral als er een schermpje opkomt met "WAT WILDE JE DOEN DAN? COPYSLUT!", niet erg uitnodigend voor een volgend bezoekje aan je site!
- Zorg ervoor dat de links bij je buttonwalll (of iets  anders waarbij je van jou site wordt weggesleurd) in een ander venster opkomen. Zo kunnen mensen op twee sites tegelijk kijken, en gaan ze niet weg van jouw site. 
- Ik zeg dit maar nog een keer voor de zekeerheid. Zorg ervoor dat je plaatjes en pagina's in dezelfde map zitten! Anders krijg je kruisjes, en dat is niet mooi ;-)