Jak Vytvořit webové Stránky Od Nuly (HTML, WordPress, nebo Stavitelé)

Jako majitel malé svatební plánování spuštění, můj přítel neměl moc času nebo peněz dát do učení, jak vytvořit webové stránky – ale věděla, že potřebuje, nebo její podnikání by bylo téměř neviditelné. Přes její nedostatek programovacích dovedností, šla plnou rychlostí vpřed, aby si sama vytvořila svou online přítomnost.

spuštění webové stránky od nuly nebylo ve skutečnosti skličujícím úkolem, kterého se obávala., Se správnými nástroji dostala web WordPress do provozu během několika týdnů. Po počátečním sestavení webu, pokračovala v rozšiřování a aktualizaci sama, jak její podnikání rostlo.

jak ukazuje její zkušenost, každý se může naučit, jak vytvořit web s relativní lehkostí. Je to stejně jednoduché jako nákup webhostingu a názvu domény, pak doladit svůj design prostřednictvím website builder, WordPress, nebo pomocí holé kosti HTML. Projdeme vás každým krokem níže, takže neváhejte a klikněte na jeden z odkazů zde přeskočit dopředu.,

Vyberte Hostitele | Vaše Stránky | Web Builder | WordPress

Krok 1: Vyberte Hostitele a Domény

první krok k vytvoření webové stránky, bez ohledu na to, který přístup se rozhodnete použít, je výběrem web hostingové služby a domény název. Webový hostitel je společnost, která poskytuje server a úložný prostor pro vaše stránky a poskytuje online světu přístup k vaší značce. Na druhé straně název domény je URL (např. www.hostingadvice.com), které lidé používají k navigaci přímo na váš web.

výběr hostitele

toto je super snadná část., Web je top-hodnocené hostí se vytáhl všechny zastávky, aby urychlit a zmírnit počáteční tvorba webových stránek proces — často začíná s bezplatnou registraci doménového jména, single-klikněte na zařízení pro populární CMS a blogování platformy, webové stránky zdarma builder, a marketing kredity.

Chcete-li začít, doporučujeme přihlášení k web hosting plánu s jedním z těchto poskytovatelů. Váš webový server bude nastaven okamžitě, a většina Vám zdarma název domény dle vašeho výběru, jakož., Jakmile jste se zaregistrovali, budete budování své webové stránky v žádné době:

více levné web hostitele „

Výběru Doménového Jména

Registrace kvalitní doménové jméno je důležité pomáhat lidem najít a zapamatovat si vaše stránky. Výše uvedené webhostingové služby nabízejí bezplatnou registraci doménového jména pro první rok služby, takže pokud jste již dokončili Krok 1, již máte svou doménu.,

Pokud se stále rozhodujete o tom, který název domény si vyberete, je třeba zvážit několik tipů:

• aby byl krátký a nezapomenutelný: kratší názvy domén jsou snadněji zapamatovatelné. Název by měl být něco, co se drží v myslích lidí. Dlouhé názvy domén fungují pouze v případě, že jsou jedinečné a chytlavé.
• použijte relevantní klíčová slova: název vaší domény je další příležitostí k začlenění klíčových slov, která přispívají k Vaší celkové strategii SEO. Klíčová slova, která jsou relevantní pro vaše podnikání výklenek bude vaše doménové jméno dále vyčnívat v paměti lidí a zvýšit hodnocení vyhledávače.,
• názvy domén výzkumu: zkontrolujte, zda jiné společnosti nebo jednotlivci používají název domény, který je příliš úzce příbuzný, aby se zabránilo konfliktům nebo nejasnostem.
• vyberte příslušné rozšíření názvu domény: jak víte z procházení webu, názvy domén mohou skončit v .com,. org,. biz a dalších rozšířeních. Vyberte ten, který nejlépe vyhovuje účelu vašeho webu.

nyní, když jste si zakoupili webhostingový plán (a dostali svou doménu zdarma s vaším hostingovým plánem), jste připraveni vytvořit a spustit svůj web.,

Krok 2: Vyberte metodu budování webu

existují tři hlavní způsoby, jak vytvořit web. Pokud jste začátečník, zdaleka nejjednodušší způsob, jak vytvořit a spustit web, je použít webové stránky stavitel poskytována váš web hostitele. Pokud jste alespoň trochu webově zdatní, můžete použít WordPress nebo systém pro správu obsahu (CMS), jako je Drupal nebo Joomla. Pokud jste již dobře obeznámeni s kódováním, můžete začít od nuly a pomocí HTML vytvořit web od základů., Každý přístup má své přednosti a výzvy:

1. Možnost: Použít Site Builder (Úroveň Začátečník)

Pomocí webové stránky builder – aplikace, která vás provede kroky tvorby webových stránek, bez kódu – může být jak osvobozující a posilující. Veškeré kódování provádí poskytovatel na backendu a v podstatě to není mnohem náročnější než použití textového procesoru.

Typicky, site builder nebo šablony založené stránky-stavební metoda nabízí méně možností přizpůsobení, než pokud si vytvořit webové stránky od nuly používat přímo HTML, ale pro omezenou dovednosti potřebné, stránky stavitelé poskytují flexibilitu a dobré uživatelské zkušenosti pro začátečníky.

možnost 2: Nainstalujte WordPress (střední úroveň)

mnoho podnikatelů a zaměstnanců má málo až žádné kódovací dovednosti. Zároveň může být pro některé omezující, aby se museli spoléhat na Web designer/vývojář, aby vytvořili web a provedli aktualizace., WordPress je catch-all řešení pro podniky, které chtějí základní webové stránky s minimální investicí času a peněz.

téměř třetina všech webových stránek na internetu existuje na platformě WordPress a dokonce i velké společnosti, jako je CNN a eBay, ji používají. K dispozici jsou bezplatné a placené verze softwaru, a tam je spousta uživatelské podpory k dispozici on-line.

S mnoha motivy a rozvržení z čeho vybírat a možnosti postoupit na složitější vzory a funkce, WordPress je univerzální volbou pro všechny druhy podniků. Ve skutečnosti je to platforma, která ovládá HostingAdvice.com sám.

3. Možnost: Vytvořit webové stránky od nuly s HTML (Pokročilá Úroveň)

Web design dovednosti jsou velmi cenné na trhu práce a možná jste si myslel, že to je něco, co chcete vyzvednout. Vytvoření webové stránky od nuly vám poskytne nástroje pro vytváření a přizpůsobení webu přesně tak, jak uznáte za vhodné., Tam je vyšší křivku učení, ale větší odměnu, jako znát HTML vám umožní doladit své stránky navrhovat a provádět tyto dovednosti vpřed rozšířit a aktualizovat stránky s lehkostí.

Pokud jste programování začátečník a rozhodl se učit, si můžete vyzvednout kódování dovednosti, které budete potřebovat z nesčetných web design knihy (O ‚ reilly série je dobrým výchozím místem) a webových stránek, jako je World Wide Web Consortium (W3C) Školy.

naučit se kódovat web sami vám poskytne maximální flexibilitu při vytváření přesně toho, co chcete v průběhu času., Nemluvě o tom, že schopnost kódovat je v dnešní ekonomice velmi cennou dovedností.

Krok 3: začněte stavět!

nyní, když jste se přihlásili k webhostingu s bezplatnou doménou a zvolili jste metodu sitebuilding, jste připraveni začít vytvářet vzhled vašeho webu a jeho obsahu. Přečtěte si pokyny krok za krokem:

Možnost 1: pomocí Sitebuilder vytvořit svůj web (začátečník)

budování webové stránky s Free Website builder je rychlý, snadný a přímočarý proces., Možná jste se již zaregistrovali k hostingovému účtu v kroku 1, v takovém případě bude mít web vašeho hostitele konkrétní podrobné pokyny k instalaci a používání bezplatného, zahrnutého Website Builderu. Obecně zjistíme, že Wix je nejoblíbenějším website builderem, takže jej použijeme jako příklad zde.

Pokud jste se již zaregistrovali k hostování, vytvořili jste si účet. Pokud ještě nemáte webového hostitele, doporučujeme se přihlásit k Wix sitebuilder prostřednictvím jeho webových stránek. Jednoduše zadejte svou e-mailovou adresu a heslo na Wix.com registrace stránky začít., Všimněte si, že popisovač e-mailové adresy se stane součástí vaší bezplatné domény (pokud nemáte vlastní doménu), takže při registraci mějte na paměti. Pokud si stále nejste jisti, vítám vás, abyste se podívali na naši odbornou recenzi platformy Wix níže.

Vyberte kategorii, která nejlépe popisuje vaše webové stránky. To pomáhá lidem najít vaše webové stránky a pomáhá Wix obstarávat různorodou uživatelskou základnu platformy. Váš výběr určí, jaké druhy šablon procházíte, takže zvažte nejlepší možnost pro styl webu, který chcete vytvořit.,

Wix má nyní dvě možnosti pro vytvoření webové stránky. Kromě tradičního editoru Wix je zde také program Wix ADI, program umělé inteligence, který navrhuje vlastní weby na základě otázek, na které odpovíte. Doporučujeme použít Editor Wix, který vám dává plnou kontrolu nad přizpůsobeními dostupnými na platformě. Nicméně, pokud chcete vyzkoušet Wix ADI, všemi prostředky, jděte na to!

Vyberte si z široké škály šablon, které se liší v závislosti na typu webové stránky, kterou vytváříte. Možnosti filtrování podle obrázku, vyhledávání podle klíčového slova nebo třídění šablon podle kategorie.,

můžete se také rozhodnout pro prázdnou šablonu, která začne úplně od nuly nebo se základním rozložením.

každá šablona začíná předplněným textem a obrázkem na pozadí. Vaše šablona je výchozím bodem pro vytvoření vlastního webu. Jednou z prvních věcí, které byste měli udělat na své nové stránce Wix, je přidání obchodních informací. Vyplňte svou značku, slogan a další relevantní podrobnosti pouhým kliknutím na text, který je třeba vyměnit., Můžete také změnit vizuální aspekty stránky, včetně obrázku na pozadí, a přidávat nebo vyměňovat obrázky na jiných stránkách na vašem webu.

existuje mnoho způsobů, jak přidat obsah a přizpůsobit svůj web. Klikněte na tlačítko Přidat v levé nabídce pro řadu možností-text, tlačítka, prezentace, nabídky atd. Pod tlačítkem aplikace existuje mnoho funkcí, které můžete přidat na svůj web pro další funkce, jako jsou komentáře, živý chat a online obchod. Můžete také nahrát svůj vlastní multimediální obsah, jako jsou písma, obrázky, videa a hudba, a spustit blog.,

jednoduše klikněte na „Publikovat“ v pravém rohu, abyste svůj web umístili na web! Vyberete doménu, která může být doménou zdarma Wix.com nebo vlastní doménu, kterou získáte prostřednictvím registrátora domény.

2. Možnost: Použití WordPress Vytvořit Vaše Stránky (Intermediate)

Použití WordPress vytvořit vaše stránky podobné zkušenosti pomocí webové stránky stavitel z hlediska procesu. Která platforma byste měli použít, je věcí preferencí. Záleží na tom, který z nich se cítí nejvíce intuitivní pro vás a dává vám největší flexibilitu pro váš web design a údržbu., Velkou výhodou přechodu s WordPress je velká komunita podpory, jak oficiální, tak od ostatních uživatelů softwaru WP.

většina hostingových plánů zahrnuje snadný přístup k WordPress-instalace softwaru jedním kliknutím nebo ještě lépe, pokud je pro vás předinstalován. Ve většině případů se můžete jednoduše přihlásit do ovládacího panelu hostingu a najít možnost instalace platformy WP. Pokud vaše hostingová služba tuto schopnost nemá,naleznete zde pokyny k ruční instalaci. Díky těmto webovým hostitelům je instalace WordPress obzvláště snadná:

Zobrazit více hostitelů WordPress “

udělejte si čas, abyste se seznámili s backendem WordPress pro váš účet. Najdete, kde spravovat své příspěvky, stránky a komentáře; změnit vzhled webu; přidat editory webu; a nainstalovat pluginy. Váš panel má vše, co budete potřebovat, abyste sledovali obsah na vašem webu a přizpůsobili jeho vzhled a dojem.,

pod záložkou vzhled na palubní desce si můžete vybrat z řady bezplatných témat (nebo se rozhodnout zaplatit za jeden). Instalace motivu je stejně jednoduchá jako výběr“ instalovat „a poté“ aktivovat “ pro požadovanou šablonu. Téma můžete kdykoli změnit, aniž byste změnili jiný obsah na vašem webu.

Chcete-li přidat nové stránky na váš web, vyberte „stránky“ a poté „přidat nové.“Tyto stránky můžete učinit součástí navigační nabídky vašeho webu pod volbou nabídky na kartě Vzhled. Chcete-li přidat příspěvky (pokud chcete blog na vašem webu), přejděte na „příspěvky“ a poté „přidat nové.,“

WordPress ve výchozím nastavení umístí vaše nejnovější příspěvky na vaši domovskou stránku. Chcete-li vybrat konkrétní stránku, která bude sloužit jako domovská stránka, vyberte v nabídce palubní desky „nastavení“ a poté vyberte „čtení“.“V sekci Zobrazení na titulní stránce se rozhodněte pro „statickou stránku“ a poté vyberte stránku, kterou jste vytvořili jako domovskou stránku.

pluginy jsou rozšíření-ve výchozím nastavení nejsou nastavena v WordPress -, která přidávají nové funkce na váš web. Pluginy WordPress mohou vylepšit funkčnost vašeho webu, pomoci vám dosáhnout cílů, které máte pro váš web, a poskytnout návštěvníkům vašich webových stránek lepší uživatelský zážitek.,

například plugin Google Analytics vám pomůže sledovat aktivitu vašeho webu a plugin NextGEN Gallery vám umožní zobrazit galerie obrázků. V části“ Plugin “ na palubní desce můžete prohledávat možnosti — doslova tisíce bezplatných pluginů. Stačí kliknout na „Instalovat“ a je dobré jít.

v tomto okamžiku jste vytvořili obsahově vyplněný, vizuálně přitažlivý a funkční web., Publikování v WordPress se děje na úrovni stránky nebo příspěvku, takže budete muset kliknout na „Publikovat“ pro každou oblast vašeho webu. Můžete počkat, až bude váš web zcela připraven ke spuštění, abyste mohli publikovat svůj obsah nebo publikovat při vytváření jednotlivých stránek a příspěvků.

3. Možnost: Použít HTML Vytvořit webové Stránky od Nuly (Pokročilé)

Pro ty, kteří chtějí výzvu a mít trochu času navíc, tvorba webových stránek pomocí HTML je stojí za to úsilí, které se vyvíjí vaše pochopení editace webu a design., Základní web můžete nastavit během několika hodin a stavět na něm, jak se dozvíte více dovedností HTML a CSS.

jak tomu bylo u prvních dvou tras pro vytváření webových stránek, vaším prvním krokem je registrace u poskytovatele hostingu.

Zobrazit všechny nejlepší webové hostitele „

Chcete-li psát značky HTML, budete potřebovat vysoce kvalitní textový editor, který vyhovuje jazyku webu. Notepad++ je dobrá volba pro uživatele společnosti Microsoft, zatímco TextMate je ideální pro uživatele Mac. Mezi textové editory napříč platformami patří Atom a vznešený Text.,

webové stránky lze vytvářet striktně pomocí HTML, které se překládá do textových souborů pojmenovaných s příponou .html. Hlavní stránka Vašeho webu je obvykle s názvem index.html. Vytvořte tento soubor a uložte jej a poté jej vyplňte základním rámcem vašeho webu HTML. Bude to vypadat takto:

<html> značky uzavírají celý obsah vašeho webu a naznačují, že se jedná o dokument HTML., <head> tag zahrnuje název stránky, meta tagy (řekněte prohlížeč podrobnosti o obsahu stránky a zobrazení), a odkazy na externí CSS soubory pro styl vaší stránce. Skutečný obsah vaší stránky jde mezi tagy <body>.

při vytváření webu budete chtít uspořádat soubory do složek podle struktury, ve které se má váš web objevit. Můžete například vytvořit složku pro vaši stránku o stránce, která má hlavní informace.,html soubor, stejně jako všechny související CSS, který přidává styl na vaše stránky a další HTML soubory, které podporují tento obsah. Při přidávání odkazů po celém webu na stránky vašeho webu odkazujete na umístění jejich složky v adresáři, do kterého ukládáte soubory.

Napište svůj obsah do sekce<body> každého z nich .html soubor (tj. každá stránka) Vašeho webu. Zde jsou některé důležité značky, vědět, jak budete budovat vaše stránky:

• <header> označuje horní části dokumentu, a je místo, kde vaše stránky název a logo se objeví.,
• <nav> se používá k vytvoření nabídky webu, hlavní navigace vašeho webu, kde návštěvníci najdou odkazy na stránky nejvyšší úrovně.
• <section> označuje hlavní obsah vaší stránky. Používá se k seskupování obsahu na stránce. Přemýšlejte o článcích, které najdete online, které jsou seskupeny pod jednotlivými nadpisy.
• <article> se používá pro jednotlivé kusy obsahu na Stránce, jako je blogový příspěvek, obrázek, video nebo jiná multimédia. Je to způsob, jak strukturovat stránku, takže tyto položky lze snadno rozlišit.,
• <footer> je spodní část webové stránky. Tato oblast je často místem, kde lidé dávají své kontaktní informace, podmínky služby, zásady ochrany osobních údajů a další různé, ale důležité informace.

Vyplněna s těmito tagy, základní struktura stránky bude vypadat takto:

budete také chtít přidat základní navigační lištu pro váš web. To poskytuje snadný přístup k hlavním stránkám vašeho webu., Chcete-li to nastavit, použijte značku <nav> a značku <ul> nebo neuspořádaný seznam.

a voila! Nyní mohou návštěvníci vašich stránek snadno přejít na váš blog, stránky produktů, hodit vám linku na kontaktní stránku, procházet posudky zákazníků a znovu se vrátit na domovskou stránku!

váš web můžete vizuálně zajímavější formátováním, barvami a obrázky pouze pomocí HTML., Začlenění CSS nebo kaskádových stylů do vašeho webu vám však dává mnohem větší kontrolu nad jeho vzhledem a weby, které používají CSS, vypadají celkově profesionálněji.

CSS je určen v samostatných souborech CSS. Hlavní soubor je obvykle s názvem styl.element. Některé základní funkce CSS zahrnují přidávání barev, hranic a pozadí a použití modelu box pro uspořádání obsahu na vašich stránkách., Tento krok je pokročilejší než použití základního HTML, ale může výrazně zlepšit estetiku vašeho webu.

jakmile jste spokojeni s celkovým uspořádáním, můžete publikovat své stránky. Je to naprosto v pořádku,pokud váš web je velmi základní začít s. Tak dlouho, jak to vypadá profesionálně, můžete se cítit dobře o uvedení na webu, a zlepšit ji, jak si vytvořit více HTML a CSS dovednosti.

Alll Hotovo!, Teď ta těžší Část… Přidávání Obsahu

stejně Jako v případě naší akce-plánování přítel, možná si myslíte, že si můžete vytvořit své vlastní webové stránky na první — ale pravda je, že to je nyní snazší než kdy jindy pro úplné začátečníky, jak vytvořit funkční a vizuálně atraktivní web, který lidé chtějí navštívit. S pomocí online zdrojů a podpory z komunity WordPress, můj přítel postavil web, na který byla hrdá – a můžete také.

nejdůležitější věcí, kterou je třeba zvážit na vašem webu, je obsah, protože to bude to, co přitahuje lidi k návštěvě a čtení., Zvažte, o čem chcete, aby váš web byl, ať už je to vaše firma nebo blog na konkrétní téma. Zvažte pečlivě, protože to bude určovat směr web design, také. Jakmile máte nějaké nápady na obsah a konkrétní plán, jste připraveni zahájit dobrodružství v budování webu.