Vytvoření první webové stránky od nuly: 4 kroky

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:24

Tento instruktážní program vám ukáže, jak si vytvořit vlastní webovou stránku, a to zcela od nuly, aniž byste se museli učit prakticky jakýkoli html, a zcela zdarma, i když jsou zapotřebí určité dovednosti v programu pro malování, ale pokud tuto dovednost nemáte, můžete vyhledávat na internetu předem připravený nátěr. seznam potřebných věcí.

• Přístup k internetu (je pravděpodobné, že pokud si to přečtete, máte toto)
• Malovací program
• Asi hodinu času (i kratší, podle vašich schopností)
• A pár stažení, která jsou samozřejmě freeware.

První stažení se nazývá gimp, což je v zásadě zkrácená verze foto shopu, nebo objemnější verze barvy pro Windows, kterou si zvolíte. Tento program Gimp má také verze pro uživatele linuxu a mac. Další je něco, co se mi opravdu líbí, je to editor HTML, což je. uhodli jste to Freeware. díky tomu se nemusíte učit html. ale pokud chcete kódovat, můžete to udělat v tomto programu. NVUGot to všechno, Good now where ready to take the step into the world of the interweb.

Krok 1: Vytváření obrázků

Toto je krok, kde vytvoříte všechny obrázky pro svůj web, v této fázi samozřejmě budete muset svůj web pojmenovat. Vyzkoušenou a pravdivou metodou je vytvořit obrázek o rozměrech 1 000 x 600, aby vše, na čem váš web bude, bylo vše, co ve skutečnosti je, je banner v horní části, oranžová lišta s tlačítky a několik pruhů nabídek. Vytvořte celou věc jako jeden obrázek (vynechte oblast obsahu, tj. kde je text je na prostřední stránce, ponechte toto místo prázdné) a nedělejte pozadí, pouze vyplňte pozadí plnou barvou, která ladí s vaší stránkou. Nebudu vám říkat tipy na malování nebo cokoli, na co se můžete podívat na to sám. jakmile máte, jak má vypadat vaše hlavní stránka. až budete hotovi. vystřihněte a vložte vše, na co lze kliknout, včetně banneru a tlačítek jednotlivě do nového okna, a uložte je samostatně, nezapomeňte je uložit jako.png, podívejte se na obrázky, kde je můj příklad. Jde o to, oddělit vše, abyste to mohli kódovat.

Dalším tipem je vytvořit novou složku, do které je uložíte, nikoli pro organizaci

Krok 2: Dát vše dohromady

Nyní, když se chystáte otevřít nvu, mi trvalo trochu klikat, ale není to složité. Vezmu vás krok za krokem.

Nejprve budete muset vzít horní lištu, která je ve výchozím nastavení nastavena na 600 (jsem si docela jistý), ale budete to chtít přetáhnout a zvětšit na 1000, to samé udělejte do strany, jen to udělejte 600. Další vy „Nejprve si vytvořte pozadí webu, nebudete používat výplň, kterou jste použili v programu pro malování, místo toho přejděte do nabídky Formát> Barvy stránky a Pozadí, klikněte na použít vlastní barvy. a udělejte barvu pozadí tak, jak jste ji vytvořili v programu malování. Další věc, kterou budete chtít udělat, je přidat horní banner. klikněte na tlačítko obrázku na panelu nástrojů. a najděte svůj banner. klikněte nepoužívat alternativní text. a dobře. nyní máte na stránce svůj první obrázek. *kliknutím na zdrojovou lištu v dolní části programu zjistíte, kolik kódování bylo vloženo právě do toho. je to také dobrý způsob, jak se naučit HTML. Nahrajte zbývající tlačítka, můžete použít alternativní text, nebo není na vás. budete však muset kliknout na tlačítko a přejít na formátovací lištu ve vlastnostech obrázku a odkazu. klikněte na panel odkazů a vytvořte odkaz na to, čeho se týká, domovské tlačítko bude index.htm, tlačítko odkazů bude links.htm napište, s čím jsou tlačítka propojena dolů, budete je potřebovat později, jakmile budete mít vše hotovo než vyjmete a vložíte, měl by vypadat jako obrázek na webu. Poslední věc, kterou budete chtít udělat, je vytvořit tabulku uprostřed stránky pod tlačítky, v liště nabídek můžete změnit barvu a ohraničení, kam přejde váš hlavní text. napište do nich něco, jen abyste měli něco na svém webu.

Krok 3: Nastavení všeho

Nyní máte webové stránky do značné míry vytvořené. ale pravděpodobně nemáte čas ani prostor potřebný k nastavení serveru, a navíc by to nebylo zadarmo. ale jsou to místa, která budou hostovat váš web zdarma na jejich serverech. můj oblíbený je. webové stránky zdarma

Pokud se vám zrovna nechce dělat tento návod a jen čtete, můžete si z nich vytvořit web, který má vše, co potřebujete. Stačí si jen vybrat, jak má váš web vypadat, a psát, co chcete. Tento způsob je mnohem flexibilnější

Vytvořte si účet na bezplatných webech, pokud je název vaší webové stránky převzat, nebojte se, přidejte prozatím 2 na konec svého webu, tj. Doly punkholy, pokud by to bylo přijato, nazval bych to punkholy2. (To pravděpodobně nebude to, co lidé zadávají, když jdou na váš web. Nakonec při vytváření webu nezapomeňte nastavit režim html. Skončíte na obrazovce jako třetí obrázek, klikněte na správce webu, a kliknutím upravte stránku s názvem index.htm odstraňte obsah, který je v nich, přejděte do zdrojového řádku v nvu a zkopírujte jej a vložte do nyní prázdného textového editoru. Nahrajte obrázky jednoduše do hlavního adresáře a klikněte na malý glóbus Chcete -li zobrazit stránku. pokud se něco pokazí, napište o tom komentář a pošlete mi zprávu s vaším html a uvidíte, co mohu udělat.

Krok 4: Dokončení

Bare se mnou, jste téměř hotovi. pamatujete si, když jste byli tak posedlí zapsat ta jména? Nyní, když je potřebujete. vytvořit některé nové stránky pojmenované stejně jako tlačítka, na která byla odkazována. nyní zkopírujte html kód ze stránky Rejstřík. a po kontrole jej zkopírujte na nové stránky. měli byste vidět, kde je text, který jste zadali na domovskou stránku. můžete to odstranit a napsat něco jiného, co by šlo na stránku, pak budete muset vyhledat nějaký html, pokud chcete přidat odkazy na jiné stránky a podobné věci. ale pro většinu z toho váš HOTOVÝ test vašich tlačítek zjistí, zda fungují. vymyslete nějaký obsah a buďte šťastní.*jako volitelný krok, pokud jste dostali jméno, které bylo přijato a museli jste do svého jména zadat 2, přejděte sem a zaregistrujte požadované jméno. i když se to vezme na webových stránkách, je pravděpodobné, že se to tady neberou. prostě jen obvyklý komentář k věci, pokud máte problémy, vím, že je to dlouhý návod se spoustou informací, a pokud jsem něco vynechal, řekněte mi, nezapalujte já, Iv vytvořil spoustu webových stránek a něco, co si myslím, že je zřejmé, nemusí být tak zřejmé pro někoho, kdo je v tom nový. pokud chcete příklad, zde je můj web www.punkholy.tk.