Linken met absoluut of relatief pad

uit de cursus Basiskennis HTML5 (2019)

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Volgende video: Externe links maken

Geef een reactie of stel een vraag

Geef een antwoord

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Basiskennis HTML5 (2019)

perm_identity Belinda | video_library 55 video's | query_builder 3:02:53

Webpagina’s maken met HTML

Om webpagina’s correct te kunnen voorvertonen door browsers is het essentieel dat je de juiste HTML-tags verbindt aan de content. In webdesign is namelijk de content gescheiden met de opmaak. Zoekmachines gebruiken de HTML-structurering om betekenis en waarde aan de content te verbinden. Maak je niet gebruik van de juiste structurering dan zul je dit terugzien in de zoekresultaten. Slecht gestructureerde webpagina’s worden minder goed geïndexeerd

Doelgroep van deze cursus

Iedereen die wil leren hoe je statische websites maakt of haar/zijn kennis wil uitbreiden van webdesign-technieken in het algemeen. Heb je bijvoorbeeld al ervaring met het maken van websites met een CMS als WordPress. Dan nog is het bijna onmisbaar om voldoende begrip te hebben van de broncode.

Wat ga je leren

In de cursus basiskennis HTML5 leer je hoe je webpagina’s structureert met de juiste HTML-tags. Je krijgt uitgebreid uitleg en inzicht in de juiste wijze waarop je de html-tags toepast.

Je leert hoe de juiste mappenstructuur voor webproducties in de zogeheten Local Root Folder. je krijgt uitleg over de semantische betekenis van de html-tags en leert hoe je pagina’s structureert conform de regels van het W3C.

Eventuele vervolgcursus

Een logische vervolgcursus is de cursus Basiskennis CSS. Hierin leer je de vormgeving van webpagina’s onder de knie te krijgen met CSS. Dit is de werkwijze voor het creëren van prachtige webpagina’s. Eerst zorgen dat de HTML op orde is en vervolgens de vormgeving bepalen met CSS.

Vereiste voorkennis en vaardigheden

Voor het volgen van deze cursus heb je geen specifieke voorkennis nodig. Algemene kennis van de computer is wel belangrijk.

Je kunt linken op twee manieren.

Je maakt gebruik van een absoluut pad of van een relatief pad.

Het is belangrijk dat je het verschil kent en herkent.

Het absolute pad is makkelijk.

Dat is het gehele webadres inclusief protocol, domeinnaam en vanaf daar de juiste route naar het bestand.

Een website bestaat meestal uit meerdere pagina's .

Als het er erg veel worden.

Dan bewaar je meestal de pagina's in aparte mappen.

Zodat de Local Root Folder overzichtelijk blijft.

De route naar de pagina wordt meestal weergegeven in de adresbalk van de browser.

Maar niet altijd kun je het volledige adres in de adresbalk aflezen.

Maar zodra je in de adresbalk klikt.

Dan wordt de volledige url meestal wel zichtbaar en ook direct geselecteerd.

Kopieer dan de url met Commando C.

En zo kun je het volledige absolute pad plakken in jouw broncode met Commando V.

En daarmee een link maken met deze pagina.

Voor links naar pagina's op andere websites maak je eigenlijk altijd gebruik van dit absolute pad.

Besef wel dat als een pagina op die site wordt verwijderd of verplaatst de link niet meer zal werken.

Dan krijg je een -error in beeld.

Je zult regelmatig de links op je website moeten controleren.

Niet alleen zijn dode links een ergernis voor je bezoekers.

Ook zoekmachines zien websites met dode links als een slechte gebruikerssite.

En dat gaat dan weer ten koste van je ranking.

Dan eindig je lager in de zoekresultaten en dat wil maar wat graag voorkomen.

Het relatieve pad gebruik je vooral als je interne links maakt.

Dit zijn de links naar pagina's op je eigen website.

Je geeft dan de route op vanaf de positie van het document waarop je de link plaatst.

Stel dat ik op de index.html wil linken naar mijn contactpagina.

Dan ziet de link er zo uit.

Vanaf de index moet je eerst de naam van de map aangeven waarin de pagina staat.

Dat is dus pages en daarin staat de pagina contact.html.

Dat geef je dan aan met /contact.html.

Wil ik vanaf de contactpagina teruglinken naar de index.

Dan moet ik de route aangeven vanaf contact.html.

Eerst moet je dan uit de map 'pages' één stap omhoog.

Dat geef je aan met ../

Dan ben je één map omhoog gegaan en dat is voldoende want daar staat de index.html.

Stel dat de pagina contact.html nog een map dieper zou staan.

Bijvoorbeeld in een map 'communicatie' in de map 'pages'.

Dan moet je twee stappen omhoog gaan voordat je weer in de hoofdmap, de Local root folder bent.

Dat geef je dan aan met ../../index.html.

Het maken van links gaan we in de komende video's toepassen in de praktijk.