Izrada stranice s vezama za biografiju

Kako napraviti stranicu s linkom za biografiju

1. Pod Profil upiši Ime ili brend i Kratka biografija. Prelomi redova u biografiji se zadržavaju.
2. Po želji dodaj Profilna fotografija (neobavezno): prevuci sliku na zonu za ispuštanje ili klikni na nju da odabereš datoteku. Sliku čita tvoj preglednik i ugrađuje je u stranicu; nikada se ne šalje na server.
3. Pod Veze popuni Tekst veze i Adresa (URL) za svako dugme. Klikni Dodaj vezu za više, koristi dugmad ↑ i ↓ da promijeniš redoslijed i × da jednu ukloniš.
4. Pod Dizajn odaberi Tema (Svijetla, Tamna, More, Zalazak, Šuma) ili sam postavi četiri boje, zatim odaberi Oblik dugmadi i Font.
5. Provjeri Pregled, zatim klikni Preuzmi index.html. Kopiraj HTML kopira isti kod ako ga radije želiš zalijepiti u postojeći sajt.

Učitaj primjer popunjava probni profil da vidiš kako stranica izgleda, a Obriši počinje ispočetka.

Šta dobijaš

Rezultat je jedna HTML datoteka sa svim unutra: stilovi su u bloku <style>, fotografija je ugrađena kao data URI, a nema JavaScripta, skripte za praćenje, web fonta ni vanjskih zahtjeva. Zato je stranica veoma brza (obično nekoliko kilobajta plus fotografija), privatna za tvoje posjetioce i lako je je čuvati godinama: nema usluge koja može prestati s radom, promijeniti cijene ili dodati vlastiti brending.

Stranica je prilagodljiva: dugmad ispunjava širinu telefona, a na računaru ostaje ugodne širine. Sadrži atribut lang, oznaku viewport, naslov (tvoje ime) i meta opis (tvoju biografiju), pa se dobro prikazuje u rezultatima pretrage i pregledima veza. Veze na web-stranice otvaraju se s rel="noopener", a adrese e-pošte automatski postaju veze mailto:.

Provjere

Popis Provjere označava veze čija adresa nije ispravna web adresa, mailto: ni tel: adresa. Takve veze se izostavljaju umjesto da se objave neispravne, a sve poput javascript: uvijek se odbija. Upozorava i kad je kontrast teksta dugmadi ili stranice ispod 4,5:1, što je WCAG nivo za običan tekst, te kad je fotografija teška. Fotografija od 300 × 300 piksela sasvim je dovoljna za okrugli avatar od 104 piksela, čak i na ekranima visoke gustine.

Kako staviti stranicu na internet

Datoteka treba web adresu prije nego što je možeš zalijepiti u biografiju na Instagramu, TikToku ili YouTubeu. Tri uobičajene opcije:

• GitHub Pages (besplatno): napravi javni repozitorij, postavi index.html, zatim u Settings → Pages odaberi objavu iz glavne grane. Stranica se pojavljuje na https://tvoje-korisnicko-ime.github.io/naziv-repozitorija/.
• Netlify Drop (besplatno): stavi index.html u folder i prevuci taj folder na stranicu Netlify Drop. Odmah dobijaš nasumičnu adresu; napravi besplatan račun da zadržiš sajt i odabereš ljepši naziv ili povežeš vlastitu domenu.
• Vlastiti hosting: postavi datoteku pomoću upravitelja datoteka ili FTP-a svog hosta, na primjer u folder links, da dobiješ https://tvoja-domena.com/links/.

Da kasnije ažuriraš stranicu, promijeni obrazac, ponovo preuzmi datoteku i zamijeni staru.