Een webpagina zonder code maken in Notion: een stapsgewijze handleiding

Een webpagina zonder code maken in Notion: een stapsgewijze handleiding
Lezers zoals jij steunen MUO. Wanneer u een aankoop doet via links op onze site, kunnen we een aangesloten commissie verdienen. Lees verder.

Als u een eenvoudige webpagina zonder code nodig heeft, bent u bij Notion aan het juiste adres. Het is niet alleen een van de beste beschikbare software voor het maken van notities en productiviteit, maar u kunt diezelfde tools ook gebruiken om een ​​bestemmingspagina te maken en uw klanten of volgers te laten weten waar ze u kunnen vinden.





MAAK GEBRUIK VAN DE VIDEO VAN DE DAG

En als je het nog moet proberen, het lijkt veel op het gebruik van een gewone tekstverwerker. Benieuwd hoe het werkt? Volg deze stapsgewijze zelfstudie om uw eigen webpagina zonder code te maken in Notion.





Aan de slag met uw No-Code Notion-webpagina

Ga naar om uw webpaginadocument te maken Nieuwe pagina in de linkerbenedenhoek van uw scherm en selecteer Lege pagina . Geef uw pagina een titel die weergeeft waar uw webpagina over gaat, bijvoorbeeld de naam van uw bedrijf, product of service. Je kunt het later retourneren en wijzigen als je aan iets anders denkt, maar je wilt dat mensen weten dat ze op de juiste plek zijn.





Een omslagafbeelding toevoegen aan uw notiepagina

Omslagafbeeldingen zijn een uitstekende manier om uw webpagina herkenbaar te maken voor uw volgers of klanten. Om er een toe te voegen:

hoe twee foto's aan elkaar te naaien
  1. Beweeg uw cursor ergens boven de titel en de optie Voeg dekking toe zal verschijnen.
  2. Notion plaatst een willekeurige afbeelding bovenaan uw pagina.
  3. Beweeg je cursor over de afbeelding en selecteer Verander de dekking .
  4. In het omslagmenu kun je er een toevoegen uit de Notion-galerij, je eigen uploaden, ernaar linken of er een vinden door te zoeken op Unsplash.
  5. Als u er een uit de galerij gebruikt, klikt u op de gewenste afbeelding, kleur of kleurovergang.
  6. Ga anders naar Uploaden , Koppeling , of Unsplash en volg de instructies van Notion.
  Voeg een afbeeldingsoptie toe in software voor het maken van notities

Zelfs als u geen afbeelding heeft die het merk van uw bedrijf vertegenwoordigt, kunt u iets kiezen dat bij uw kleurenschema past, of iets ontwerpen in gratis fotobewerkingssoftware zoals Canva. Als je merkt dat je helemaal geen afbeelding wilt, ga dan terug naar het omslagmenu en klik op Verwijderen in de rechterbovenhoek.



  Afbeeldingsmenu toevoegen in software voor het maken van notities

Je kunt hier later op terugkomen als je niet weet welke afbeelding je moet gebruiken.

Kopteksten en tekst toevoegen aan uw notiepagina

Bij het maken van een webpagina is de verleiding vaak groot om zoveel mogelijk informatie op één plek te proppen. Maar denk eens aan je eigen leesgewoonten. Als er te veel informatie op één pagina staat, of als je naar tekstmuren kijkt, is het een grotere uitdaging om het bericht te vinden.





Het doel is om uw webpagina skimmbaar te maken en voldoende informatie te bieden zodat uw volgers of klanten de volgende stap kunnen zetten. Het helpt ook om die informatie onder kopjes te ordenen, zodat ze deze snel kunnen vinden. U kunt de nadruk leggen op belangrijke tekst met behulp van kleuren, vet, cursief en Roepen of Citaat blokken. Bovendien kan dat verander je lettertype in Notion als de standaard niet voor u werkt.

  Tekstopmaak in notitiesoftware

Met Notion kunt u eenvoudig overal tekst toevoegen door ergens op de pagina te klikken en te typen. Voor kopteksten kunt u ofwel opdrachten gebruiken om uw blok in een koptekst te veranderen voordat u typt of de tekst achteraf markeren en de opmaakwerkbalk gebruiken om de omwisseling te maken.





waarom veroorzaakt hardwareversnelling problemen?
  Werkbalk voor tekstopmaak in notitiesoftware

Voor grootte zijn uw opties kop 1, 2 of 3, waarbij H1 de grootste is en H3 de kleinste. De grootte van uw kop helpt u de hiërarchie van uw webpagina te tonen. Aangezien je belangrijkste en belangrijkste titel H1 is, wil je H2 gebruiken voor titels en H3 voor ondertitels, zodat je er niet mee concurreert.

Plus, als je een Personal Pro-account hebt en besluit om in te schakelen Indexering door zoekmachines , het organiseren van informatie met behulp van koppen en het gebruik van slechts één H1-kop per pagina volgt goede SEO-praktijken.

Om links aan uw tekst toe te voegen, markeert u deze en klikt u erop Koppeling in de opmaakwerkbalk. Om een ​​e-mail leuk te vinden, typt u mailto: en vervolgens uw adres, zodat de opsteller van uw potentiële klant wordt geopend en deze voor hen wordt geplaatst. Mail bijvoorbeeld naar:example@makeuseof.com. Zorg ervoor dat je het uitprobeert en controleer nogmaals of je het correct hebt gespeld.

  Opties voor e-maillinks in software voor het maken van notities

Enkele andere links die u misschien wilt toevoegen, zijn uw socialemediapagina's, portfoliopagina's of andere handige plaatsen waar potentiële klanten of volgers u op internet kunnen vinden.

en video naar uw notiepagina

Het bouwen van een webpagina zonder code betekent niet dat deze eenvoudig moet zijn. Met behulp van opdrachten kunt u overal op uw pagina afbeeldingen en video's invoegen.

  1. Druk op schuine streep naar voren ( / ) op je toetsenbord en begin met typen afbeelding of video- , wat je maar wilt.
  2. Selecteer het in het blokmenu.
  3. Als u een afbeelding toevoegt, kiest u tussen Uploaden, Link insluiten of Unsplash en volgt u de instructies van Notion.
  4. Als je een video toevoegt, selecteer je Insluiten of Uploaden, en Notion zal je ook door de rest leiden.
  Voeg afbeeldingsopties toe in software voor het maken van notities

Zodra uw afbeelding of video op uw pagina staat, kunt u deze overal naartoe slepen en neerzetten met behulp van de hendel: zes stippen links van uw blok. Je kunt het ook naast een ander blok plaatsen om een ​​kolom te maken. Om de grootte van kolommen te wijzigen, beweegt u uw cursor over het blok en gebruikt u de hulplijnen aan beide kanten. Speel met je afbeeldingen en lay-out om te zien wat je leuk vindt.

Uw No-Code Notion-webpagina publiceren

  Deel opties voor een pagina in notitiesoftware

Zodra uw webpagina gereed is, start u deze door naar te gaan Deel in de rechterbovenhoek van uw scherm en inschakelen Deel op internet . Schakel bewerken en reageren uit, duplicatie ook, als u niet wilt dat iemand uw website als sjabloon gebruikt. Nu kunt u de link gebruiken om deze te delen met iedereen die u maar wilt.

  Voorbeeld website in een webbrowser