HET STARTERSPAKKET VAN ALPHAMEGA
INHOUDSOPGAVE
...............................................................................................................................................................
Inhoudsopgave Stap 1 – Je eigen website maken.................................................................... 1 De eerste stap............................................................................................................................................ Kompozer downloaden............................................................................................................................... Kompozer openen....................................................................................................................................... Een nieuwe pagina beginnen...................................................................................................................... Je eerste tekst schrijven............................................................................................................................. Je eerste pagina opslaan............................................................................................................................ Een nieuwe map aanmaken....................................................................................................................... Je ‘index.html’ online zetten........................................................................................................................
1 1 1 1 2 3 4 6
Stap 2 – Je template invullen.......................................................................... 9 Je template openen in Kompozer............................................................................................................... 9 Je eigen teksten plaatsen......................................................................................................................... 11 Externe links aanpassen........................................................................................................................... 11 Interne links aanpassen............................................................................................................................ 14 Meerdere pagina's maken......................................................................................................................... 16 Publiceren................................................................................................................................................. 18
Stap 3 – Wat kunnen we met de inhoud?.................................................. 19 Zit je er goed voor, dan beginnen we........................................................................................................ 1) - Verschillen in opmaak........................................................................................................................ 2) - De keuze van het lettertype................................................................................................................ 3) - De lettergrootte................................................................................................................................... 4) - Het accent op tekstdelen leggen........................................................................................................ 5) - Inspringen........................................................................................................................................... 6) - Snel accentueren................................................................................................................................ 7) - Opsommingen.................................................................................................................................... 8) - Links vanuit de tekst........................................................................................................................... 9) - Tekst markeren.................................................................................................................................. 10) - Tekst uitlijnen...................................................................................................................................
19 21 21 22 23 23 23 24 24 25 26
Stap 4 - Plaats zelf foto's in je website......................................................... 27 Open Pixresizer........................................................................................................................................ Je eerste foto binnenhalen........................................................................................................................ De foto plaatsen........................................................................................................................................ Uitlijnen van je foto.................................................................................................................................... Meer mogelijkheden.................................................................................................................................. Foto online zetten en bewonderen............................................................................................................
27 28 29 31 32 32
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 1 – JE EIGEN WEBSITE MAKEN
...............................................................................................................................................................
Stap 1 – Je eigen website maken Hartelijk welkom op de plek waar jouw eerste website zal ontstaan. Je hoeft je geen zorgen te maken, wij van Alphamega Hosting gaan je begeleiden. Ons motto is niet voor niets “Eigen website? Je staat er niet alleen voor!” Ons starterspakket is heel gemakkelijk ingedeeld. Begin bij het begin, en in vier stappen ga je zelf je eigen website maken. De bedoeling van stap 1 is dat jij binnen een half uur je eerste pagina online hebt!
De eerste stap Eerst gaan we zorgen dat je een pagina met een tekst kunt maken en die op het internet krijgt zodat hij voor de hele wereld te zien is! Dat heet dan ‘Dit is mijn eerste webpagina!’. En om zover te komen heb je een speciaal programma nodig en daar gaan we mee beginnen in de ‘Eerste stap’.
Kompozer downloaden Met Kompozer kun je net als in een tekstverwerker schrijven en slepen. Het programma maakt de rest voor je in orde. Je hebt dus echt géén HTML-kennis nodig. Als je naar www.alphamegahosting.com/516 gaat, kun je van daaruit Kompozer downloaden. Op deze pagina staat ook een uitgebreide uitleg over hoe zo’n download in z’n werk gaat.
Kompozer openen Op je bureaublad staat het icoontje met de naam Kompozer. Als je hierop klikt zal het programma worden geopend. Je ziet nu de standaard werkomgeving van Kompozer. Denk nu niet dat het erg ingewikkeld is, het is echt niet nodig om alles meteen te kennen en te begrijpen.
Een nieuwe pagina beginnen We beginnen met de eerste pagina. Je begint op een blanco blad, en dat doe je door helemaal linksboven op het icoontje ‘nieuw’ te klikken. Dan heb je echt een onbeschreven werkgebied waar je naar hartelust in kunt gaan werken. Klik erop zodat je je allereerste tekst kunt gaan schrijven.
1
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 1 – JE EIGEN WEBSITE MAKEN
...............................................................................................................................................................
‘om een nieuwe pagina te beginnen klik je op het icoontje ‘nieuw’, daar waar de rode pijl staat.’
Je eerste tekst schrijven Het nieuwe venster dat nu is verschenen is nog maagdelijk wit, er knippert alleen een cursor op de plek waar jij kunt gaan schrijven. Begin maar eens met het typen van de tekst ’Dit is mijn eerste webpagina!’. Onderstaande afbeelding geeft weer wat jij ziet.
‘dit is echt het prille begin van je eerste website. Je eerste tekst in een pagina. Die gaan we dadelijk opslaan als webpagina.’
2
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 1 – JE EIGEN WEBSITE MAKEN
...............................................................................................................................................................
Je eerste pagina opslaan Om de tekst als webpagina op te slaan gaan we enkele eenvoudige stappen doorlopen. We gaan eerst naar de optie ‘Bestand’ bovenin de menubalk. Als je hierop klikt komt er een submenu tevoorschijn. Hier gaan we een volgende keuze maken. Doe niets overhaast. Je wilt deze eerste stap goed beheersen, het is de basis voor iedere webmaster!
'klik op Bestand en er verschijnt een menu, daarin kies je ‘opslaan als’' In het submenu dat verschijnt onder de knop ‘Bestand’ kies je voor ‘opslaan als’. Als je hierop klikt komt er weer een nieuw venster. Daar kun je de naam van je eerste pagina invullen.
‘hier zie je het venster waar je de titel moet invoeren’ Ik heb in het voorbeeld ‘index.html’ gebruikt. Maar dat mag je helemaal zelf bepalen. Wel is het goed om te weten dat dit de meest ideale naam voor de beginpagina van je website is. De browser weet dan dat die als eerste geopend moet worden als je de domeinnaam in het browservenster typt. Als je de naam hebt ingetoetst, klik je op ‘OK’. Er verschijnt een nieuw venster, en daar mag je nu eerst aan de linkerzijde het icoontje ‘bureaublad’ aanklikken.
3
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 1 – JE EIGEN WEBSITE MAKEN
...............................................................................................................................................................
‘hier selecteer je het bureaublad, daar plaats je de map met alle bestanden van jouw eerste website’
Een nieuwe map aanmaken In deze map gaan we steeds alle aangemaakte pagina’s en dergelijke opslaan. Rechtsboven zie je een map met een rood sterretje, hier moet je op klikken. Dan komt er in het venster een nieuw mapje waar je de nieuwe naam in een vakje kunt gaan invullen.
‘door op de map met het rode sterretje te klikken maak je een nieuwe map aan.’ 4
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 1 – JE EIGEN WEBSITE MAKEN
............................................................................................................................................................... Als je een nieuwe map hebt aangemaakt zie je een blauw geselecteerde tekst bij deze map, hier ga je jouw naam voor die map in typen. Laten we jouw eerste website gewoon ‘mijnwebsite’ noemen. Dat kun je gewoon typen, het verschijnt vanzelf in het naamvakje van de nieuwe map.
‘het is niet de meest originele naam, maar voor nu is het duidelijk.’ De map ‘mijnwebsite’ is bijna klaar voor het opslaan van je eerste pagina. Klik nu op ‘enter’ en je naam ligt vast. Nu moeten we die map (die nu nog leeg is) openen om je eerste pagina erin op te slaan. Dubbelklik op het nieuwe mapje ‘mijnwebsite’, dan heb je weer een leeg veld. Als je nu op ‘save’ of ‘opslaan’ klikt is jouw eerste pagina opgeslagen. Het is dan ‘index.html’ in de map ‘mijnwebsite’ op het bureaublad.
5
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 1 – JE EIGEN WEBSITE MAKEN
...............................................................................................................................................................
‘je ziet dat je in je nieuwe map bent, de naam ervan staat in het bovenste venster. Als je nu rechtsonder op ‘opslaan’ klikt is je pagina goed terecht gekomen.’
Je ‘index.html’ online zetten En dat doen we ook in Kompozer, het programma heeft daar een heel handig systeem voor. Je ziet linksboven het knopje ‘publiceren’.
‘het knopje publiceren' Klik daar maar op. Er wordt een venster geopend met de naam ‘pagina publiceren’. In dat venster is de eerste keer het tabblad ‘instellingen’ actief.
6
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 1 – JE EIGEN WEBSITE MAKEN
...............................................................................................................................................................
‘het tabblad met de naam ‘instellingen’ Hier moet je onder andere de gegevens invullen die je hebt ontvangen in het ‘goed nieuws’-mailtje. Eerst vul je weer de sitenaam in, (Mijn eerste website) en daaronder het adres waarop je webpagina straks te zien is, dus ‘http://www.jouwdomeinnaam.com/index.html’. Dan komen nu de gegevens uit jouw ‘goed nieuws’-mailtje, het ftp-adres, je inlognaam en het wachtwoord. Vul ze in deze volgorde in. Let op! Zorg ervoor dat er achter het ftp-adres '/httpdocs/' staat zoals hieronder in het voorbeeld.
‘het ingevulde venster onder tabblad 'instellingen'’
7
HET STARTERSPAKKET VAN ALPHAMEGA
STAP 1 – JE EIGEN WEBSITE MAKEN
............................................................................................................................................................... Klik nu op het tabblad 'Publiceren'. Hier kun je wat vaste gegevens invullen zoals de paginatitel (Mijn eerste webpagina) en de bestandsnaam, dat is de naam waaronder de pagina is opgeslagen, in dit geval dus 'index.html'.
'het ingevulde venster onder tabblad 'Publiceren'' Klik nu op de knop ‘publiceren’ en je pagina wordt op je domein geplaatst. Als je nu Kompozer afsluit kun je met je browser je pagina gaan bezoeken. Vul in de browserbalk het adres (http://www.mijneerstewebsite.nl) van je website in en geef een ‘enter’. Nu staat er ’Dit is mijn eerste webpagina!’ op je beeldscherm. Als je dit niet ziet kun je proberen ‘F5’ aan te slaan op je toetsenbord. Dan zit er misschien nog een oude versie van je pagina in het geheugen van de computer. Met ‘F5’ ververs je de pagina. Vanzelfsprekend is dit natuurlijk niet wat je uiteindelijk wilt, maar je kent nu de weg waarlangs het gaat. Een korte ‘routebeschrijving’: • • • • • • • •
Je opent Kompozer. Je begint een nieuwe pagina. Je voegt hieraan nieuwe inhoud toe; tekst, foto’s en dergelijke. Je slaat die pagina op in de map ‘mijnwebsite’. Zorg ervoor dat je alle inloggegevens bij de hand hebt. Je klikt op ‘publiceren’. Vul je inloggegevens in en klik ‘enter’. En nu is je nieuwe pagina via de browser te bezoeken.
Dit traject blijft je verdere leven als webmaster vrijwel gelijk, misschien vind je voor jezelf iets andere manieren, maar de essentie blijft hetzelfde. Het is tijd om verder te gaan met stap 2; in deze stap geven we jou een mooie template waarmee je aan de slag kunt. Als je hier doorheen bent heb je al een professionele website. Ga snel naar Stap 2, je bent al goed bezig… de rest gaat nu vanzelf, je hebt het zwaarste deel gehad! Klik hier om Stap 2 te downloaden
8
