Jak vytvořit vlastní web: 16 kroků

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

Plně pokrytý průvodce, jak se dostat z papíru na web, zdarma, pokud chcete, zvláště pokud vám nějaký přátelský webmaster dluží pár laskavostí, ale i s malými zkušenostmi a znalostmi můžete vytvořit web a dostat ho na web takto: …

Krok 1: Nástroje, materiály a základní dovednosti

K vytvoření vašeho webu budete potřebovat: Nástroje - Počítač, nejlépe méně než pět let starý - Kopie Dreamweaveru (volitelně), ale vím o tom a ukážu vám to - Kopie Photoshopu, nepodstatná, ale rozhodně nutnost pro každého, kdo chce hezky vypadající web - Připojení k internetu na vašem počítači, nejlépe rychlé (protože to dělá věci rychleji) Materiály - Nápad - Několik místa na disku, podle toho, k čemu váš web slouží - Čas, ano, je to materiál, který je cenný - fungující e -mailová adresa, pokud ji potřebujete, nemají přístup k Gmailu a hotmailu Základní dovednosti - základní znalost používání počítače, internetu - toto je nestrukturovatelný kód, je to pro lidi kteří chtějí vytvořit web, ale nemají ponětí, jak - Některé designové dovednosti by se hodily - Vědět, jak používat photoshop, by bylo fajn, paint. NET nebo GIMP

Krok 2: Začněme

Jakmile víte, jaký druh webu chcete vytvořit, učiníte rozhodnutí pro návrh.

Zamyslete se nad základními chladiči webu, jejich stylem a tím, jak chcete, aby se na něm lidé pohybovali. Pokud se chystáte pro podnikání nebo klub, je pravděpodobně nejlepší, když web odráží chladiče společnosti/klubu a má funkce, které napodobují nebo vycházejí z věcí o společnosti, jako jsou tlačítka nabídky připomínající něco, co prodávají, pokud je to podnikání. Navigace na vašich stránkách může být několik věcí, obecně se používají tři hlavní typy nabídek levého a pravého postranního panelu a nabídek horního pruhu (procházejí se pod záhlavím jako u tohoto webu) Pokud vytváříte web pro sebe, vyberte barvy a designové funkce líbí se vám a jděte odtud Slovo varování. nepoužívejte opravdu protichůdné barvy a dívky se snaží nesahat po fluorescenční růžové (nebýt sexistické, to se stává často) Můžete dokonce podnikat na svém webu, pokud chcete, mám s tím jen málo zkušeností, ale může to být snazší používat něco jako obchody yahoo, které tento web používá.

Krok 3: Spuštění webu

Právě tady začínáme, přejděte do části Moje dokumenty a vytvořte si složku s názvem „Moje webové stránky nebo použijte název webu. V této složce vytvořte složku nazvanou„ obrázky “, která se nazývá„ stránky “a další s názvem„ soubory “. použijte záložku pro pokročilé (protože procházení je snazší), nyní vložte název vašeho webu do pole pro název webu. Zobrazí se pole s názvem „místní kořenová složka“, toto je složka, kterou jste vytvořili pod názvem svého webu. Další pole je označeno jako „Výchozí složka s obrázky“, vyberte složku s názvem obrázky v kořenové složce. Nechte dvě zaškrtávací políčka sama, obě jsou taková, jaká by měla být.

Krok 4: Pojďme se poté zaseknout

Poté, co jste na webu učinili všechna svá hlavní rozhodnutí, je načase vytvořit šablonu pro všechny vaše stránky. Přesně tak to zní. Šablona pro vytváření stránek, web by měl po celou dobu vypadat podobně, aby nedošlo k záměně diváků a ušetří to spoustu času a zbytečného úsilí.

Ve své šabloně budete muset vytvořit záhlaví, toto je hlavní banner, který běží v horní části stránky, obvykle obsahuje název webu/název společnosti, slogan a buď obrázek nebo logo odrážející předmět webu. Nejlepší měření, která mohu poskytnout, jsou 760 x 100-200, výška je preferována a také závisí na tom, kam se bude lišta nabídek pohybovat. Šířka je 760, takže se vejde do oken prohlížeče, i když na displejích běží rozlišení 800x600 (není použitelné, pokud nevidíte polovinu webu) Tlačítko vaší nabídky (pokud se rozhodnete je vytvořit, nemělo by být příliš vysoké, doporučuji 30 pixelů na výšku a šířka závisí na spoustě věcí, ale moje jsou obvykle mezi 100 - 1 500 pixely. Pak znovu možná používáte tlačítka blesku, která z vaší strany vyžadují nulové úsilí. (Pro Dreamweaver to je)

Krok 5: Vytvoření šablony …

Nyní tedy vybereme barvy našich stránek a co jiného kliknutím pravým tlačítkem na prázdnou stránku a přechodem na vlastnosti stránky. Pro mě bude pozadí černé, text bílý a název jako šablonu. Na obrázku si všimnete, že všechny mé barvy odkazů jsou nastaveny jako modré, doporučuji použít také modrou barvu, protože modrá je tradiční barva odkazu a použití liché barvy odkazu bylo na seznamu věcí, které lidem naštvou webové stránky a co je činí neprofesionální.

Krok 6: Pokračování šablony. rozvržení

Nyní spustíme rozložení šablony.

Klikněte na tlačítko Vložit tabulku nebo tlačítko Kreslit tabulku. Nyní přetažením vytvořte stůl, výběr 3x3 je šikovné místo, kde začít. První věc, kterou byste měli udělat, je vytvořit tabulku o šířce 800 pixelů, v dolní části můžete vidět šířku na panelu vlastností, nyní zvýraznit horní řádek buněk a kliknout pravým tlačítkem, v nabídce pravým tlačítkem přejděte na tabulku a vyberte sloučit buňky, udělejte z nově vytvořené buňky výšku obrázku záhlaví. V tomto půllitru přejděte na vlastnosti tabulky a zadejte hodnotu nula pro hodnoty „mobilního telefonu“a „ohraničení“. To znamená, že tabulka pro koncového uživatele neexistuje, ale drží vše na svém místě. Nyní jej přilepíme na obrázek záhlaví, který by měl být uložen ve složce obrázků webu, ale pokud to není, Dreamweaver se vás zeptá, zda chcete soubor zkopírovat tam. Chcete -li vložit obrázek, podívejte se na lištu tlačítek (záložka nad nimi by měla být společná) najděte tlačítko s obrázkem stromu v poli (většina programů používá podobný symbol) klikněte na něj a objeví se dialogové okno, jednoduše vyhledejte svůj soubor a dvakrát na něj klikněte. Pokud se váš obrázek objevil na špatném místě, kurzor byl ve špatné buňce. Nyní, když začínáte věštit stůl, si rozdělte buňku na stranu, kde chcete panel nabídek, pamatujte, že řádky jsou napříč sloupci. Vytvořte pole pro tabulku s tlačítky nabídky tak široké, jak si myslíte, že vypadá dobře, a pak udělejte tlačítkům správnou šířku (toto ignorujte, pokud chcete tlačítka Flash) Nyní vytvořte uvnitř buňky tabulku s 1 řádkem a tolika sloupci, kolik je tlačítka (měli byste to vědět z plánu svého webu, tam vám nemohu vůbec pomoci, je to vaše volba) nebo pro horizontální nabídku 1 sloupec a tolik řádků, kolik je tlačítek.

Krok 7: Přidání tlačítek nabídky

Existuje několik způsobů, jak to provést. Pokud chcete jednoduchá obrázková tlačítka (klikatelný obrázek, který vypadá jako tlačítko), vložíte obrázek jako obvykle a prozatím je to vše. později k nim přidáme odkazy.

Pokud chcete tlačítka pro přetažení (obrázek se změní, když je kurzor nad obrázkem tlačítka, pak musíte udělat obrázky pro každé tlačítko, řekněte, že máte pěkná tmavě šedá tlačítka, která chcete rozsvítit, když na ně uživatel umístí myš poté vytvoříte druhou sadu tlačítek, která se rozsvítí. Poté přejděte na tlačítko Přidat převrácený obrázek na panelu nástrojů (vedle nebo v blízkosti tlačítka obrázku) a vyberte tmavé pro první obrázek a světlé pro obrázek 2, Opět prozatím ponechte odkaz, protože jste dosud nevytvořili jedinou stránku. Chcete -li použít tlačítka Flash, musíte kliknout na kartu médií v horní části panelu nástrojů tlačítek a kliknout na symbol vložení tlačítka blesku (logo Flash s malý pruh v dolním rohu.), Než budete pokračovat, požádá vás o uložení dokumentu, takže jej uložte jako „základní šablonu“nebo něco, o čem víte, že to je hlavní šablona pro váš web.

Krok 8: Vytvoření šablony pro použití

Dobře, jsme téměř hotovi s naší šablonou a můžeme začít na našich stránkách velmi brzy, nyní to vyžaduje upravitelné oblasti (Místa, kam má jít obsah stránky) Přidáme je pravým kliknutím a přechodem do rozbalovací nabídky šablony pravým kliknutím menu, vyberte novou upravitelnou oblast a přijde zpráva, že dokument bude převeden na šablonu. To je dobré. Udělejte to pomocí kurzoru v buňkách tabulky, kam bude obsah směřovat (ty pod a vedle lišty nabídek v mém)

Nyní uložte dokument, zavřete jej a přejděte do nového souboru a klikněte na karty šablon v horní části, vaše šablona by tam měla být, zkontrolujte, zda je zaškrtnuto políčko aktualizace stránky při změně šablony (ušetří spoustu práce později.)

Krok 9: Přidejte nějaký obsah

Zajistěte, aby vaše stránky přidávaly váš obsah, a nezapomeňte je ukládat do složek, které jste vytvořili pro stránky, a také vložte obrázky do složky s obrázky, kterou jste vytvořili. Stačí zopakovat poslední krok kroku 8 o vytvoření stránky ze šablony pokaždé, když vytvoříte Stránka. Všimněte si falešného obsahu, který jsem použil, říká se mu Lorem Ispsum a je to příběh o dobru a zlu v latině, weboví a grafičtí designéři to používají, aby získali představu o tom, jak bude produkt vypadat se skutečným textem. lze to najít na Lipsum.com. Doufám, že tyto modré rámečky jsou také upravitelné oblasti.

Krok 10: Nyní vytváříme odkazy

Otevřete šablonu, kterou jste použili (pamatujte na zaškrtávací políčko, nyní se hraje) V okamžiku jsou vaše tlačítka nabídky pouze obrázky (pokud jsou blesková, podívejte se níže) Nyní, když máte stránky, mohou být skutečnými tlačítky „Ať už jde o převrácení nebo běžné obrázky, klikněte pravým tlačítkem na tlačítko Domů a přejděte na odkaz nebo změňte odkaz (v závislosti na verzi). Zobrazí se dialogové okno, jednoduše vyhledejte soubor domovské stránky a dvakrát na něj klikněte. Nyní je propojen se stránkou, opakujte pro ostatní tlačítka a dokument uložte. Pokud se vás Dreamweaver zeptá, zda chcete změnit všechny stránky na základě dokumentu, řekněte ano.

U tlačítka Flash si vzpomenete, že jsme ignorovali panel odkazů, takže vše, co děláme, je kliknout pravým tlačítkem na tlačítko a kliknout na Upravit, zobrazí se vám obrazovka z dřívější doby, jednoduše stiskněte tlačítko procházení vedle lišty odkazů a najděte svůj soubor. Nyní byste měli mít do značné míry funkční web, další krok je naplněn několika triky a věcmi pro stránky s fotografiemi atd., Aby bylo vše snazší a lépe fungovalo.

Krok 11: Několik tipů a užitečných nápadů

Pokud pracujete na XP (možná vista součástí), existuje XP powertoy s názvem Image Resizer, který vám umožní upravit velikost obrázků pravým kliknutím a můžete dělat dávky a přidat palec na konec každého jména. Pro fotogalerii použijte miniatury, které jste vytvořili, jako obrázky na hlavní stránce a propojte je jako tlačítka s větším souborem obrázku, což umožňuje rychlejší načítání a méně stránek galerie.

U stránek se spoustou obsahu na nich by možná stálo za to rozdělit je na odkazy na předchozí stránky a stránky, což je snadné a vše, co uděláte, je propojíte navzájem a vložíte počáteční jako odkaz šablony nebo z jakékoli stránky je propojeno z. Vrátím se a přidám další, když na ně myslím, nebo jak jim lidé naznačují, že je to jen začátek.

Krok 12: Vytvořte indexovou stránku

Právě teď většina webových hostitelů vyžaduje indexovou stránku, může to být buď replika domovské stránky s názvem „index.htm“(tak to budete muset pojmenovat) nebo vytvořit zábavnou stránku se zadáním webu (pokud jste dobří ve flashi, můžete oživit věci animací. Musíte cítit, že se blíží ten zvláštní okamžik. Jděte sem…

Krok 13: Pojďme nám zajistit hostitele

Nyní se ocitnete na webu, na který jsem vás poslal, vybral jsem si ho, protože pokud jde o bezplatné hostitele, je skvělý a umožňuje spoustu věcí, stejně jako 8gigové úložiště a něco jako 300 GB šířky pásma/měsíc.

Postupujte tedy podle kroků registrace a aktivujte svůj účet, ani se nedívejte na správce souborů, který nebudeme potřebovat. Vpravo přejděte na svůj účet a sundejte název svého účtu FTP, uživatelské jméno a heslo (stejné jako heslo k účtu hostitele) Dostali jste se na stránky, upravte stránky a vyberte si své, přejděte na kartu Upřesnit a přejděte na testovací server (Vím, že moje jsou na vzdálených informacích, ale testovací server je nejjednodušší způsob, jak nahrát web), zadejte své informace, jak je znázorněno na obrázku.

Krok 14: Cítíte to?

Je čas nahrát web … Chystáte se mít web.

Přejděte na lištu souborů/aktiv svého webu, v tuto chvíli to bezpochyby vypadá úplně jinak, klikněte na malou rozevírací nabídku zobrazení a vyberte testovací server. Nyní Dreamweaver již uložil vaše heslo FTP. Klikněte na tlačítko připojit ke vzdálenému hostiteli (tlačítko se třemi vtipnými tvary). jakmile se zobrazí vaše připojené, klikněte na tlačítko pro vložení souborů., to je tlačítko směřující nahoru. (Pro pozdější použití se můžete přihlásit k účtu a pomocí získat soubory získat soubory, které jste možná ztratili ve svém počítači.) Když na to kliknete, zeptá se vás, jestli chcete dát celý web nahoru, zatraceně správně. vše funguje, pro menší aktualizace můžete místo toho poslat náhradní soubory. Až se dostane až k „index.htm“, zeptá se, zda jej nahradí, řekněte ano, jinak se váš web po 15 dnech vypne, proto jsme nejprve vytvořili náš web.

Krok 15: Nyní chcete jméno?

Takže Idea být podřízenou stránkou ovlivňuje vaše ego, máte možnosti, kupte si doménové jméno (bez hostování není drahé a můžete dělat.com.org.co.uk a.net vyberte ten, který nejlépe odpovídá vašemu jménu. Nebo pro chlapa, který chce všechno zdarma, stačí přejít na web s tečkami tk. Jednoduše zrcadlí vaše stránky, takže když to uděláte, uděláte z domovské stránky nebo z indexové stránky odkaz na web. a zvolíte řekněme killerjackalope.tk, máte to?

Krok 16: Něco dalšího pro více?

Nyní je to odpověď na palčivou otázku a zařazuje se do soutěže o laserové řezačky (na poslední chvíli), ale pokud máte jakýkoli dotaz nebo chcete další vysvětlení, než se jen zeptat, pokud je to malé, odpovím vám a pokud ano dobrý, pak přidám krok, aby každý měl odpověď na vaši otázku.

Také vím, že je to z ex tutoriálu, ale jsem si jistý, že to je to, co se stane, když se pokusíte vytvořit web na přední stránce, je to hrozné a raději bych vám řekl, abyste ukradli Dreamweaver a pak si koupili Frontpage. Další návod, jak vytvářet vtipné obrázky hromotluků.