Stap 1 Je eigen website maken Stap 2 Je template invullen Stap 3 Wat kunnen we met de inhoud?... 19

Transcriptie

1

2 INHOUDSOPGAVE Inhoudsopgave Stap 1 Je eigen website maken... 1 De eerste stap... 1 Kompozer downloaden... 1 Kompozer openen... 1 Een nieuwe pagina beginnen... 1 Je eerste tekst schrijven... 2 Je eerste pagina opslaan... 3 Een nieuwe map aanmaken... 4 Je index.html online zetten... 6 Stap 2 Je template invullen... 9 Je template openen in Kompozer... 9 Je eigen teksten plaatsen Externe links aanpassen Interne links aanpassen Meerdere pagina's maken Publiceren Stap 3 Wat kunnen we met de inhoud? Zit je er goed voor, dan beginnen we ) - Verschillen in opmaak ) - De keuze van het lettertype ) - De lettergrootte ) - Het accent op tekstdelen leggen ) - Inspringen ) - Snel accentueren ) - Opsommingen ) - Links vanuit de tekst ) - Tekst markeren ) - Tekst uitlijnen 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... 32

3 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 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

4 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

5 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

6 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

7 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

8 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

9 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 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

10 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 ( 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