|
|
|
| Welkom,
[NAME] |
|
Een groep onderzoekers van de Stanford University in Silicon Valley, USA wil
internet opnieuw gaan ont-werpen. In eerste instantie was ik wel verbaasd toen
ik dat las, maar toen ik meer ging lezen over die (voorlopige) plannen, werd
ik steeds enthousiaster.
Internet is namelijk enkele tientallen jaren terug ont-worpen met de
inzichten die er toen waren. En vanuit die structuur is het steeds verder
ontwikkeld. Maar als men toen had geweten wat men nu weet, had die structuur
er heel anders uitgezien.
Daarom willen deze experts een nieuwe structuur gaan creëren die belangrijke
tekortkomingen van het huidige internet moet oplossen. Want hoe prettig en
uitdagend internet ook is, het kan altijd beter. En zeker als het gaat om de
toekomst. Onder andere de snel-heid, veiligheid en betrouwbaarheid van
internet wor-den onder de loep
genomen. | |
Grote bedrijven als Deutsche Telekom, Cisco Systems en NEC zijn het
kennelijk eens met de deskundigen, want zij hebben financiële steun toegezegd
aan het project.
Ik denk dat de maatregelen die genomen gaan worden, voor iedereen een
verbetering zullen zijn. Een sneller, veiliger en betrouwbaarder internet, dat
is toch wat we allemaal willen?
 Veel leesplezier!
Marco
Sanders,
hoofdredacteur
Web Succes Magazine
 |
 |
|
 |
| XHTML deel 3 – Nog
meer over CSS |
| door Bob
Broen | |
 | |
| In het volgende voorbeeld is een HTML-pagina
te zien waarin de opmaak geheel met CSS geregeld is. Er is een
tweekolommen-indeling, gecentreerd op de pagina. Plak deze code in een bestand
en noem dit voorbeeld3.html. Dit bestand kun je openen in je browser.
* Klik hier voor meer uitleg over hoe je HTML-code op
je website kunt plaatsen.
Eerst laten we de CSS buiten beschouwing en kijken we naar de HTML-opmaak.
Elke samenhangende groep elementen is omringd door 'div'-tags, net als in deel
2. De 'div'-tags zelf zijn ook weer omsloten door een set 'div'-tags, hiermee
hebben we nog meer controle over de opmaak van de pagina.
De 'div'-tags zijn nu voorzien van een 'id' in plaats van een 'class'. Het
grote verschil is dat een id wijst naar precies één element op de pagina en
dat een class gebruikt kan worden voor meerdere elementen. Er mogen dus geen
twee voetnoten zijn.
Oefening: Haal alle CSS-code eens weg en bekijk de pagina
dan.
Als we kijken naar de CSS-code, dan zie je dat het body-element werkt met
een gecentreerde tekst; dit helpt om de pagina in het midden te krijgen. Bij
sommige browsers is deze extra stap nodig.
De opmaak voor "#pagina" dicteert een breedte van 900 pixels. De marge (de
extra ruimte buiten het div-blok) staat op '10px auto 10px auto', dat wil
zeggen 10 pixels erboven, rechts automatisch verdelen, 10 pixels onder en
links ook automatisch verdelen. Oftewel: centreren met 10 pixels extra
ruimte.
De padding (vulling tussen het div-blok en de rand) staat op '0px'. Als
'pagina' een vulkleur zou hebben, dan krijgt padding deze kleur. Let wel op
dat padding op 0 staat als je width gebruikt; sommige browsers hebben
afwijkende ideeën over wat padding is. En dat kan je opmaak behoorlijk
in de war schoppen als de breedte belangrijk is.
Als laatste wordt de uitlijning van de tekst weer op links gezet voor alle
onderliggende elementen:
De "#inhoud" zweeft (float) aan de linkerzijde (left) van de pagina en heeft
een breedte van 650 pixels.
De "#zijbalk" zweeft daarnaast en heeft een breedte van 250 pixels. Ik heb
eerder gezegd dat je geen padding mag gebruiken in combinatie met de breedte,
maar wat extra ruimte onder de zijbalk verstoort de breedte niet. De volgorde
van de getallen is 'boven rechts onder links'. De achtergrondkleur is hier
gezet op #FFFFBB, een lichte kleur geel.
Dat waren de onderdelen die belangrijk zijn voor de indeling van de pagina.
Het "#kop"-element geeft wat extra ruimte aan de onderzijde van zijn blok,
het zet de achtergrondkleur op geel en plaatst een rand aan de onderzijde van
het blok. Deze rand is 6 pixels groot, aaneengesloten en heeft een blauwe
kleur. Het "#voetnoot"-element heeft een blauwe rand aan de bovenzijde.
Wat opvalt aan de "#voetnoot" is de opdracht 'clear: both'. Dit geeft aan
dat "#voetnoot" zich niet mag aanpassen aan de bovenliggende zwevende
elementen. Zonder deze opdracht zou de voetnoot verkeerd geplaatst kunnen
worden. Het eerste element dat onder een (of meerdere) floats komt, moet deze
opdracht uitvoeren.
Met het element "#zijbalk p" wordt bedoeld alle paragrafen (het 'p'-element)
binnen het element "#zijbalk".
De rest van de opmaak sluit aan bij het vorige deel. Misschien is het je al
opgevallen dat de standaardgrootte van de fonts overgelaten wordt aan de
browser. Er zijn meerdere redenen om dit te doen, maar alleen als de opmaak
het toelaat. Het is namelijk niet te voorspellen hoe groot de tekst zal zijn
in combinatie met verschillende browsers en gebruikersinstellingen.
Oefening: Plaats de zijbalk links van de inhoud.
Vermijd zoveel mogelijk het gebruik van frames en tabellen bij het opmaken.
Frames zijn een noodgreep die je gebruikt om meerdere pagina's te organiseren
waardoor informatie weergegeven kan worden op één pagina. Tabellen zijn een
praktische oplossing voor het presenteren van gegevens op een gestructureerde
manier.
In het volgende deel van Web Succes Magazine gaan we afbeeldingen
toevoegen.
Voor de voorgaande artikelen over XHTML, klik
hier.
|
|
|
 |
| Hoe zit het met de
auteursrechten op jouw website? |
| door Roel
Laurey | |
| |
| Dat je niet zomaar de inhoud van een
boek mag gebruiken om er zelf een boek van te maken weet vrijwel iedereen. En
dat je niet zomaar muziek van cd's mag plukken om er zelf cd's van te maken
die je gaat verkopen, is ook wel bekend. Maar hoe zit het nou met de
auteursrechten op de content (inhoud) van een website?
Auteursrecht en
naburige rechten zijn niet anders zodra er sprake is van websites en andere
online mogelijkheden. Wanneer je zelf een website hebt, dan moet je voor het
gebruik daarop van foto's, muziek en teksten toestemming vragen aan de
rechthebbenden, aan de uitgever van de teksten bijvoorbeeld of aan de
fotograaf. Uiteraard mag je wel je eigen foto's of zelfgeschreven teksten erop
zetten! Ook als je bijvoorbeeld zelf muziek maakt, kun je die op je website
zetten zodat anderen ernaar kunnen luisteren.
Op informatie, muziek,
afbeeldingen, foto's en dergelijke die je vindt op websites van anderen (of in
bijvoorbeeld news groups) zullen in de meeste gevallen ook auteursrecht en
naburige rechten rusten. Dit houdt in dat je van die informatie gebruik mag
maken maar uitsluitend voor jezelf.
Maar als je een en ander verder
gaat verspreiden, bijvoorbeeld door het op je eigen website te zetten of door
er kopieën van te maken voor anderen, mag dat niet zomaar. Je hebt daar
toestemming voor nodig (op enkele uitzonderingen na). Die toestemming kun je
vragen bij de houder van het recht. De rechthebbende geeft zelf aan wat
hij/zij wil met het recht.
Tips voor het opvragen van de houder van het recht:
- Als de houder van het recht wijs is, vermeldt hij/zij op de site dat er
auteursrechten op de informatie, muziek, afbeeldingen enzovoort rust.
- Je kunt altijd de whois van de domeinnaam waarop de site staat raadplegen
om erachter te komen wie de houder van die domeinnaam is. Misschien is dat dan
ook wel dezelfde persoon als de houder van het auteursrecht. Bij een
.nl-domeinnaam kun je de whois opvragen door bijvoorbeeld naar http://www.sidn.nl
te gaan.
- Wanneer je zelf auteursrecht hebt op een gepubliceerd werk op bijvoorbeeld
je website, vermeld dan op die site dat de mensen bij jou terecht kunnen,
wanneer ze gebruik willen maken van de informatie, muziek, afbeeldingen
enzovoort.
Toestemming
Stel dat jij de houder bent van het
auteursrecht, dan kun je zelf voorwaarden stellen aan degenen die iets met
jouw werk willen doen. Zo kun je aan een uitgever die jouw verhaal wil
publiceren toestemming (licentie) geven in ruil voor een vergoeding. Die
vergoeding, een bedrag ineens of een percentage van de verkoopprijs (royalty),
vormt voor jou een inkomstenbron.
Natuurlijk kun je ook gratis toestemming geven of toestemming weigeren.
Datzelfde geldt voor alle andere makers van auteursrechtelijk beschermde
werken. Een componist bijvoorbeeld kan aan een platenmaatschappij die zijn
muziek op cd wil uitbrengen, toestemming (licentie) geven in ruil voor een
vergoeding.
Het veelvoorkomende argument 'het staat toch al online, daar kan iedereen
gebruik van maken, dus dan kan ik het ook op mijn eigen website zetten' gaat
niet op. Dat zou hetzelfde zijn als je cd's of boeken, die in principe ook
voor iedereen toegankelijk zijn, kopieert en uitdeelt. Het maakt overigens
niets uit welke bedoeling je hebt met het geven van informatie op jouw
website. Of je voor je eigen plezier een website maakt of met commerciële
bedoelingen, doet niet ter zake.
Wat gebeurt er wanneer iemand jouw recht schendt?
Tegen (al dan niet opzettelijke) (dreigende) inbreuken op jouw recht, kun
jij je als auteurs-rechthebbende uiteraard verzetten. Inbreuk is bijvoorbeeld
wanneer iemand zonder toestemming creaties verspreidt of verveelvoudigt, door
het op internet te zetten, af te drukken in een boek of kopieën te branden
voor een ander. Men noemt inbreuk op auteursrechten ook wel piraterij of
auteursrechtcriminaliteit.
Als jij als maker jouw auteursrecht aan een ander hebt overgedragen, kun je
toch optreden tegen handelingen waarmee jouw persoonlijkheidsrechten worden
geschonden. Als bijvoorbeeld jouw verhaal zonder jouw toestemming is gedrukt
en op de markt gebracht, kun je dankzij het auteursrecht verdere verkoop van
je boek verbieden en/of via een civiele procedure een vergoeding vragen voor
de geleden schade. Dit geldt ook voor de componist die illegale cd's vindt
waar door hem gecomponeerde muziek op staat. In Nederland treedt de Stichting
BREIN (Bescherming Rechten Entertainment Industrie Nederland) namens veel
rechthebbenden op tegen inbreuk.
Het Openbaar Ministerie heeft de mogelijkheid om bij opzettelijke inbreuken
over te gaan tot strafrechtelijke vervolging. Sommige inbreuken worden zelfs
als misdrijf beschouwd. Naast een geldboete van maximaal € 45.378,- kan de
rechter een gevangenisstraf opleggen van ten hoogste vier jaar.
Dit is
toch weer fijn om te weten. Niet dan?
Bron: www.auteursrecht.nl
Voor informatie over auteursrecht in
België, klik hier.
|
|
|
 |
| Ontdek de
voordelen van een eigen routeplanner op je site! |
| door Radovan
Bierens | |
| |
| "Een routeplanner op mijn site? Waarom
dan?" Misschien vraag je je dat nu af. Nou, het kan erg handig zijn.
Natuurlijk kun je er een op je site zetten als service of gewoon als
aardigheidje. Zeker als je een website hebt die over vervoer(middelen),
transport of iets dergelijks gaat.
Er is echter ook een toepassing die nog veel waardevoller kan zijn. Als je
op je site je bezoekadres hebt staan, zou het voor een bezoeker van je
site dan niet erg praktisch zijn als hij meteen kan zien hoe hij vanuit
zijn woonplaats op dat adres kan komen?
We gaan eens even kijken hoe je zo'n routeplanner op je site kunt plaatsen.
In dit voorbeeld hebben we gebruik gemaakt van de gratis routeplanner van
MAP24. MAP24 noemt deze functie de 'Link Assistant'.
Ga naar http://products.nl.map24.com/linkassistant.html en kies
Linkassistant uit het menu Free services and products
Je ziet nu aan de rechterzijde een aantal invulvelden. Wanneer je deze
invult, genereert de pagina van MAP24 direct al een voorbeeld en de code die
je straks nodig hebt.
- Vink bij 'Step 1' de radio-button aan.
- Vul bij 'Step 2' je adres zo volledig mogelijk in. Komma's gebruiken is
niet nodig. In dit voorbeeld hebben we het adres van Alphamega Hosting
gebruikt namelijk:
Deken Mandersplein 2 5554 HT Valkenswaard
- Bij 'Step 3' mag je een stukje eigen tekst vermelden van in totaal 255
karakters lang. Je ziet meteen als je begint te typen het aantal karakters dat
je nog kunt gebruiken.
In dit voorbeeld heb ik de volgende tekst gebruikt:
'De route wordt automatisch voor je gepland naar'
- Nu zijn we aangekomen bij 'Step 4'. Dit is de laatste stap die nog
doorlopen moet worden. Je kunt hier een keuze maken uit een aantal
mogelijkheden voor het uiterlijk van de invoervelden. In dit voorbeeld hebben
we de optie 'Route planner with target address' gebruikt.
Kopieer nu de HTML-code en plak die nu in de HTML-code van de pagina waar je
deze functie op wilt gaan gebruiken.
* Klik hier voor meer uitleg over hoe je HTML-code op
je website kunt plaatsen.
Het kan er dan zo uit komen te zien:
Veel succes!!!
|
|
|
 |
| Begrippenlijst -
Uptime |
| door
Bot | |
| |
| Met uptime wordt bedoeld de periode dat
een server (server-uptime) of een netwerk (netwerk-uptime) online is. Bij
Linux wordt gerekend vanaf de laatste restart maar in het algemeen wordt de
gemiddelde 'uptime' bedoeld. Bij servers kan altijd iets misgaan in de
software of in de hardware, of vanwege onderhoud een herstart nodig zijn.
Daarom ligt de server-uptime altijd lager dan de netwerk uptime. In sommige
datacenters wordt een netwerk-uptime van 100% gehaald (2 jaar lang nooit
offline geweest) terwijl een individuele server best eens even offline kan
zijn.
Zijn er begrippen waarvan je de betekenis niet weet?
Kijk dan eens in de
FAQ van Alphamega.
|
|
|
 |
| Plaats een
fotoalbum over je website... met Lightbox |
| door Bjorn
Snelders | |
| |
| Je wilt je fotoalbum niet openen in een
popup of andere pagina of je wilt gewoon een gelikte manier hebben om je
foto's te laten zien? Met Lightbox maak je een fotoalbum dat er niet alleen
geweldig uitziet, het is ook nog eens superfunctioneel.
Als je nu al een fotoalbum hebt, herken je waarschijnlijk het volgende: Je
foto's zijn groter dan je contentvlak, dus heb je thumbnails gemaakt. Zodra je
bezoekers erop klikken wordt in een popup of in een andere pagina de grote
versie getoond. Dit werkt weliswaar goed, maar het blijft openen, terug,
openen, sluiten... Minder praktisch dus.
Het mooie van Lightbox is dat je foto's over je website geplaatst worden,
wat ervoor zorgt dat je een mooi geheel met je website creëert. Je website
hoeft op deze manier ook niet verlaten te worden om grotere foto's te bekijken
en dus worden je albums niet geblokkeerd door een pop-up blocker.
Wil je weten wat ik precies bedoel en hoe het eruit ziet? Klik dan hier
voor een voorbeeld.
Dat wil ik ook!
Waarschijnlijk is dat je eerste reactie, dat was de mijne in ieder geval
wel! ;-) Laten we dan ook maar meteen beginnen met het downloaden van de
techniek achter Lightbox. Klik hier
om Lightbox 2.0 te downloaden.
In het bestand vind je een Engelstalige uitleg, in dit artikel zal ik de
Nederlandse vertaling plaatsen.
1. Javascripts
Lightbox 2.0 maakt gebruik van 'Prototype
Framework' en 'Scriptaculous Effects Library'. Om hier gebruik van te maken
moet je de volgende regels toevoegen tussen < head > en < /head >
van de betreffende html-pagina.
* Klik hier voor meer uitleg over hoe je HTML-code op
je website kunt plaatsen.
De bestanden staan in het mapje 'js', zorg dat je ze ook zo uploadt naar je
server.
2. Stylesheet
Voeg vervolgens de meegeleverde stylesheet
toe door de volgende regel te plaatsen:
De stylesheet staat in het mapje 'css', upload deze map naar je server.
3. Afbeeldingen uploaden
In de map 'images' bevinden
zich de afbeeldingen voor de visuele stijl van LightBox 2.0. Deze kun je
eventueel bewerken, zorg ervoor dat je de namen ongewijzigd laat. Upload
vervolgens de hele images-map naar je server.
4. Afbeelding activeren
We gaan nu je afbeeldingen laten
werken met LightBox. Klik op een afbeelding, in het voorbeeld noemen we de
geselecteerde afbeelding thumb-1.jpg. Dit wordt een link naar de grotere
versie: image-1.jpg. Deze wordt geopend zodra je klikt op thumb-1.jpg.
Voeg het volgende toe aan je afbeelding:
Plaats erachter:
Je krijgt dan dus:
5. Album
Wil je meerdere afbeeldingen groeperen, zodat
je 'volgende' en 'vorige' kunt kiezen, dan moet je bij rel="lightbox" de
groepsnaam tussen rechte haakjes plaatsen: [groepsnaam]. De code wordt dan
bijvoorbeeld:
[groepsnaam] mag een willekeurige naam zijn, houd het overzichtelijk. Zorg
ervoor dat de groepsnaam tussen de aanhalingstekens staat. Dus niet
rel="lightbox"[groepsnaam] maar rel="lightbox[groepsnaam]"
6. Beschrijving
Wil je ook een beschrijving onder elke
foto tonen, voeg dan aan je link het volgende stukje code toe:
Je krijgt dan dus:
Als je nu het html-bestand uploadt en online op de afbeeldingen klikt, zul
je LightBox in werking zien op je eigen website.
Veel succes!
P.S. Je kunt ook kiezen voor een uitvoering die iets
eenvoudiger is, maar die daardoor wel minder mogelijkheden heeft. Klik hier om naar deze versie te gaan.
|
|
|
|
|
Meer informatie
Voorgaande nummers van dit magazine vind je hier. Voor meer informatie kun je altijd terecht op onze
website: Alphamega
Hosting.
Enthousiast? Geef het door!
Ben jij ook enthousiast over dit magazine? Deel het dan met je
vrienden en kennissen. Je mag dit nummer vrij doorsturen (forwarden). Je kunt
mensen ook verwijzen naar onze website: Alphamegahosting.com.
Vragen of opmerkingen?
Hoewel de meest voorkomende vragen worden beantwoord op de FAQ-pagina van Alphamega, kan het zijn dat er een bepaalde
vraag niet bij staat. Als dit het geval is, kun je de vraag via de FAQ-pagina
stellen.
Ideeën en opmerkingen:
Als je ideeën of opmerkingen
hebt klik dan hier. Ideeën of opmerkingen zijn altijd van harte
welkom maar helaas kunnen we niet beloven dat we alle ideeën en/of opmerkingen
behandelen in het Web Succes Magazine. Uiteraard zullen we deze voor zover
mogelijk verwerken in toekomstige nummers.
| |
|
|
|
|
|
Copyright 2007
– plaats onze artikelen op jouw site
Alle tekst in dit
Web Succes Magazine is copyright 2007 van Alphamega. Wil je één of meer
artikelen uit dit magazine overnemen, dan is dat slechts toegestaan onder de
voorwaarde, dat je direct onder het artikel:
1. vermeldt dat het artikel
uit het Web Succes Magazine komt,
2. vermeldt dat het artikel copyright
2007 van Alphamega is,
3. een duidelijke en werkende link plaatst naar
websuccesmagazine.com
(de link mag geen affiliatecode
bevatten). | |
|
| 
