50+ věcí, které znát, než začnete dělat weby

Toto je 50+ pojmů a nástrojů, které by měl znát každý, kdo se zajímá o tvorbu webů a jejich následnou propagaci. Každý z týmu Mravenců už je zná. Pokud bys chtěl patřit k nám, tak je musíš znát a orientovat se v nich. Proto jsme pro tebe připravili celý seriál pojmů, které jsou zaměřené nejen na výrobu webů, ale také na marketing. Pojmy DoményCo to jsou domény a jaké mají řády? Co znamená registrace? Na jak dlouho je registrujeme? Kdo je vlastní?WebhostingCo to je webhosting a jaké může mít parametry (server)? Na co si musím dát pozor? Například verze PHP.E-mailyCo víš o e-mailových adresách a schránkách? Zvládneš nastavení v e-mailovém klientovi? Jaké znáš typy poštovních klientů a problémy s tím spojené? Příklad, špatné zobrazování e-mailů, rychlost.POP3/IMAPOvládáš nastavení e-mailových schránek?Webové adresy (URL)Jaké jsou povolené znaky, přípony? Doporučení k jejich tvorbě, délce, změnám.HTTPS (SSL)Co to je a jaké má varianty?OdkazyCo to jsou odkazy a jak se tvoří? Jaká znáš pravidla pro texty i obrázky?Google účetBez Google účtu se nedostaneme do statistik nebo GSC, takže jej musíme mít všichni. Proto, víš jak na jeho vytvoření? Jak ho používat? Například změnit heslo, přepínat mezi účty?HTML/CSS (Javascript, PHP, mySQL)Jak fungují? K čemu je HTML, k čemu CSS a další?Zdrojový kódVíš, jak se podívat na zdrojový kód stránky, případně PHP? Co k tomu budeš potřebovat?FTPCo to je a jak se používá? Jaký program pro připojení použijete? Jak zvýšíš zabezpečení, pokud použiješ program? Znáš bezpečnější varianty připojení?Databáze (myAdmin)Co to je a kdy ji potřebuji? Jak se do databáze dostanu?Redakční systém (CMS)Co to je, k čemu jej potřebuji? Proč bys jej klientovi doporučil? Jaké jsou nejběžnější systémy? Proč je nějaký systém lepší než jiný? Co když chci e-shop?Statistiky návštěvnostiK čemu jsou? Jak myslíš, že jsou důležité? Jaké bys použil? Co v nich umíš najít?Responzivita (mobilní verze)Co to znamená, že jsou stránky responzivní nebo že mají mobilní verzi? Jaké řešení bys doporučil?Rozlišení (obrazové body)Co to je a proč se o něj zajímáme? Na co má vliv? Můžeme být nezávislé na rozlišení? Jaká by měla být šířka webové stránky?SEOCo to je SEO? Jaké znáš SEO faktory a jakou bys jim přiřadil váhu?IndexaceCo to znamená? Jak probíhá? Co jí brání? Jak ji urychlím?Prvky stránekOrientuješ se v pojmech hlavička, obsah, patka, pozadí, sloupce …?Navigace (menu)Prvky stránek podrobněji. Například: Co to je navigace? Jaké by měla mít vlastnosti v různých zařízeních a při různých akcích (stavech)? Co to je Hamburger menu?Cíle (na) webuJaké cíle by měl plnit web? Jak bys je měřil? V čem všem může web pomoci tomu, kdo jej má?FormulářeJaký formulář je dobrý z pohledu UX? Co by měl ještě splňovat formulář? (měření, bezpečnost)UXCo to je? Proč je důležité testovat?LogoPoznáš dobré logo? Jaké jsou požadavky na logo pro vložení na web? (formáty, SVG)FaviconKde se zobrazuje? Proč je důležitá? Jaké jsou požadavky na formát? Jak jej přidám ke stránce? Co v mobilu?WireframeCo to je? V čem bys jej navrhoval a jak? Ukaž nějaké návrhy. Co je důležité při návrhu Wireframe? Co je interaktivita?Grafický návrh (Adobe Photoshop, ikony)Jaké by měl mít vlastnosti? V jakém formátu by měla být data? Jak bys jej prezentoval klientovi?Sémantika webové stránkyCo to je, proč je důležitá?E-mailing (Newsletter)Co to je? Jaké znáš nástroje pro tvorbu e-mailů? V čem bys jej tvořil? S jakými problémy bojujeme? Jak je to s měřením a vyhodnocováním?Platební bránaTady něco z e-shopů. Co to je? Jaké znáš platební brány? Jak integrujeme platební bránu?Filtrace v katalogu (e-shopu)Potřebuje ji klient? Jaké vlastnosti by měla mít?DNSJaký je rozdíl mezi servery a záznamy? Kde se to nastavuje? Co pro to potřebujeme? Jak zjistíš aktuální stav? Jak dlouho trvá změna?Redirect (přesměrování)Co to je, proč vzniká? Kde (jak) se přesměrování realizuje?OpenSourceCo to je, jaké má výhody, ale i omezení (podmínky)? Pro koho myslíš, že je vhodný a pro koho zase ne? Nástroje a činnosti S těmito nástroji bys měl umět pracovat.Různé prohlížečeMusíš umět nainstalovat různé prohlížeče. Vymazat paměť prohlížeče. Používat anonymní režim. Zjistit zastoupení prohlížečů.Doplňky do prohlížečůUmět instalovat a používat.Pravítko (měření)Umět změřit velikost prvku na stránce v px.Barvičky (Color Picker)Umět zjistit barvu jakéhokoliv prvku. Web kód barvy.Screenshoty obrazovky a z prohlížečeUmět vytvořit a zaslat printscreen. Umět označit cokoliv a poslat obrázek s komentářem. Značka: Rychle!Obrázky (znalosti i práce s nimi)Změnit rozlišení, kvalitu a tedy datovou velikost, formáty souborů. Dále základní úpravy jako ořez. Ale i najít ve vyhledávači, rozlišovat práva k obrázkům – opětovné použití, filtrace podle rozlišení.VodoznakKromě znalosti proč a jak, také vědět, jak jej vytvořit.TextyPsaní, formátování, typografie, pravidla.GMAIL základyNechceme vnucovat zrovna řešení od Google, věříme, že jsi spokojenější s jiným e-mail klientem, ale považujeme jej za standard a používáme jej stejně jako asi většina lidí v oboru. Takže doporučujeme umět jej používat, znát záložky, umět nastavit podpis do patky, nastavit přesměrování pošty, filtry.Google AnalyticsBez statistik do webů nelez FTPUmět se připojit, nahrát soubor, změnit práva souboru.Konzole v prohlížečiUmět aktivovat, najít rychle prvek, případně si umět zkušebně změnit obsah, abyste se podívali, jak bude změna vypadat, než jí provedeš.WordPressIdeální je, když si zkusíte a umíte vytvořit web například v tomto systému.Komunikace na dálkuUmět se spojit s kýmkoliv s využitím sdílení obrazovky. Jaký program znáš?Plánování časuPlánovat čas alespoň s využitím kalendáře. Kam dále?  Sleduj nás na Facebooku, dozvíš se tak rychleji o pokračování.Zajímáš se o tvorbu webů a chceš se něco naučit? Pokud tyhle věci znáš, podívej se na volné pozice v sekci kariéra. Případně, co všechno se naučíš například na stáži kodéra.Napadají tě další pojmy nebo nástroje pro začátečníky, které nám zde chybí? Napiš nám je na vataha@antstudio vyřešíme za vás Potřebujete pomoc s napsáním titulku a popisku pro váš web? Kontaktovat Mraveniště /*! elementor - v3.16.0 - 20-09-2023 */ .elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:"";border-bottom:0;flex-grow:1;border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)}

projít na článek

Responzivní weby jsou v Googlu zvýhodněny

Za posledn roky se zv ilo použ v n mobiln ch technologi o v ce než 70 %. Surfov n na poč tač ch či notebooc ch přeb raj mobiln telefony a tablety. Roboti fulltextov ch vyhled vačů reaguj na tento trend a upřednostňuj weby, kter maj responzivn

projít na článek

Známé weby postavené na WordPressu

Občas se nás klienti ptají, jaké jsou známé weby postavené na WordPressu. Ať už v Česku, nebo ve světě. Ano, je to příjemný pocit, vědět, že například webová stránka Bílého domu ve Washingtonu běží na stejném jádru, jako Vaše firma Proto jsme se rozhodli

projít na článek

Tématické weby, originální články

Pokud patříte k lidem, kteří sledují vývoj na internetu, pak jste si zcela jistě všimli změn, zejména pak u vyhledávače Google. Tento vyhledávač začal v nemalé míře penalizovat tzv. PR weby, které šíří velké množství PR článků, často duplicitních. S rosto

projít na článek

Čas dovolených

Žijeme ve velmi rychlé době a podle toho se i chováme. Internet nás již velmi ovlivňuje a dokáže nás i nepřímo nasměrovat ke svým zájmům, tedy zájmům jedince či společnosti, která o to má zájem. Je mnoho možností a variant jak si na internetu vybrat svoji

projít na článek

Tvoříme weby pro mobily, tablety ipočítače

Donec iaculis gravida nulla. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Maecenas aliquet accumsan leo. Suspendisse nisl. Etiam neque. Pellentesque sapien. Nullam dapibus ferment

projít na článek