Internet en website. Voorwaarden voor een goede website:

Transcriptie

1 Internet en website Inleiding Zoals reeds aangehaald is internet een belangrijk onderdeel geworden ter info en activiteiten van een visclub. Vele visclubs en ook andere verenigingen communiceren met elkaar en vergemakkelijken zo hun afspraken en werk. Wat men in eerste instantie kan doen is het werk, dus ook de website, zo eenvoudig mogelijk trachten te maken, men vindt zeer vele documentatie, cursussen die niet zo eenvoudig te begrijpen zijn en ook soms te ingewikkeld, vooral reclame en allerlei zaken die bij het ontwerp van een eigen website eigenlijk bijkomstig zijn. Voorwaarden voor een goede website: 1. Eenvoudig van indeling en aangepaste kleuren 2. Duidelijk voor iedereen 3. Enkel nuttige info van de club (zo weinig mogelijk reclame) 4. Vrije wedstrijden benadrukken 5. Meerdere leden of bestuursleden die de site kunnen bewerken 1.De figuur vanboven kan een beeld zijn van de visvijver met de naam van de visclub en op de linkse kant de nodige info, dit begint bij de titel meestal Home Hier kan een kleine uileg van hoe de website en de programma s werken Plan met plaatsen, ligging en foto van de vijver breedte Totale inhoud: lengte x breedte x gemiddelde diepte 31 Andere nuttige info lengte Gemiddeld bedragen de oppervlakte van de visvijvers 0,5 à 1 hectare met een gemiddelde diepte tussen de 1,5 en 2 meter. de inhoud schommelt tussen de en de m 3 1 Het aantal visplanken is begrepen tussen 30 en de Kantine Parking 1

2 2. Van zeer groot belang is de duidelijkheid en de indeling, vooral de vissers moeten dit begrijpen, de website mag geen overrompeling zijn van allerlei zaken die eigenlijk met het vissen niets te maken hebben, hooguit zou een sponsor kunnen vermeld worden, eveneens een teller hoe dikwijls de website bezocht is. Indien men teveel moet zoeken zal men de site gauw verlaten en waarschijnlijk niet meer terugkeren. Dus aan te raden 3 delen: kleine banner als top, info en programma s links en de grote ruimte voor de uitleg en info. 3. Nuttige informatie naar de niet leden (bezoekers) en de leden. Hier kan men een onderscheid maken. Indien men vrije wedstrijden inricht kan men een speciale item voorzien om deze wedstrijden met alle info te benadrukken. Zo is misschien te veel of zo Home Onze vereniging Inleg en prijzen Reglementering Vrije wedstrijden Plan en info Kalender + uitslagen Nieuwsfolder Contact Links Teller Sponsors De verdere uitbouw is naargelang het eigen initiatief en ideeën van de webontwerper(master) en de bestuurleden. 4. Indien men de inkomsten wil vergroten is het van belang de vrije wedstrijden in een bijzonder daglicht te plaatsen. Affiches kan men maken en plaatsen in de extensie pdf, daar kan men reclame maken zoveel men wil. Onthaal en prijzen zijn belangrijk. De versnaperingen, eten en drank kunnen benadrukt worden. Onthaal is zeer belangrijk. Telefoon, en mondelinge info door bijvoorbeeld de sportbestuurder is noodzakelijk. 5. Het spreekt vanzelf dat meerdere leden op de hoogte dienen te zijn van hoe en wat de website kan bewerkt worden. In geval van afwezigheid kunnen er andere leden inspringen. Daarom is het nuttig om enkele begrippen aan te tonen van hoe een website eigenlijk in mekaar zit, hoe werkt dit eigenlijk. Op een eenvoudige manier gaan we aantonen dat het ontwerp niet zo moeilijk is. 2

3 Hoe maak je een eigen website? Vooral eer je aan de slag gaat, dien je met enkele zaken rekening te houden: 1. Een programma om de website te ontwerpen. 2. Een domeinnaam + webruimte. 3. Een programma om de files naar je host op te laden. Een programma om de website te ontwerpen: Hiervoor heb je een WYSIWYG programma nodig. What You See Is What You Get of in het Nederlands: Je krijgt wat je ziet. De term wordt gebruikt voor computerprogramma's, en betekent dat je direct op het beeldscherm ziet hoe het resultaat op papier eruit komt te zien, inclusief alle opmaak: vet, letterafmeting, etc. Enkele voorbeelden van zulke professionele programma s zijn Macromedia Dreamweaver of Microsoft Frontpage. Dit zijn betalende programma s, al zijn er op het net ook tal van gratis WYSIWYG programma s te vinden bv. CoffeeCup Free HTML Editor. Tegenwoordig zijn ook de Open Source CMS programma s zoals Joomla erg populair en bovendien gratis. Een domeinnaam + webruimte: Je gaat best op zoek naar een hosting provider waar je webruimte en een domeinnaam kan reserveren. Een eigen domeinnaam is immers het uithangbord van een website. Voor 10 euro per jaar heb je reeds een eigen domeinnaam en voor 50 euro (naargelang de aansluiting) voldoende webruimte om je website te hosten. Een programma om de files naar je host op te laden: Je maakt je website eerst op je eigen PC en bekijkt het resultaat in je browser. Ben je tevreden over het resultaat, dan ga je de files opladen naar de server van je host met een FTP-programma (File Transfer Protocol). Een gratis FTP programma is gemakkelijk te vinden via het net. Vanaf het ogenblik dat je bestanden op de server staan is je website geboren en voor gans de wereld bereikbaar. Dit is slechts een beperkte beschrijving hoe je een website maakt, op het net zijn hier immers voldoende uitgebreide handleidingen te vinden. Een goede uitgebreide handleiding kan u hier vinden: Alle begin is moeilijk. Achteraf zal de website met de opbouw steeds beter en beter en verstaanbaar worden. Zoals bij de Macro s, deze beginnen meestal met Sub en eindigen met End sub. Bij de website gebruikt men hier ondermeer de taal HTML, ter informatie: HTML komt van Hyper Text Markup Language. Deze taal niet is geen Nederlands wel een beetje Engels. Het is een taal waarmee men communiceert met de computer, eigenlijk met de browser (zoals bv. Internet Explorer of Netscape). Het heeft zo zijn eigen vocabulaire (geen grammatica), men geeft aan wat er moet worden getoond op het scherm, daarom noemt men het een markeertaal. Tekst wordt gemarkeerd met bepaalde instructies, die de browser zal uitvoeren. Na de afwerking gaat de website gepubliceerd worden op het Internet. Waar dit is, zal gedeeltelijk afhangen van u. Als de provider zelf al gratis webspace, in het Nederlands webplaats ter beschikking stelt, dan doet men dat het beste bij uw provider. Deze dienst geeft meestal voldoende mogelijkheden voor uw website, en men heeft geen hinderlijke reclame. Als de provider het niet aanbiedt, kan men gratis internet diensten bekomen. Het nadeel van deze diensten is meestal dat erg beperkt zijn en ze gebruiken heel veel reclame. Later kan men altijd uitkijken naar een andere provider, ofwel, als men het professioneler wil aanpakken een hosting nemen. Dat laatste is eigenlijk webspace huren bij een bedrijf. Men heeft meestal bijna onbeperkte mogelijkheden, het enige is men moet ervoor betalen; bij de één is dit al wat duurder dan bij de andere, afhankelijk van wat men voor uw geld krijgt. Succes met het bouwen van je eigen website.

4 Samenvatting van codes Omschrijving Basis van een HTML document Titels Paragraaf tekst Opmaak: vetjes Opmaak: cursief Opmaak: onderlijnd Titels/tekst uitlijnen Ongenummerde lijst Ongenummerde lijst, vierkantje als opsommingsteken Genummerde lijst Genummerde lijst, andere opsommingen Achtergrondkleur Tekstkleur - standaard document Tekstkleur - klein stukje tekst Tekstgrootte - grote stukken tekst Tekstgrootte - klein stukje tekst Lettertype Tabel - basis Tabel - kleur geven (plaatsen in <table>, <tr> of <td>) Tabel - plaats tussen 2 cellen Tabel - plaats tussen tekst en tabel Tabel - randdikte Tabel - uitlijnen Tabel - meerdere cellen samennamen - horizontaal (meerdere kolommen) Tabel - meerdere cellen samennamen - verticaal (meerdere rijen) Hyperlink - anker ergens in document plaatsen Hyperlink - link naar anker Hyperlink - link naar andere pagina/site Hyperlink - lege openen Hyperlink - openen in nieuw venster Figuur Figuur uitlijnen Figuur vrij plaatsen (met behulp van tabel) Figuur - randdikte bij hyperlink Achtergrondfiguur Lichtkrant HTML code <html> <head> <title>hier <h1>, <h2>, uw <h3>, titel <h4>, van de <h5>, pagina</title> <h6>, <h7> </head> <p> <body> </body> <b> </html <i> <u> align="left", align="center", align="right" <ul> <li>punt 1</li> <li>punt <ul type="square"> 2</li> </ul> <ol> <li>punt 1</li> <ol type="i"> (kleine Romeinse cijfers) <li>punt 2</li> <ol type="i"> (grote Romeinse cijfers) </ol> <ol <body type="a"> bgcolor="yellow"> (kleine letters) <ol <body type="a"> text="ff0000"> (hoofdletters) <ol start="5"> (starten vanaf het cijfer...) <font color="#00ff00"> <basefont size= 5 > <font size="7"> <font face= Arial > <table> <tr> <td>cel bgcolor="#00ff00" 1</td> <td>cel cellspacing="15" 2</td> </tr> </table> cellpadding="15" border="1" align="left", align="center", align="right" colspan="2" rowspan="2" <a name="begin"> <a href="#begin"> <a href=" <a href="mailto:webmaster@seniorennet.be"> target="_blank" <img src="logo.gif" width="97" height="59"> <p align="left">, <p align="center">, <p align="right"> <table align="right"> <tr> <td><img border="0" src="voorbeeldwebsite/logo.gif" width="97" height="59"></td> <body background="logo.gif"> </tr> </table> <marquee> Met align="left", align="center", align="right" 3 4

5 Nuttige tips: 1. is een cursus die voor beginners zeer goed uitgelegd en weergegeven. Probeer het maar eens. 2. Voor het invoeren van de uitslag na de wedstrijd Uitslag xls opslaan als tekstfile.txt Dreamweaver insert tabulator data Import tabular data = Tabel gegevens importeren Andere tips volgen op latere datum