Website maken
Om het sectorwekstuk te kunnen presenteren hebben we ervoor gekozen een website te maken. Dat heb ik voor mijn rekening genomen met hulp van Matthew. Hier schrijf ik hoe ik de website in elkaar heb gezet zodat ook de rest van mijn groep een idee heeft van wat een website maken inhoud.
Framesite
Mijn website bestaat uit frames. Frames zijn vakjes die websites weergeven. Het is een website die één of meer websites weergeeft.
Mijn framesite heeft 3 frames dus 3 vakjes die een andere website weergeven.
Ieder frame heeft een eigen naam (menu, banner, info) en een beginsite (menu.html, banner.html, home.html)

De sites home.html enz. kan je ook zonder frame oproepen, dat doe je indien je de hele link invoert. Klik als voorbeeld op http://www.jp-kohrs.net/sectorwerkstuk/banner.html.
Ik heb ervoor gekozen dat index.html mijn framesite wordt omdat index.html, home.html en main.html altijd worden geopend als ze onder die route staan. Bij mijn website hoeft men alleen www.jp-kohrs.net/sectorwerkstuk invoeren en hij zoekt vanzelf naar een index.html, home.html of main.html. Als hij deze niet vind komt een error-melding.
Menusite
De Menusite geeft de verschillende pagina's aan die er op de website staan en makkelijk berijkt moeten worden.
Eerst heb ik de knoppen gemaakt met een programma dat "Photoshop Elements" heet. Voor deze knoppen heb ik nog iets leuks gemaakt dat men "mouseover" noemt. Zodra de muis over het plaatje gaat, verandert het plaatje. Daarom moet ik altijd 2 plaatjes per knop hebben.
Als men op de knop drukt, opend het een site. Een link kan men met tekst en met plaatjes weergeven, ik deed het met plaatjes.
Als men op een plaatje klikt open het een nieuwe site. Maar waar? Dit wordt bepaalt door aanwijzingen zoals _top, _blank, _parent of _self. Verder bestaan nog de namen van de frames: menu, banner en info.

Als ik nu voor info kies dan opend de knop de site bijvoorbeeld team.html in het frame "info".
Het duurt lang voordat men alle plaatjes en links voor de knoppen heeft gemaakt, in totaal zijn de knoppen 26 beeldbestanden en 13 keer de commando van plaats de site x.html in frame 3 "info".
Banner
De banner is het plaatje helemaal aan de bovenkant en weergeeft de sitenaam. Het heeft een eigen frame zodat men het altijd ziet.
Ik heb vaker de banner verandert omdat ik hem niet goed vond. De banner en de knoppen zie je altijd als de site open is dus het moet er goed uitzien.
Infosites
De infosites zijn die sites waar de informatie opgeslagen is en die uiteindelijk door de knoppen worden geactiveerd.
Deze sites zijn alleenmaar opgebouwt uit tekst, plaatjes en sommige hebben zelfs een kort filmpje erin zitten. Ze hebben maar één doel en dat is informeren.
Plaatjes en filmpjes kunnen niet in een site staan, alleen apart ernaast, de site zelf roept ze op. Elke knop geeft een andere site met andere informatie weer en deze wordt dan weergeven in het frame "info" (nr. 3).
Informatie kun je gewoon in "MS Word" schrijven en invoegen of direct invoeren in het html. Plaatjes moeten met een htmlcode worden opgeroepen. Als men html met de hand schrijft dan moet men de code <img src="bestandnaam"> gebruiken. Maar ik heb een HTML programma.
HTML Programma's
Ik zelf gebruik voor deze website "Adobe GoLive 6.0". GoLive is een programma waarmee je snel en makkelijk een website kunt opbouwen zonder veel geknoei met de html codes.
Er zijn ook nog andere programma's zoals "Dreamwave", "Frontpage" of "Firstpage" maar ik heb gekozen voor GoLive omdat je daarmee heel goed met frames kunt werken. Met alle programma's kun je het uiterlijk veel makkelijker mooier maken dan gewoon in html. Met html programma's kun je aangeven welke lettertype je wil of welke grote de letter moet hebben. Als je wil zien hoeveel je zou moet schrijven als je al alleen deze infosite zelf in html wilt maken klik dan hier
Beeldbestanden
Zo een website bestaat ook uit vele plaatjes en die zijn niet voorgeprogrameert voor mij.
Ik kan ook geen karts tekenen dus moet ik op zoek naar karts voor de Banner en knoppen. Ik had kleine cartoonkarts gevonden en die naar kleur en smaak verandert met een beeldbewerkingsprogramma. Dan heb ik zelf blokken ontworpen waar deze plaatjes in weergegeven worden. Langzamerhand ontstonden er de knoppen en de banner die men op deze site kan zien.
Al deze plaatjes heb ik met "Adobe Photoshop Elements" gemaakt. Photoshop is een makkelijk programma waarmee je makkelijk elementen bij elkaar kan voegen en zelfs nieuwe elementen gemaakt kunnen worden.
Het Internet op
Hoe krijgt me dat nou? Ik moet mijn website kunnen publiseren en dat kan niet vanaf mijn computer. Er zijn speciale computer die grote opslagruimte hebben. Iedereen heeft toegang aan deze computers. Zo een computer heet "Server" en is altijd aan het internet verbonden zodat anderen mensen op onze website toegrijpen kunnen die op deze "Server" staat. Deze computer staat waarschijnlijk heel ver weg van mijn huis dus moet ik alles via internet op die computer zetten. Dat kan alleen met je naam en wachtwoord die je bij je server hebt en een programma dat FTP ondersteund. FTP is de directe verbinding tussen jou computer en die van de "Server". Ik laad dus mijn framesite alle infosites en alle beeldbestanden naar die "Server". Die geeft met een link weer, waar ik al die informatie weer kan zien in vorm van een website.