JAK

Jak Domů

Menu

Lišta ikon Ikona nabídky Akordeon Karty Vertikální záložky Záhlaví karet Karty celé stránky Karty po najetí myší Horní Navigace Responzivní Topnav Navbar s ikonami Nabídka vyhledávání Panel vyhledávání Pevný boční panel Navigace na stránce Responzivní postranní panel Navigace na celou obrazovku Nabídka mimo plátno Umístění tlačítek boční navigace Postranní panel s ikonami Horizontální rolovací menu Vertikální nabídka Spodní navigace Responzivní spodní navigace Spodní okraj navigačních odkazů Odkazy nabídky zarovnané vpravo Odkaz na střed nabídky Odkazy na nabídku stejné šířky Pevné menu Posuňte dolů pruh při posouvání Skrýt navigační panel při posouvání Shrink Navbar on Scroll Sticky Navbar Navbar na obrázku Rozbalovací nabídky po najetí myší Klikněte na Rozbalovací seznamy Kaskádový rozevírací seznam Rozbalovací nabídka v Topnav Rozbalovací seznam v Sidenav Resp Rozbalovací nabídka Navbar Nabídka subnavigace Dropup Mega Menu Mobilní menu Nabídka záclon Sbalený postranní panel Složený boční panel Stránkování Strouhanka Skupina tlačítek Skupina vertikálních tlačítek Sticky Social Bar Pilulková navigace Responzivní záhlaví

snímky

Prezentace Prezentace Galerie Modální obrázky Světelný box Responzivní mřížka obrázků Obrazová mřížka Galerie karet Vyblednutí překryvného obrázku Překryvný snímek Překryvný obrázek Zoom Název překryvného obrázku Ikona překrytí obrázku Obrazové efekty Černobílý obrázek Text obrázku Obrazové textové bloky Text průhledného obrázku Obrázek celé stránky Formulář na obrázku Obrázek hrdiny Rozostření Obrázek na pozadí Změnit Bg on Scroll Obrazy vedle sebe Zaoblené obrázky Obrázky avatarů Responzivní obrázky Středové obrázky Miniatury Ohraničení kolem obrázku Seznamte se s týmem Lepivý obrázek Překlopte obrázek Zatřeste obrázkem Portfolio galerie Portfolio s filtrováním Přiblížení obrázku Skleněná lupa Posuvník pro srovnání obrázků Favicon

Tlačítka

Tlačítka výstrah Tlačítka obrysu Rozdělit tlačítka Animovaná tlačítka blednoucí tlačítka Tlačítko na obrázku Tlačítka sociálních médií Číst více Číst méně Tlačítka načítání Tlačítka ke stažení Tlačítka na pilulky Tlačítko oznámení Ikonová tlačítka Tlačítka Další/Předchozí Více Tlačítko v Nav Blokovat tlačítka Textová tlačítka kulatá tlačítka Tlačítko Posunout Nahoru

formuláře

přihlašovací formulář Přihlašovací formulář Pokladní formulář Kontaktní formulář Přihlašovací formulář pro sociální sítě Registrační formulář Formulář s ikonami Zpravodaj Skládaný formulář Responzivní formulář Popup Form Inline formulář Vymazat vstupní pole Skrýt číselné šipky Kopírovat text do schránky Animované vyhledávání Tlačítko Hledat Celoobrazovkové vyhledávání Vstupní pole v navigační liště Přihlašovací formulář v Navbar Vlastní zaškrtávací políčko/rádio Vlastní výběr Přepnout spínač Zaškrtněte políčko Detekce Caps Lock Spouštěcí tlačítko na Enter Ověření hesla Přepnout viditelnost hesla Vícekrokový formulář Automatické doplňování Vypněte automatické doplňování Vypněte kontrolu pravopisu Tlačítko pro nahrání souboru Ověření prázdného vstupu

Filtry

Seznam filtrů Tabulka filtrů Filtrační prvky Rozbalovací nabídka filtrů Seznam řazení Tabulka kouzel

Tabulky

Zebra pruhovaný stůl Středové stoly Stůl na celou šířku Stoly vedle sebe Responzivní tabulky Srovnávací tabulka

Více

Video na celou obrazovku Modální boxy Smazat modal Časová osa Ukazatel rolování Progress Bars Skill Bar Posuvníky rozsahu Popisky Zobrazovací prvek Přejetí myší Vyskakovací okna Skládací Kalendář HTML zahrnuje Seznam úkolů Nakladače Hodnocení hvězdičkami Uživatelské hodnocení Překryvný efekt Kontaktujte čipy karty Otočit kartu Karta profilu Produktová karta Upozornění Zavolat Poznámky Štítky Kruhy Styl HR Kupón Seznam skupiny Seznam bez odrážek Responzivní text Text výřezu Zářící Text Pevné zápatí Lepivý prvek Stejná výška Clearfix Responzivní plováky Snackbar Celoobrazovkové okno Scroll Drawing Plynulé posouvání Přechod Bg Scroll Sticky Header Zmenšit záhlaví při posouvání Tabulka cen Paralaxa Poměr stran Responzivní prvky iframe Přepínání Líbí se/Nelíbí Přepnout Skrýt/Zobrazit Přepnout tmavý režim Přepnout text Přepnout třídu Přidat třídu Odebrat třídu Aktivní třída Stromový pohled Odebrat službu Detekce offline Najděte skrytý prvek Přesměrování webové stránky Zoom Umístěte ukazatel myši Flip Box Střed Svisle Středové tlačítko v DIV Přechod na Hover Šipky Tvary Odkaz ke stažení Prvek plné výšky Okno prohlížeče Vlastní posuvník Skrýt posuvník Zobrazit/Vynutit posuvník Vzhled zařízení Upravitelné ohraničení Barva zástupného symbolu Barva výběru textu Barva odrážky Svislá čára Děliče Animovat ikony Odpočítávadlo Psací stroj Již brzy Stránka Chatové zprávy Vyskakovací okno chatu Rozdělená obrazovka Posudky Počítadlo sekcí Prezentace citací Uzavíratelné položky seznamu Typické body přerušení zařízení Přetahovatelný prvek HTML JS Media dotazy Zvýrazňovač syntaxe JS animace Délka řetězce JS Umocnění JS Výchozí parametry JS Získat aktuální URL Získejte aktuální velikost obrazovky Získejte prvky iframe

webová stránka

Vytvořte si web zdarma Vytvořte web Vytvořte statický web Vytvořit web (W3.CSS) Vytvořte web (BS3) Vytvořte web (BS4) Vytvořte web (BS5) Vytvořit a zobrazit web Vytvořte web se stromem odkazů Vytvořte portfolio Vytvořte životopis Vytvořte web restaurace Vytvořte obchodní web Vytvořte si webovou knihu Web centra Kontaktní sekce O stránce Velké záhlaví Příklad webové stránky

Mřížka

2 Rozvržení sloupců 3 Rozvržení sloupců 4 Rozvržení sloupců Rozšiřující se mřížka Zobrazení mřížky seznamu Smíšené rozvržení sloupců Karty sloupců Rozložení Zig Zag Rozvržení blogu

Google

Google Charts Písma Google Párování písem Google Google nastavit Analytics

Převodníky

Převést váhu Převést teplotu Převést délku Převést rychlost

Blog

Získejte pozici vývojáře Staňte se předním vývojářem.

Jak vytvořit online životopis

Online životopis je digitální verze životopisu.

Je to přehled vašich zkušeností, dovedností, vzdělání a úspěchů.

Lze jej použít k žádosti o zaměstnání, vystoupení na volné noze, poradenské angažmá nebo přihlášky do školy.

Hodnota online jako webové stránky spočívá v tom, že k nim mají snadný přístup lidé z celého světa.

Vytvořte si můj online životopis zdarma »

Co je životopis

Životopis je přehledem vašich zkušeností, schopností a dovedností.

Je nejznámější jako dokument, který se používá k žádosti o zaměstnání.

Společnosti a náboroví manažeři používají životopis k tomu, aby pochopili, kdo jste jako profesionál a co umíte.

Váš online životopis lze prostřednictvím jeho odkazu sdílet se společnostmi, náborovými manažery a náborovými pracovníky, aby si vás všimli.


Proč vytvářet online životopis

Životopis je důležitý pro každého profesionála.

Váš životopis jako webová stránka usnadňuje ostatním přístup a zobrazení vašeho životopisu.

Může být použit k získání práce EG, vystoupení na volné noze, angažmá v poradenství nebo přihlášce do školy.

Díky online službě vás mohou najít lidé z celého světa.

Design životopisu dává čtenáři představu o tom, kdo jste. Ujistěte se, že to vypadá dobře a prezentovatelně!


Co potřebuji vědět, abych mohl vytvořit svůj životopis jako webovou stránku?

HTML, CSS a JavaScript jsou základní jazyky pro tvorbu webových stránek.

Pouhým použitím těchto tří se můžete dostat daleko!

  1. Vytvořte strukturu pomocí HTML. První věc, kterou se musíte naučit, je HTML, což je standardní značkovací jazyk pro vytváření webových stránek.
  2. Naučte se HTML ❯
  3. Styl s CSS. Dalším krokem je naučit se CSS, nastavit rozvržení vaší webové stránky s krásnými barvami, fonty a mnohem více.
  4. Naučte se CSS ❯
  5. Udělejte to interaktivní pomocí JavaScriptu. Po studiu HTML a CSS byste se měli naučit JavaScript, abyste mohli vytvářet dynamické a interaktivní webové stránky pro své uživatele.
  6. Naučte se JavaScript ❯

Jak vytvořit životopis krok za krokem

Postupujte podle kroků a vytvořte svůj online životopis od základů.


Přípravky

Rozhodněte se, který editor kódu chcete použít, a nastavte své prostředí.

W3Schools vytvořilo snadno použitelný editor kódu s názvem W3Schools Spaces . Zaregistrujte se a začněte několika kliknutími.

Začněte zdarma ❯

Vytvořte svůj soubor index.html . Takže jste připraveni zadat kód.

Vše nastaveno. Pojďme!


Krok 1: Přidejte rozvržení webu

Vytvořte responzivní web od začátku.

Zde si přečtěte, jak vytvořit rozvržení webu: Jak vytvořit rozvržení webu


Životopis lze vytvořit různými způsoby.

Neexistuje jedna velikost pro všechny .

Mějte na paměti , proč, jak a k čemu jej stavíte.

Sestavte si životopis, který je pro vás ten pravý.


Druhý krok: Naplánujte si obsah

Přemýšlejte o tom, jak chcete svůj životopis navrhnout.

  • Jaké informace chcete zahrnout?
  • Jaký dojem chcete na čtenáře udělat?
  • Jak se chcete jako profesionál prezentovat?

Krok tři: Přidejte obsah

Zahrňte základní části:

  1. Sekce Kontaktní informace
  2. Sekce Klíčové shrnutí
  3. Sekce vzdělávání
  4. Sekce Pracovní zkušenosti

Podívejte se do naší knihovny How To pro další úryvky kódu: How To Library

1. Sekce Kontaktní informace.

Přidejte své jméno a kontaktní údaje.

Sekce kontaktních údajů informuje čtenáře, jak se s vámi spojit.

hlavní souhrnná část

2. Sekce Klíčové shrnutí.

Napište krátké shrnutí, které zdůrazní vaše zkušenosti, schopnosti a dovednosti.

Přizpůsobením textu můžete vyniknout.

Klíčové shrnutí pomáhá čtenáři pochopit, kdo jste jako profesionál.

Nechte to krátké a jednoduché.

hlavní souhrnná část

3. Sekce vzdělávání.

Poskytněte přehled o svém vzdělání.

Uveďte podrobnosti, jako je instituce, titul a rok.

Jako vzdělání lze uvést i odborné kurzy a certifikace.

sekce vzdělávání

4. Sekce Pracovní zkušenosti.

Uveďte pracovní místa, která jste měli.

Přidejte podrobnosti ke každé práci, která zahrnuje rok, vaši roli a vaše povinnosti.

Další zkušenosti, jako jsou projekty a koncerty na volné noze, mohou být také součástí tohoto seznamu.

sekce pracovních zkušeností

Příklad CV

Vytvořili jsme pro vás šablonu, kterou můžete používat a sestavovat.

Šablonu životopisu můžete načíst ve W3Schools Spaces . Začněte publikováním svého online životopisu několika kliknutími.

Zveřejněte můj životopis zdarma ❯

* není vyžadována žádná kreditní karta

Šablona CV


W3Schools Spaces

W3Schools Spaces

Sestavte a publikujte svůj online životopis pomocí W3Schools Spaces.

Začněte zdarma