Jak vytvořit testovací webové stránky

Co budete potřebovat

• HTML editor (např. Visual Studio Code, Sublime Text)
• FTP klient (např. FileZilla)
• Webový server nebo hostingový účet

Vytvoření testovacího webu vám umožní provádět změny v HTML souborech a sledovat jejich výsledek v soukromí, aniž byste ovlivnili produkční verzi stránky. Můžete buď vytvořit nové soubory, nebo zkopírovat existující a použít je jako základ pro testování.

Pořízení hostingu a domény

Pokud ještě nemáte hosting ani doménu, vyberte si poskytovatele a zakupte si doménové jméno (např. vašestránka.cz). Hosting poskytuje úložný prostor a technickou podporu, zatímco doména je adresa, na které budou vaše stránky dostupné.

Vytvoření a úprava souborů

Otevřete HTML editor (např. Dreamweaver, BBEdit nebo jakýkoli jiný) a začněte psát stránky testovacího webu. Pokud chcete klonovat existující web, jednoduše v editoru použijte funkci Copy a vytvořte kopii každého souboru.

Propojte jednotlivé soubory pomocí značek <a href="...">. Tím zajistíte navigaci mezi stránkami.

Soubor pojmenujte tak, aby bylo jasné, že jde o test – např. test_index.html, test_page1.html apod.

Nahrání na server

Vytvořte na serveru adresář, který bude sloužit jako kořen testu, například /test. Nahrajte všechny soubory do tohoto adresáře pomocí FTP klienta nebo vestavěného nástroje hostingu.

Kontrola v prohlížeči

Otevřete webový prohlížeč a zadejte URL ve tvaru https://www.vásestránka.cz/test/test_index.html. Pokud vše proběhlo správně, uvidíte své testovací stránky.

Tipy

Pokud se při načítání objeví chybové hlášky, zkontrolujte, zda jsou všechny soubory uložené, nahrané a zda je URL správně zadána.

Upozornění

Nezveřejňujte ani nekopírujte soubory cizích webů bez povolení – i HTML a grafika jsou chráněny autorským právem.