Basiskennis URL en links -a- en -link-

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

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.

Het hele world wide web is een aaneenschakeling van gelinkte bestanden en pagina's.

En dat maakt het world wide web ook tot het krachtige medium dat het is.

Dus links zijn heel erg belangrijk.

Grofweg kun je links onderverdelen in interne- en het externe links.

Met interne links bedoelen we dat je refereert naar pagina's binnen je eigen website.

Met externe links refereer je naar pagina's buiten je eigen website.

Een ander woord voor link is webadres of url en dat staat voor Unique Resource Locator.

Meestal is een url een adres naar een website.

Maar het kan ook een bestand zijn als een afbeelding of een pdf.

Als deze maar ergens gepubliceerd staat op het internet.

De schrijfwijze van een url kan er als volgt uitzien.

Na de domeinnaam volgt dan optioneel /image en in dit geval de bestandsnaam /icon.png.

Ik wil deze even toelichten.

https staat in dit geval voor het protocol van webpagina's.

Hiermee geef je aan dat je naar een webpagina gaat.

Maar, er zijn ook andere protocollen op het internet te vinden als bijvoorbeeld mailto:

Epeciaal voor email.

Of ftp. Speciaal voor het up- en downloaden van bestanden.

Eerder heb je heb je hier al mee kennis gemaakt toen je ftp gebruikte voor het uploaden van de website.

De s na http geeft aan dat het een beveiligde website betreft.

Zodra je op een website een formulier invult of bijvoorbeeld een betaling doet.

dan worden er gegevens over het internet verstuurd.

Met https worden deze gegevens versleuteld.

En dit voorkomt dat buitenstaanders deze gegevens kunnen afvangen.

Let er dus op dat je nooit persoonlijke gegevens verstuurd vanaf een http website.

Want die is niet beveiligd.

Het www staat voor World Wide Web.

En de naam house-of-training is de domeinnaam.

De domeinnaam wordt gevolgd door de domeinnaamextensie in dit geval .nl.

Naast landextensies heb je ook extensies met een meer generiek karakter.

Voor commerciële engelstalige websites wordt vaak een .com gebruikt.

Ben je niet-commercieel maar vooral informatief dan kies je vaak voor de extensie.info.

Is jouw favoriete domeinnaam al in gebruik?

Dan kun je altijd kijken of deze met zo'n alternatieve extensie extensie nog wel beschikbaar is.

In het voorbeeld geval wordt er na de domeinnaam gevolgd met een slash (/).

Daarmee geef je aan dat in de Local Root Folder een map staat. Na de slash staat de naam van de map 'img'.

En in dit geval staat er in de map 'img' het bestand 'icon.png'.

Dus deze url leidt direct naar een afbeelding.

In het kort samengevat.

Het eerste deel van een url is een uniek webadres.

Er kunnen geen twee websites exact hetzelfde heten.

Het tweede deel van een url noemen we ook wel de padnaam.

Deze beschrijft de route naar het uiteindelijke bestand.

Deze beschrijft de route naar het uiteindelijke bestand.