HOE

Hoe naar huis

Menu's

Pictogrambalk Menupictogram Accordeon Tabbladen Verticale tabbladen Tabkoppen Tabbladen op volledige pagina Beweeg tabbladen Bovenste navigatie Responsieve Topnav Navigatiebalk met pictogrammen Zoekmenu Zoekbalk Vaste zijbalk Paginanavigatie Responsieve zijbalk Navigatie op volledig scherm Off-Canvas-menu Beweeg de Sidenav-knoppen Zijbalk met pictogrammen Horizontaal scrollmenu Verticaal menu Bodemnavigatie Responsieve bodemnavigatie Onderste rand navigatielinks Rechts uitgelijnde menulinks Gecentreerde menulink Menukoppelingen met gelijke breedte Vast menu Schuif de balk omlaag bij scrollen Verberg navigatiebalk op scrollen Navbar verkleinen bij scrollen Sticky Navbar Navigatiebalk op afbeelding Vervolgkeuzemenu's voor zweven Klik op vervolgkeuzelijsten Trapsgewijze vervolgkeuzelijst Vervolgkeuzelijst in Topnav Dropdown in Sidenav Vervolgkeuzelijst Resp Navbar Subnavigatiemenu Drop-up Mega-menu Mobiel menu Gordijnmenu Samengevouwen zijbalk Samengevouwen zijpaneel Paginering Paneermeel Knop groep Verticale knopgroep Sticky Social Bar Pil navigatie Responsieve koptekst

Afbeeldingen

Diavoorstelling Galerij met diavoorstelling Modale afbeeldingen Lichtbak Responsief afbeeldingsraster Afbeeldingsraster Tabblad Galerij Afbeeldingsoverlay vervagen Dia overlay afbeelding Afbeelding Overlay Zoom Titel afbeelding overlay Afbeeldingsoverlay-pictogram Afbeeldingseffecten Zwart-wit afbeelding Afbeeldingstekst Afbeeldingstekstblokken Transparante afbeeldingstekst Afbeelding op volledige pagina Formulier op afbeelding Heldenafbeelding Achtergrondafbeelding vervagen Wijzig Bg bij scrollen Afbeeldingen naast elkaar Afgeronde afbeeldingen Avatar-afbeeldingen Responsieve afbeeldingen Afbeeldingen centreren Miniaturen Rand rond afbeelding Ontmoet het team Kleverige afbeelding Een afbeelding spiegelen Schud een afbeelding Portfolio Galerij Portfolio met filtering Afbeelding zoomen Afbeelding vergrootglas Schuifregelaar voor beeldvergelijking favicon

Toetsen

Waarschuwingsknoppen Overzichtsknoppen Split-knoppen Geanimeerde knoppen Vervagende knoppen Knop op afbeelding Knoppen voor sociale media Lees meer Lees minder Knoppen laden Downloadknoppen Pil Knoppen Meldingsknop Pictogramknoppen Volgende/vorige knoppen Meer Knop in Nav Blokkeerknoppen Tekstknoppen Ronde Knoppen Scroll naar boven-knop

Formulieren

login formulier Aanmeldingsformulier Afrekenformulier Contact Formulier Sociaal inlogformulier Inschrijfformulier Formulier met pictogrammen Nieuwsbrief Gestapelde vorm Responsieve vorm Pop-upformulier Inline formulier Invoerveld wissen Nummerpijlen verbergen Tekst kopiëren naar klembord Geanimeerd zoeken Zoekknop Zoeken op volledig scherm Invoerveld in Navbar Inlogformulier in Navbar Aangepast selectievakje/radio Aangepaste selectie Tuimelschakelaar Vink selectievakje aan Caps Lock detecteren Triggerknop op Enter Wachtwoordvalidatie Toggle Zichtbaarheid wachtwoord Formulier met meerdere stappen Automatisch aanvullen Automatisch aanvullen uitschakelen Spellingcontrole uitschakelen Knop voor het uploaden van bestanden Lege invoervalidatie

Filters

Filterlijst Filtertabel Filterelementen Filter Dropdown Sorteer lijst Spell-tabel

Tafels

Zebra gestreepte tafel Middelste tafels Tafel over de volledige breedte Side-by-side tafels Responsieve tabellen Vergelijkingstabel

Meer

Video op volledig scherm Modale dozen Modaal verwijderen Tijdlijn Scroll-indicator: Voortgangsbalken Vaardigheidsbalk Bereikschuifregelaars Knopinfo Weergave-element zweven Pop-ups Opvouwbaar Kalender HTML bevat Te doen lijst Laders Sterrenclassificatie Gebruikersbeoordeling Overlay-effect Contactchips Kaarten Kaart omdraaien Profielkaart Productkaart Waarschuwingen Uitroepen Opmerkingen: Etiketten Cirkels Stijl HR Coupon Lijst groep Lijst zonder opsommingstekens Responsieve tekst Uitgesneden tekst Gloeiende tekst Vaste voettekst Kleverig element gelijke hoogte Clearfix Responsieve floats Snack bar Venster op volledig scherm Roltekening Vloeiend scrollen Verloop Bg Scroll Sticky Header Koptekst bij scrollen verkleinen Prijstabel Parallax Beeldverhouding Responsieve Iframes Wisselen van leuk/niet leuk Toggle Verbergen/Tonen Schakel donkere modus in Tekst wisselen Klasse wisselen Klasse toevoegen Klasse verwijderen Actieve klasse Boom zicht Eigenschap verwijderen Offline detectie Zoek verborgen element Webpagina omleiden Zoom zweven Flip Box Verticaal centreren Middelste knop in DIV Overgang bij zweven Pijlen vormen Download link Element op volledige hoogte Browservenster Aangepaste schuifbalk Verberg schuifbalk Schuifbalk tonen/dwingen Apparaat uiterlijk Bewerkbare rand Tijdelijke aanduiding kleur Tekst selectie kleur Kogelkleur Verticale lijn Verdelers Animeren van pictogrammen Afteltimer Schrijfmachine Binnenkort pagina Chatberichten Pop-up chatvenster Gesplitst scherm Getuigenissen Sectieteller Citaten Diavoorstelling Afsluitbare lijstitems Typische apparaatonderbrekingen Versleepbaar HTML-element JS-mediaquery's Syntaxis markeerstift JS Animaties JS-snaarlengte JS Machtsverheffen JS-standaardparameters Huidige URL ophalen Huidige schermgrootte ophalen Iframe-elementen ophalen

Website

Maak een gratis website Maak een website Een statische website maken Maak een website (W3.CSS) Een website maken (BS3) Maak een website (BS4) Maak een website (BS5) Een website maken en bekijken Een linkboom-website maken Maak een portfolio Maak een CV Maak een restaurantwebsite Maak een zakelijke website Maak een WebBook Center-website Contact Sectie Over pagina Grote kop Voorbeeldwebsite

Rooster

2-kolomsindeling 3-kolomsindeling 4-kolomsindeling Uitbreidend raster Lijstrasterweergave Gemengde kolomindeling Kolomkaarten Zig Zag-indeling Bloglay-out

Google

Google-kaarten Google-lettertypen Koppelingen van Google-lettertypen Google Analytics instellen

Converters

Gewicht omrekenen Temperatuur converteren Lengte converteren Converteer snelheid

Blog

Een baan als ontwikkelaar krijgen Word een front-end ontwikkelaar.

Een online cv maken

Een online cv is een digitale versie van een cv.

Het is een overzicht van uw ervaring, vaardigheden, opleiding en prestaties.

Het kan worden gebruikt om te solliciteren naar een baan, een freelancer-optreden, een adviesopdracht of om te solliciteren bij een school.

De waarde van het online hebben als website is dat mensen van over de hele wereld er gemakkelijk toegang toe hebben.

Maak gratis mijn online cv »

Wat is een cv?

Het cv is een overzicht van je ervaring, competenties en vaardigheden.

Het is vooral bekend als een document dat wordt gebruikt om te solliciteren.

Bedrijven en personeelsmanagers gebruiken het cv om inzicht te krijgen in wie u bent als professional en wat u kunt.

Uw online cv kan via de link worden gedeeld met bedrijven, wervingsmanagers en recruiters, zodat zij u kunnen opmerken.


Waarom een ​​online cv maken?

Een cv is relevant voor elke professional.

Uw cv als website maakt het voor anderen gemakkelijk om uw cv te openen en te bekijken.

Het kan worden gebruikt om EG een baan te krijgen, een freelance-optreden, een adviesbureau in te schakelen of te solliciteren op een school.

Als u het online heeft, kunnen mensen van over de hele wereld u vinden.

De vormgeving van het cv geeft de lezer een indruk van wie je bent. Zorg dat het er goed en representatief uitziet!


Wat moet ik weten om mijn cv als website te maken?

HTML, CSS en JavaScript zijn de basistalen om een ​​website te maken.

Met deze drie kom je al een heel eind!

  1. Maak de structuur met HTML. Het eerste dat u moet leren, is HTML, de standaard opmaaktaal voor het maken van webpagina's.
  2. HTML leren
  3. Stijl met CSS. De volgende stap is om CSS te leren, om de lay-out van uw webpagina in te stellen met prachtige kleuren, lettertypen en nog veel meer.
  4. Leer CSS ❯
  5. Maak het interactief met JavaScript. Na het bestuderen van HTML en CSS, moet u JavaScript leren om dynamische en interactieve webpagina's voor uw gebruikers te maken.
  6. Leer JavaScript ❯

Stap voor stap een cv maken

Volg de stappen om uw online cv vanaf het begin te maken.


Voorbereidende werkzaamheden

Bepaal welke code-editor u wilt gebruiken en stel uw omgeving in.

W3Schools heeft een eenvoudig te gebruiken code-editor gemaakt met de naam W3Schools Spaces . Meld u aan en ga met een paar klikken aan de slag.

Begin gratis ❯

Maak uw index.html -bestand. Zodat u klaar bent om de code in te voeren.

Allemaal opgezet. Laten we gaan!


Stap één: een websitelay-out toevoegen

Maak vanaf het begin een responsieve website.

Lees hier hoe u een websitelay-out maakt: Hoe u een websitelay-out maakt


Een cv kan op verschillende manieren worden gemaakt.

Er is geen one-size-fits-all .

Houd in gedachten waarom, hoe en waarvoor u het bouwt.

Stel het cv samen dat bij je past.


Stap twee: Plan uw inhoud

Bedenk hoe je je cv wilt vormgeven.

  • Welke informatie wilt u opnemen?
  • Welke indruk wil je de lezer meegeven?
  • Hoe wil je als professional gepresenteerd worden?

Stap drie: inhoud toevoegen

Voeg de essentiële secties toe:

  1. Sectie Contactinformatie
  2. Sectie Sleuteloverzicht
  3. Onderwijssectie
  4. Werkervaring sectie

Bekijk onze How To-bibliotheek voor meer codefragmenten: How To Library

1. Sectie Contactinformatie.

Voeg uw naam en contactinformatie toe.

Het gedeelte met contactgegevens laat de lezer weten hoe hij contact met u kan opnemen.

belangrijke samenvatting sectie

2. Sectie Sleuteloverzicht.

Schrijf een korte samenvatting waarin uw ervaring, competentie en vaardigheden worden benadrukt.

Door de tekst te personaliseren kun je opvallen.

De kernsamenvatting helpt de lezer inzicht te krijgen in wie jij bent als professional.

Houd het kort en simpel.

belangrijke samenvatting sectie

3. Onderwijssectie.

Geef een overzicht van je opleidingsachtergrond.

Voeg details toe zoals de instelling, de graad en het jaar.

Professionele cursussen en certificeringen kunnen ook worden vermeld als onderwijs.

onderwijs sectie

4. Werkervaring sectie.

Maak een lijst van de banen die je hebt gehad.

Voeg details toe aan elke taak, waaronder welk jaar, uw rol en uw verantwoordelijkheden.

Andere ervaringen zoals projecten en freelance-optredens kunnen ook deel uitmaken van deze lijst.

werkervaring sectie

CV voorbeeld

We hebben een sjabloon voor je gemaakt die je kunt gebruiken en waarmee je kunt bouwen.

U kunt het CV-sjabloon laden in W3Schools Spaces . Ga aan de slag met het publiceren van uw online cv in een paar klikken.

Publiceer mijn cv gratis ❯

* geen kredietkaart nodig

CV-sjabloon


W3Schools-ruimten

W3Schools-ruimten

Bouw en publiceer uw online cv met W3Schools Spaces.

Ga gratis aan de slag