Jak vytvořit web (s obrázky)

2024 Autor: Gilbert Ryder | [email protected]. Naposledy změněno: 2023-12-16 17:28

Vytvoření webové stránky je skvělý způsob, jak sdílet své nápady a myšlenky se světem. Ale pokud jste to nikdy neudělali, může to vypadat skličující. Je tam všechno to http-tečka-cokoli a jak a jak tam dostanete obrázky a text? Nebojte se, tento článek vám pomůže velmi rychle pochopit složitosti!

Kroky

Základní nápověda HTML

Ukázka webové stránky s HTML

Podporujte wikiHow a odemkněte všechny vzorky.

Cheatový list HTML

Podporujte wikiHow a odemkněte všechny vzorky.

Ukázka jednoduché webové stránky

Podporujte wikiHow a odemkněte všechny vzorky.

Část 1 ze 4: Navrhování vašich webových stránek

Krok 1. Inspirujte se

Podívejte se na weby se skvělým designem a zamyslete se, proč jsou tak skvělé. Obvykle jde o informace, zdroje, odkazy a stránky, které jsou uspořádány způsobem, který je snadno vidět a používat. Chcete -li získat představy o tom, jak navrhnout vlastní web, podívejte se na weby, které dělají podobné věci, a získejte nápady, kam byste měli vložit různé typy obsahu.

Zůstaňte realističtí ke svým dovednostem.
Snadný přístup je nejdůležitější. Pokud nemáte určitou informaci snadno viditelnou, ujistěte se, že dostat se k ní je velmi logické.
Obecně platí, že čím jednodušší design, tím méně stránek, tím lépe.

Krok 2. Vyberte téma a účel

Pokud již máte docela dobrou představu o tom, na co se váš web zaměří, tento krok přeskočte. Pokud ne, zde je několik věcí, které vám to pomohou zjistit. Nejprve pochopte, že na internetu jsou miliardy lidí a velké procento má webové stránky. Pokud se omezíte na něco, co nebylo provedeno, nikdy nezačnete.

Když si řeknete „internet“, co vás první napadne? Elektronický obchod? Hudba? Zprávy? Socializovat se? Blogování? To jsou všechna dobrá místa pro začátek.
Můžete vytvořit web, který je věnován vaší oblíbené kapele, a mít chatovací oblast, kde by si o tom lidé mohli promluvit.
Můžete vytvořit stránku pro svou rodinu, ale na podobné věci si dejte pozor. Internet je plný nechutných postav a informace, které o své rodině uvedete, mohou být nakonec použity proti vám. Zvažte přidání ochrany heslem na svůj osobní rodinný web.
Pokud jste feťák ve zpravodajství nebo chcete něco méně filtrovaného než tradiční média, vytvořte si web a získejte veřejně dostupné kanály od poskytovatelů zpráv, jako jsou Reuters, BBC, AP a další. Vytvořte si vlastní přizpůsobený agregátor novinek (dříve známý pod kuriózním názvem „noviny“), poté si prohlédněte a zobrazte všechny zprávy, které se hodí k digitalizaci.
Pokud jste kreativní v psaní, můžete si založit blog, kde můžete psát o čemkoli chcete, a přilákat měsíční čtenáře!

Krok 3. Vytvořte plán

Budování vašeho webu bude vyžadovat čas a možná i peníze, proto si stanovte limit pro oba a pak se pusťte do toho. Plán nemusí být velká, komplikovaná tabulka nebo efektní grafická prezentace, ale na přinejmenším budete chtít zvážit, co to udělá pro vás a návštěvníky, co umístíte na web, co kam na webové stránky směřuje.

Krok 4. Shromážděte obsah

Existuje mnoho různých typů obsahu a mnoho z nich má své vlastní úvahy. Budete muset zjistit, co je pro váš web a vaše potřeby nejlepší. Některé věci, které je třeba zvážit, včetně:

Obchod.

Pokud chcete prodávat věci, musíte zjistit, jak chcete, aby položky byly k dispozici. Pokud máte relativně málo věcí k prodeji, možná budete chtít zvážit prodejnu s hostingovou službou. Society6, Amazon a Cafepress jsou dobře zavedenými hostiteli obchodů, které vám umožňují prodávat různé položky a nastavovat vlastní ceny.
Média. Chcete zobrazit videa? Hudba? Chcete hostovat vlastní soubory nebo je chcete hostovat někde jinde? Youtube a SoundCloud jsou skvělými příklady možností hostování, ale budete si muset být jisti, že způsob, jakým svůj web navrhujete, umožňuje správné zobrazení těchto typů médií.
snímky. Jste fotograf? Umělec? Pokud plánujete na své webové stránky umístit originální obrázky, možná budete chtít použít formát, který jim pomůže zabránit krádeži. Ujistěte se, že jsou obrázky relativně malé nebo že jsou skryty za nějakým kódem Flash, aby se nedaly snadno ukládat.
Widgety. Jedná se o miniprogramy, které běží na vašem webu, obvykle vám pomohou sledovat, kdo navštěvuje, co hledá a odkud pochází. Můžete také najít widgety pro rezervaci schůzek, zobrazení kalendáře atd. Podívejte se, co by pro vás mohlo být užitečné (jen se ujistěte, že widget pochází z renomovaného zdroje).
Kontaktní informace. Chcete mít na své webové stránce kontaktní informace? V zájmu vlastní bezpečnosti byste si měli dávat pozor na to, jaký druh informací máte k dispozici. Nikdy byste neměli zobrazovat věci, jako je adresa vašeho domova nebo telefonní číslo domů, protože takové informace lze použít ke krádeži vaší identity. Pokud nemáte firemní adresu, možná budete chtít nastavit PO box nebo speciální e -mailovou adresu, na kterou vás budou lidé kontaktovat.

Krok 5. Nakreslete vývojový diagram

Pro většinu lidí začíná web na domovské stránce. Tuto stránku vidí každý, když poprvé navštíví www.yourSite.com. Ale kam odtud jdou? Pokud strávíte nějaký čas přemýšlením o tom, jak by lidé mohli s vaším webem interagovat, budete mít při vytváření navigačních tlačítek a odkazů mnohem snazší práci.

Krok 6. Naplánujte si uživatelská zařízení a situace

V posledních letech se chytré telefony a tablety staly neuvěřitelně oblíbenými platformami pro procházení internetu a vyžadují, aby pro ně byly webové stránky navrženy. Pokud opravdu chcete vytvořit web, který obstojí ve zkoušce času a bude přístupný co největšímu počtu diváků, plánujte vytvoření různých verzí svého webu pro různá zařízení nebo plánujte použít responzivní design, který se podle potřeby upraví.

Část 2 ze 4: Budování vašich webových stránek

Krok 1. Rozhodněte se, jakou metodu nebo nástroj použijete k jeho sestavení

Když máte základní myšlenku a máte plán, jak bude rozvržen, další věc k zamyšlení je, jak ji postavíte. Možnosti se zdají být nekonečné a lidé se vám pokusí prodat tu či onu „fantastickou“aplikaci a každou další věc, kterou na svém webu „absolutně musíte mít“, nicméně realita je taková, že existuje několik skvělých nástrojů pro vytváření webových stránek, a jeden z nich bude nejlépe vyhovovat vaší situaci a potřebám.

Krok 2. Postavte si to sami

To je první možnost. Pokud máte aplikaci pro vytváření webových stránek, jako je Adobe Dreamweaver, není velmi obtížné vytvořit webovou stránku od nuly. Možná budete muset udělat nějaké kódování, ale nepropadejte panice! HTML vypadá komplikovaně, ale je to jako poslouchat Shakespeara-zpočátku je to těžké, ale jakmile to pochopíte, není to tak obtížné.

Výhody: Software pro tvorbu webových stránek zjednodušuje proces vytváření webů tím, že vám umožní přetahovat obrázky, text, tlačítka, filmy a cokoli jiného, na co si vzpomenete, obvykle bez nutnosti kopat do HTML. Mnoho aplikací pro webový design vám dokonce umožní vytvářet stránky speciálně pro váš chytrý telefon nebo podložku. Pokud vytváříte základní osobní web, je to opravdu skvělý způsob, jak jít.
Nevýhody: existuje křivka učení, a přestože nemusíte kopat do HTML, není to úplně geek-free. Pokud spěcháte, nemusí to být nejlepší řešení. Asi největší nevýhodou však je, že pokud nejste grafik, můžete skončit se stránkou, ze které bolí oči. Abychom to trochu zmírnili, v aplikacích a na internetu existuje řada bezplatných šablon, ale uvědomte si svá omezení-pokud nějaká máte!

Krok 3. Použijte systém pro správu obsahu (CMS)

To je druhá možnost. WordPress je příkladem skvělé možnosti pro vytváření webových stránek. Pomáhá vám rychle a snadno vytvářet webové stránky a blogové příspěvky, nastavovat nabídky, povolit a spravovat komentáře uživatelů a má tisíce témat a doplňků, ze kterých si můžete vybírat a používat je zdarma. Drupal a Joomla jsou další skvělé možnosti CMS. Jakmile je CMS hostován, můžete svůj web spravovat odkudkoli (na světě), které má připojení k internetu.

Pro: Velmi snadné použití, rychlé zahájení instalace jedním kliknutím a spousta možností pro začátečníky (s dostatečnou hloubkou pro zkušenější uživatele).
Proti: Některá témata jsou omezující a ne všechna jsou zdarma.

Krok 4. Vytvořte web od nuly

To je třetí možnost. Pokud se rozhodnete vytvořit svůj web úplně od začátku, budete muset začít používat HTML a CSS. Existují způsoby, jak rozšířit své znalosti HTML a přidat na svůj web další funkce a větší hloubku. Pokud vyvíjíte profesionální webové stránky, tyto nástroje vám pomohou získat výhodu, která je nezbytná pro jakýkoli obchodní podnik.

CSS, což znamená „kaskádové šablony stylů“. CSS poskytuje větší flexibilitu při vytváření stylu HTML a výrazně usnadňuje provádění základních změn-písma, záhlaví, barevná schémata-na jednom místě a umožňuje, aby se tyto změny vlnily na webu.
XHTML je webový jazyk nastavený standardy W3C. Téměř identický s HTML, dodržuje přísnější sadu pravidel pro označování informací. To z velké části znamená drobné změny ve způsobu psaní kódu.
Podívejte se do HTML5. Je to pátá revize základního standardu HTML a nakonec zahrne aktuální verzi HTML (HTML4) a také XHTML.
Naučte se skriptovací jazyk na straně klienta, například JavaScript. To zvýší vaši schopnost přidávat na vaše stránky interaktivní prvky, jako jsou grafy, mapy atd.
Naučte se skriptovací jazyk na straně serveru. PHP, ASP s JavaScriptem nebo VB Script nebo Python lze použít ke změně vzhledu webových stránek různým lidem a umožňuje vám upravovat nebo vytvářet fóra. Mohou také pomoci ukládat informace o lidech, kteří navštěvují váš web, například jejich uživatelské jméno, nastavení a dokonce i dočasné „nákupní košíky“pro komerční weby.
AJAX (asynchronní JavaScript a XML) je technika využívající jazyk na straně prohlížeče a jazyk na straně serveru k tomu, aby stránka získala nové informace ze serveru bez obnovení stránky, což často výrazně zkracuje dobu čekání uživatele a výrazně zlepšuje uživatelské prostředí, ale zvyšuje využití šířky pásma. Pro webové stránky se značným provozem nebo pro stránky elektronického obchodování je to skvělé řešení.

Krok 5. Najměte profesionála

To je čtvrtá a poslední možnost. Pokud se vám nedaří navrhovat vlastní webové stránky nebo se učit nové kódovací jazyky-zejména pro pokročilejší weby-může být nejlepší volbou najmout profesionála. Než si najmete, požádejte o prohlédnutí portfolia jejich práce a pečlivě zkontrolujte jejich reference.

Část 3 ze 4: Vyzkoušejte si, jak řídit svůj web a začít fungovat

Krok 1. Zaregistrujte své doménové jméno

Pokud máte rozpočet, existují strategie pro nákup levného názvu domény. Najděte název domény, který je snadno zapamatovatelný a snadno se píše. Pokud používáte domény končící na.com, skončíte s větším provozem, ale většina těch snadných je obsazena, takže buďte kreativní!

Podívejte se na Network Solutions, GoDaddy nebo Register.com jsou dobré v USA a uk2.net, pokud jste ve Velké Británii, abyste prozkoumali a našli ideální název domény pro svůj web. Wordpress také obsahuje funkci, pomocí které můžete použít název, který je označen jejich webem, například mywebsite.wordpress.com. Pokud je ale vámi zvolené jméno k dispozici také jako.com, upozorní vás na to při registraci.
Názvy domén můžete zakoupit, pokud byly „zaparkovány“nebo jsou k prodeji online prostřednictvím obchodních prodejních stránek. Před zakoupením nákladného názvu domény je dobré získat právní a finanční radu.

Krok 2. Zkontrolujte svůj web

Než svůj web zveřejníte, je rozumné jej důkladně otestovat. Většina softwaru pro webový design má způsob, jak otestovat váš web, aniž byste jej museli používat online. Hledejte chybějící značky, nefunkční odkazy, optimalizaci pro vyhledávače a chyby v designu webových stránek. To jsou všechny faktory, které mohou ovlivnit provoz a příjmy vašich webových stránek. Můžete také během několika minut vygenerovat bezplatnou plně funkční mapu stránek, kterou odešlete vyhledávačům, jako je Google.

Krok 3. Otestujte svůj web

Až dokončíte svůj web, proveďte testování použitelnosti. Můžete to udělat tak, že požádáte několik přátel nebo rodinných příslušníků, aby to vyzkoušeli. Zadejte jim konkrétní úkol, jako je „upravit svůj profil“nebo „koupit svetr z alpaky na stránce výhodných nabídek“. Posaďte se za ně a sledujte, jak se plaví-nepomáhejte jim. Pravděpodobně najdete oblasti, kde potřebujete zlepšit navigaci nebo objasnit některé pokyny. Alternativně použijte něco jako zurb.com k uživatelskému testování konkrétních demografických údajů pro různé typy zapojení. Při testování webu v roce 2014 je důležité mít na paměti platformu a zajistit, aby byl web použitelný ze smartphonů a tabletů, stejně jako z desktopů.

Uchovávejte si seznam věcí, kterých si všimnete, které se uživateli zdají obtížné nebo neintuitivní

Krok 4. Spusťte jej

Vyberte webového hostitele a nahrajte své webové stránky. Váš webhosting může mít funkci FTP, nebo si můžete stáhnout svůj vlastní program FTP, jako je FileZilla nebo CyberDuck. Pokud jste si na design webu najali profesionála, měli by se o to postarat za vás (ale i tak se vyplatí klást otázky, abyste pochopili, co se děje).

Všimněte si toho, že existují způsoby, jak hostovat svůj vlastní web zdarma

Část 4 ze 4: Úvahy o webových stránkách

Krok 1. Zúžit svůj koncept

Pokud to děláte pro peníze, jaké nápady vám pomohou dosáhnout největšího zisku? Které nápady vyžadují největší nasazení? Které nápady vypadají, že by bylo zábavné je realizovat? Budete trávit čas prací na svém webu, takže si vyberte myšlenku, pro kterou jste nejvášnivější (což je pro vás také výnosné a praktické).

Krok 2. Definujte své cíle a pracujte na jejich dosažení

Web, který vytvoříte, může být pro zábavu, může to být pro zisk nebo nějaká kombinace těchto dvou. Když znáte svá očekávání, je mnohem snazší navrhnout webové stránky a sledovat a dávat výsledkům smysl.

Krok 3. Buďte připraveni na soutěž

Stránky s obsahem vyžadují méně investic, ale také čelí větší konkurenci, protože obsahovou stránku může založit kdokoli. Chcete -li vydělávat peníze z tohoto druhu stránek, poskytujete informace a generujete příjmy z provozu, který získáte prostřednictvím reklamy, například prostřednictvím služby Google AdSense. Abyste mohli optimalizovat AdSense, budete muset svůj obsah psát cíleně a udělat ho zajímavým, aby na váš web přicházeli lidé. Používejte také konkrétní klíčová slova zaměřená na lidi, kteří hledají konkrétní výrazy; jen se nenechte unést tímto aspektem, jinak může obsah trpět a čtenářům se nebude líbit.

Krok 4. Buďte připraveni na odpovědnost

Stránky elektronického obchodu, které prodávají výrobky, budou potřebovat větší údržbu a pozornost. Budete muset myslet na dopravu, prodej, daně, SSL, aktualizace inventáře a vše, co by člověk s kamennou prodejnou musel zvládnout. Systém pro rychlé zodpovídání otázek a vyřizování stížností je zásadní při online prodeji produktů; mnoho společností také nabízí telefonickou pomoc, kterou můžete v případě potřeby outsourcovat offshore.

Pokud je cílem jen přidat proud příjmů, můžete také prodávat produkty jiných lidí prostřednictvím affiliate programů, což vám umožní vydělávat peníze bez investic do produktu nebo se starat o dopravu

Krok 5. Poznejte publikum nebo trh, kterého chcete dosáhnout

Jaké typy lidí bude váš web obsluhovat? Proveďte průzkum trhu, abyste zjistili více o svém publiku. Mezi věci, které je třeba vědět nebo zjistit, patří: Co dělají? Jak jsou staří? Jaké jsou jejich další zájmy? Všechny tyto informace mohou pomoci učinit váš web mnohem užitečnějším. Dávejte si však pozor na to, že váš web cílí pouze na jednu skupinu - vždy sledujte trendy, které ukazují, že se ostatní typy lidí začínají zajímat, abyste mohli uspokojit i jejich zájmy a využít nové příležitosti na maximum.

Krok 6. Proveďte průzkum klíčových slov

To je nutné k určení, zda lidé hledají témata, která jsou relevantní pro váš web a mohou být užitečná pro získání dalších informací o vašich potenciálních klientech. Vědomé úsilí o začlenění klíčových slov na vyžádání na web vám také může pomoci získat lepší hodnocení ve vyhledávačích. K dispozici jsou nástroje od Googlu (např. google.com/trends/ a google.com/insights/search/#), Předehra a vývojáři softwaru třetích stran, kteří mohou usnadnit výzkum klíčových slov.

Posypte vybraným klíčovým slovem celý text, ale ne tak, aby to poškodilo kvalitu vašeho obsahu.
Vytváření stránek, které jsou optimalizovány pro vyhledávače, vám pomůže najít váš web, což je opravdu důležitější než design. K čemu je web, který nikdo nevidí?

Krok 7. Inzerovat.

Nyní, když je venku, chcete, aby lidé přicházeli, dejte jim o tom vědět!

Odešlete své stránky do hlavních vyhledávačů. Existují weby, které to udělají za vás, nebo to můžete udělat sami.
Řekněte to svým přátelům. Tweetujte o tom-neustále! Přidejte jej do svých aktualizací stavu na Facebooku, zveřejněte jeho fotografie na Flickru, přidejte jej na svůj účet LinkedIn-kdekoli a všude je klíčem zde. Čím více lidí na váš web přijde, tím lépe.
S vaší doménou použijte e-mailovou adresu. Navštivte jiné webové stránky, které doplňují (nesoutěží) s vašimi, a nabídněte jim výměnu odkazů nebo blog/psaní hostů. Zveřejňujte příspěvky konstruktivně na blozích a fórech a zadejte svou adresu URL do podpisu.
Použijte článek marketing. Vytváření článků optimalizovaných pro SEO a jejich zveřejňování na jiných webech je někdy užitečný způsob, jak vytvářet zpětné odkazy na vaše webové stránky. To vám může pomoci zlepšit hodnocení vyhledávačů na vašich webových stránkách, ale vždy držet krok s aktualizacemi vyhledávačů, které často ovlivňují strategie SEO a mohou je učinit méně užitečnými nebo dokonce snížit hodnocení vašeho webu.

Krok 8. Poskytujte kvalitní obsah a služby

Hlavně poslouchejte své čtenáře a zákazníky a učte se z jejich zkušeností s vaším webem.

Berte konstruktivní komentáře vážně. Ostatní členové kapely, fanoušci a přátelé mohou mít snadnější navigační nápady.
Zamyslete se nad svým cílovým trhem nebo publikem: nad jejich potřebami, frustracemi, okolnostmi. Snažte se jim co nejvíce usnadnit život nebo být informovanější.

Video - Používáním této služby mohou být některé informace sdíleny s YouTube

Tipy

Lidé často spěchají. V průměru máte přibližně 3–7 sekund na zachycení očních bulvů lidí, takže buďte chytří, co lidé uvidí jako první, když se dostanou na vaši stránku. Chcete -li minimalizovat dobu načítání, nepřetěžujte obrovskou grafikou. Pokud je to možné, komprimujte je. Používejte efektní technologii JavaScript, Flash, Streaming Audio/Video atd. Střídmě a pouze v případě, že je to pro vaši prezentaci důležité.
Pokud prodáváte produkt, který uživatelé najdou prostřednictvím vyhledávače, ujistěte se, že je produkt první věcí, kterou uvidí, když se dostanou na vaši stránku. Čím více návštěvník kliká, tím je pravděpodobnější, že váš návštěvník navštíví někde jinde.
Pokud si najmete profesionála na kódování komplikovaného webu, pamatujte, že programátoři nemusí být nutně grafičtí designéři. Nejpoutavější stránky byly vytvořeny někým, kdo se podílí na grafickém designu, nebo za jeho přispění. Nejlepší rada, zejména pro profesionální stránky, je použít správný tým pro danou práci: návrháři navrhují vzhled a dojem z webu; programátoři dělají všechny věci pod kapotou, aby to fungovalo; obchodníci umístí web a ujistí se, že je relevantní; a spisovatelé píší kopii.
Začněte jednoduchými věcmi, procvičujte je a pak najděte způsoby, jak se zlepšit - i když to, co vytvoříte, není v prvních několika okamžicích příliš působivé. Nepokoušejte se procesem uspěchat.
Najděte si oblíbené webové stránky, i když s vašimi nemají moc společného, a používejte je jako modely. Co dělají správně? Co je zajímavé na jejich rozložení, obsahu, způsobu manévrování webem? Začleněte relevantní aspekty toho, co se naučíte prohlížením těchto stránek, na svůj vlastní web a přizpůsobte jej tak, aby vyhovoval vašim požadavkům.
Pokud hodláte na svém webu prodávat produkt, budete muset umět přijímat zabezpečené platby kreditní kartou. Můžete požádat o účet obchodníka, který účtuje poplatek za transakci, nebo můžete použít bezplatnou platební službu, jako je PayPal. Vždy si pečlivě přečtěte drobný tisk. Uvědomte si, že mnoho úvěrových služeb vyžaduje, abyste poskytli záruky za ztracené nebo poškozené odeslané položky (podívejte se také na pojištění).

Varování

Nikdy neporušujte důvěru návštěvníků. Respektujte jejich soukromí. Spam, otravná vyskakovací okna a nerelevantní reklamy poškodí vaši důvěryhodnost. Jasné prohlášení o ochraně osobních údajů je jedním ze způsobů, jak si vybudovat důvěryhodnost. Poskytněte viditelný odkaz na své prohlášení o ochraně osobních údajů z každé stránky na webu i z jakéhokoli místa, kde žádáte návštěvníky o osobní údaje. Poskytněte legitimní kontaktní informace online. Pokud potřebujete na svém webu používat reklamy, vysvětlete návštěvníkům proč a ukažte jim, že děláte maximum pro to, abyste jejich návštěvě vyhověli. A mysli to vážně!
Nezapomeňte, nikdy nesmažte podrobnosti (uživatelské jméno, heslo atd.) Svého účtu. Pokud nemáte podrobnosti, když je zapomenete, nebudete moci na svém webu znovu pracovat. Ještě důležitější je, nikdy neposkytujte své údaje (kromě adresy svého webu).
Pokud používáte obsah z jiné webové stránky, ať už je to obrázek, JavaScript nebo cokoli jiného, získejte povolení a dejte jim za to kredit. Pokud tak neučiníte, mohou vás žalovat.
Dávejte pozor, abyste příliš neobseděli všemi „nejnovějšími radami“na marketingových webech. I když jsou některé rady užitečné a rozumné, většina z nich není. Marketing není věda-je to pokračující, neustále se měnící experiment. Jste nejlepším soudcem toho, jak vaše vlastní propagační strategie fungují (nebo ne). Naslouchat uživatelům a učit se z jejich zkušeností je nej validnějším přístupem ze všech.