Ako vytvoriť webovú stránku bez kódu v Notion: Sprievodca krok za krokom

Ako vytvoriť webovú stránku bez kódu v Notion: Sprievodca krok za krokom
Čitatelia ako vy pomáhajú podporovať MUO. Keď uskutočníte nákup pomocou odkazov na našej stránke, môžeme získať pridruženú províziu. Čítaj viac.

Ak potrebujete jednoduchú webovú stránku bez kódu, Notion je miesto, kam ísť. Nielenže je to jeden z najlepších dostupných softvérov na písanie poznámok a produktivitu, ale tie isté nástroje môžete použiť aj na vytvorenie vstupnej stránky a dať svojim zákazníkom alebo sledovateľom vedieť, kde vás môžu nájsť.





VYUŽITIE VIDEA DŇA

A ak ste to ešte nevyskúšali, je to ako používanie bežného textového procesora. Zaujíma vás, ako to funguje? Postupujte podľa tohto podrobného návodu a vytvorte si vlastnú webovú stránku bez kódu v Notion.





Začíname s webovou stránkou No-Code Notion

Ak chcete vytvoriť dokument webovej stránky, prejdite na Nová stránka v ľavom dolnom rohu obrazovky a vyberte Prázdna stránka . Dajte svojej stránke názov, ktorý vyjadruje, o čom je vaša webová stránka, napríklad názov vašej firmy, produktu alebo služby. Môžete sa vrátiť a zmeniť to neskôr, ak vás napadne niečo iné, ale chcete, aby ľudia vedeli, že sú na správnom mieste.





Pridanie titulného obrázku na stránku s predstavami

Titulné obrázky sú vynikajúcim spôsobom, ako vašu webovú stránku rozpoznať pre vašich sledovateľov alebo zákazníkov. Ak chcete pridať jednu:

  1. Umiestnite kurzor kdekoľvek nad nadpis a možnosť Pridajte kryt objaví sa.
  2. Notion umiestni náhodný obrázok do hornej časti vašej stránky.
  3. Presuňte kurzor na obrázok a vyberte Zmeniť obal .
  4. V ponuke obálky máte k dispozícii možnosti pridať jednu z galérie Notion, odovzdať svoje vlastné, prepojiť s jednou alebo nájsť jednu pomocou vyhľadávania Unsplash.
  5. Ak používate obrázok z galérie, kliknite na požadovaný obrázok, farbu alebo prechod.
  6. V opačnom prípade prejdite na Nahrať , Odkaz , alebo Unsplash a postupujte podľa pokynov spoločnosti Notion.
  Pridajte možnosť obrázka v softvéri na písanie poznámok

Aj keď nemáte vizuál predstavujúci značku vašej firmy, môžete si vybrať niečo, čo zodpovedá vašej farebnej schéme – alebo niečo navrhnúť v bezplatný softvér na úpravu fotografií ako Canva. Ak zistíte, že obrázok vôbec nechcete, vráťte sa do ponuky obalu a kliknite na položku Odstrániť v pravom hornom rohu.



  Pridajte ponuku obrázkov do softvéru na písanie poznámok

Môžete sa k tomu vrátiť neskôr, ak ste sa zasekli pri tom, aký obrázok použiť.

Pridanie hlavičiek a textu na vašu stránku s predstavami

Pri vytváraní webovej stránky je často pokušením vtesnať čo najviac informácií na jedno miesto. Zamyslite sa však nad svojimi vlastnými čitateľskými návykmi. Ak je na jednej stránke príliš veľa informácií alebo sa pozeráte na steny s textom, je ťažšie nájsť správu.





Cieľom je, aby bola vaša webová stránka ľahko čitateľná a poskytovala dostatok informácií, aby vaši sledovatelia alebo zákazníci mohli urobiť ďalší krok. Pomáha tiež organizovať tieto informácie pod hlavičkami, aby ich mohli rýchlo nájsť. Dôležitý text môžete zvýrazniť pomocou farieb, tučného písma, kurzívy a Popis alebo Citovať bloky. Navyše môžete zmeniť písmo v Notion ak vám predvolený nefunguje.

  Rozloženie textu v softvéri na písanie poznámok

S Notion môžete jednoducho pridať text kdekoľvek jednoduchým kliknutím kdekoľvek na stránke a písaním. V prípade hlavičiek môžete buď použiť príkazy na zmenu bloku na hlavičku pred napísaním, alebo zvýrazniť text potom a na výmenu použiť panel nástrojov formátovania.





nemôžem pripojiť iphone k počítaču
  Panel nástrojov na formátovanie textu v softvéri na písanie poznámok

Pokiaľ ide o veľkosť, máte na výber nadpisy 1, 2 alebo 3, pričom H1 je najväčší a H3 je najmenší. Veľkosť nadpisu vám pomôže zobraziť hierarchiu vašej webovej stránky. Keďže váš hlavný a najdôležitejší titul je H1, budete chcieť používať H2 pre titulky a H3 pre titulky, takže s ním nesúťažíte.

Navyše, ak máte účet Personal Pro a rozhodnete sa zapnúť Indexovanie vyhľadávačov , organizovanie informácií pomocou hlavičiek a používanie iba jedného nadpisu H1 na stránku sa riadi osvedčenými postupmi SEO.

Ak chcete do textu pridať odkazy, zvýraznite ho a kliknite Odkaz na paneli nástrojov formátovania. Ak chcete, aby sa vám páčil e-mail, napíšte mailto: a potom svoju adresu, aby sa otvoril skladateľ vášho potenciálneho klienta a umiestnil sa k nemu. Napríklad mailto:example@makeuseof.com. Nezabudnite to otestovať a znova skontrolujte, či ste to napísali správne.

  Možnosti odkazu na e-mail v softvéri na písanie poznámok

Niektoré ďalšie odkazy, ktoré možno budete chcieť pridať, sú vaše stránky sociálnych médií, stránky portfólia alebo iné užitočné miesta, kde vás potenciálni klienti alebo sledovatelia môžu nájsť na internete.

a video na vašu stránku s predstavami

Vytvorenie webovej stránky bez kódu neznamená, že musí byť základná. Pomocou príkazov môžete vkladať obrázky a videá kamkoľvek na stránku.

  1. Stlačte lomku dopredu ( / ) na klávesnici a začnite písať obrázok alebo video , čo len chcete.
  2. Vyberte ho z ponuky blokov.
  3. Ak pridávate obrázok, vyberte si medzi možnosťami Nahrať, Vložiť odkaz alebo Rozbaliť a postupujte podľa pokynov Notion.
  4. Ak pridávate video, vyberte Vložiť alebo Nahrať a Notion vás prevedie aj zvyškom.
  Pridajte možnosti obrázkov v softvéri na písanie poznámok

Keď je obrázok alebo video na vašej stránke, môžete ho kamkoľvek presunúť pomocou rukoväte – šesť bodiek naľavo od bloku. Môžete ho tiež umiestniť vedľa iného bloku a vytvoriť stĺpec. Ak chcete zmeniť veľkosť stĺpcov, umiestnite kurzor myši na blok a použite vodiace lišty na oboch stranách. Pohrajte sa so svojimi obrázkami a rozložením, aby ste videli, čo sa vám páči.

Publikovanie vašej webovej stránky No-Code Notion

  Možnosti zdieľania stránky v softvéri na písanie poznámok

Keď je vaša webová stránka pripravená, spustite ju tak, že prejdete na zdieľam v pravom hornom rohu obrazovky a zapnutie Zdieľať na webe . Ak nechcete, aby niekto používal váš web ako šablónu, vypnite úpravy a komentovanie, ako aj duplikáciu. Teraz ho môžete pomocou odkazu zdieľať s kýmkoľvek chcete.

  Príklad webovej stránky vo webovom prehliadači