Web a mobil

Tvorba web stránok a webdesign, IT poradenstvo.

Tvorba web stránok a webdesign 

Marek Sarvaš

Možno potrebujete vytvoriť internetovú stránku alebo redizajn web stránky pre vašu firmu alebo pre  svoju osobnú potrebu, práve takouto činnosťou sa zaoberám.  Vytvorenie webovej stránky je náročný proces a  nechcem Vás zaťažovať zložitými technickými záležitosťami – všetko zariadim za Vás.  Našim spoločným cieľom je funkčnosť, rýchlosť, prehľadnosť a SEO (Search Engine Optimization) optimalizácia pre internetové vyhľadávače.

Medzi moje osobnostné vlastnosti patrí tvorivosť, zodpovednosť, pozitívny prístup k riešeniu problémov a schopnosť pre tímovú spoluprácu. Obzvlášť intenzívne sa venujem zavádzaniu OpenSource (slobodný software) aplikácií kde je možná obrovská úspora financií oproti komerčným produktom.
 

e-mail Táto e-mailová adresa je chránená pred spamovacími robotmi. Na jej zobrazenie potrebujete mať nainštalovaný JavaScript.
skype: marek.sarvas
tel: 0949 / 643 043
   
.
skcsende
  • tvotba web stránok
  • tvotba web stránok

Tvorba webových stránok

Tvorba webových stránokZhotovím Vám moderné webové stránky s responzivním dizajnom a s redakčným systémom pre vlastnú správu obsahu. On-page SEO a https zabezpečenie je samozrejmosť.

Redesign webových stránok

Redesign webových stránokRedesign webových stránok je vhodný v prípade, že už svoje stránky máte, ale potrebujete inovovať ich vzhľad alebo ak ich chcete rozšíriť o nové užitočné funkcie.

E-shopy & katalógy

E-shopy & katalógyE-shopy, s ktorými sa veľmi dobre pracuje a splnia všetky vaše očakávania. Zvládnem tiež galérie, rezervačné stránky alebo ďalšie, rozsiahlejšie projekty.

 

 Výraz responzívne dizajn je pomerný mladý. Prvýkrát ho použil americký programátor Ethan Marcotte v článku na blogu A List Apart 25. mája 2010.

 

HTTP://ALISTAPART.COM/ARTICLE/RESPONSIVE-WEB-DESIGN

Počas 3 rokov vstúpil do povedomia väčšiny internetových vývojárov a stal sa z neho de facto štandard súčasných webov.

Užívatelia internetu v dnešnej dobe nepristupujú len prostredníctvom svojho počítača. Masívne narástlo množstvo užívateľov pristupujúcich k webových stránkam skrze mobilné telefóny a tablety. Pomaly internet vniká aj do obývačky, kde sú opäť iné - špecifické požiadavky na zobrazenie webov.

Niektoré zdroje uvádzajú dokonca až 50% prístupov k internetovým stránkam cez mobilné telefóny.

Ľudia si rýchlo zvykajú informácie hľadať kedykoľvek a kdekoľvek sa práve nachádzajú a mobilný telefón s dátovou tarifou tento účel verne poslúži. Nezdráhajú sa dokonca aj nakupovať. Preto sa prispôsobenie webových stránok týmto zariadeniam stáva nutnosti, ak na internete hodláte zarábať.

 

ZÁSADY RESPONZIVNÍHO DIZAJNU

Responzívne webdesign spočíva v dodržiavaní niekoľkých pravidiel.

Šírka objektov v percentách. U responzivneho dizajnu sa nezapisuje šírka objektov v pixeloch, ale v percentách. Tento krok je logický vzhľadom na to, že web nie je určený pre konkrétne rozlíšenie, ale má sa prispôsobiť rozlíšenie koncového zariadenia. Šírka vonkajšieho okraja webe sa určí ako percento z celkovej šírky prehliadača a všetky vnorené elementy potom majú percentuálny šírku rodičovského elementu, v ktorom sa nachádzajú.
Rozloženie elementov na stránke Každá webová stránka sa skladá z blokov. V prvej úrovni sa jedná o hlavičku, telo a pätičku. Tieto potom ďalej obsahujú napr. Hlavné menu ponuku, prepínač jazyka, hlavné obsahový blok, postranný panel atď. Rozmiestnenie týchto blokov musí reagovať na rozlíšenie prehliadača. Typicky bloky, ktoré sú na počítači zobrazené vedľa seba sa na mobilnom telefóne zobrazí pod sebou. Užívateľ tak nemusel web posúvať do strán, ale len hore a dole, ako je zvyknutí.

Veľkosť obrázkov Obrázky sú z pohľadu rôznych zariadení s rôzne kvalitným pripojením k internetu problematické. Na počítači s rýchlym pripojením budete chcieť zobraziť obrázok vo vysokom rozlíšení. Naopak, na mobilnom telefóne s horším pripojením a dátovým limitom budete vyžadovať zobrazenie malý obrázkov. Tento obrázok musí byť zmenšený už na serveri, aby nedochádzalo k nadmernému prenosu dát. V praxi sa potom používajú rôzne veľkosti obrázka s popisom rozlíšenie a prehliadač si jednoducho sám vyberie, ktorý obrázok zo servera stiahne.

Ovládanie webových stránok Ač tento faktor úplne nepatrí do kategórie responzivního dizajnu, môže sa na účinnosti webových stránok prejaviť najviac. Či sa jedná a nemožnosť ovládať niektoré prvky webu na dotykovom zariadení alebo o problematickom stlačení tlačidla z dôvodu jeho malej velkosti. V oboch prípadoch sa jedná o hrubé chyby spôsobujúce odliv zákazníkov ku konkurencii. Tento nešvár je riešiteľný v celku jednoducho, použitím natívnych ovládacích prvkov.

 


MOBILNÝ FIREFOX


Ďalšou možnosťou ako prispôsobiť prezeranie webových stránok mobilným zariadením je vytvorenie tzv. Mobilná verzia webu. To je de facto úplne oddelená časť stránok. Typicky sa umiestňuje na subdoménu m.domena.cz. U responzivního dizajnu prehliadač stiahne zo servera vždy rovnakú stránku, ktorá iba inak zobrazuje. Oproti tomu u mobilnej verzie stránok sa kód, ktorý vám server poskytuje, môže výrazne líšiť. Chýba tak väčšinou niektoré funkcie.

Toto riešenie je vhodné použitý u veľa zložitých webov, ako sú spravodajské denníky, zložitejšie aplikácie, ktoré by bolo veľmi ťažké vytvoriť responzívne. Vždy je potrebné si dopredu definovať aké funkcie bude mať klasická, tzv. Desktopová verzia stránok a aké bude mať mobilný.

Problém rozdelenie na desktopovú a mobilnej verzii však väčšinou nie je dobré riešenie, pretože nie je vhodné napr. Pre tablety alebo phablet, teda "prerastené" mobilné telefóny.

Množstvo typov zariadení stále narastá a správny web by mal byť použiteľný jednoducho na všetkých zariadeniach. Jedine tak nebude prichádzať o zákazníkov.

 responzívny dizajn

 


 

UPOZORNENIE

Tento web nezhromažďuje žiadne osobné informácie, pre analýzu návštevnosti používa súbory cookies od spoločnosti Google. Pre ďalšie použítie tohoto webu, potvdte prosím súhlas.   Viac informácií o cookies...

Súhlasím

Zásady používania cookies na  webových stránkach umiestnených na adrese https://www.mareksarvas.sk a https://www.vyroba-stranok.sk informujú užívateľov o využívaní týchto súborov a im podobných, ktoré upravuje smernica EÚ 2002/58/ES o súkromí a elektronických komunikáciách.

Súbory cookie
S cieľom zabezpečiť riadne fungovanie tejto webovej lokality ukladáme na vašom zariadení malé dátové súbory, tzv. cookie. Je to bežná a užitočná prax väčšiny veľkých webových lokalít. Pokračovaním v prezeraní našich stránok bez zmeny nastavení cookies vo vašom prehliadači vyjadrujete súhlas s ukladaním cookies na vašom zariadení. Podrobnosti o odvolaní súhlasu sú uvedené nižšie v časti „ako kontrolovať súbory cookie“.

Čo sú súbory cookie?
Súbor cookie je malý textový súbor, ktorý webová lokalita ukladá vo vašom počítači alebo mobilnom zariadení pri jej prehliadaní. Vďaka tomuto súboru si webová lokalita na určitý čas uchováva informácie o vašich krokoch a preferenciách (napríklad jazyk, veľkosť písma a iné nastavenia zobrazovania), takže pri prehliadaní jej jednotlivých stránok ich nemusíte opätovne uvádzať.

Ako používam súbory cookie?
Na stránkach používam cookies v rámci služby Google Analytics, Google AdWords a systému SCR Gate Way, ktoré nám pomáhajú prispôsobiť stránku vašim potrebám. Vaše súkromie je pre nás dôležité, a preto sú všetky tieto údaje anonymné a o užívateľovi nezaznamenávajú žiadne osobné údaje, ani údaje, ktoré by mohli viesť k identifikácii jeho osoby. Tieto údaje sú využívané len na štatistické, technické a marketingové účely.

Google Analytics - tieto súbory cookies patria do kategórie analytických, ktoré slúžia na vytváranie anonymných prehľadov o obľúbenosti a návštevnosti jednotlivých stránok.  Vygenerované informácie sú uložené ako anonymná štatistika v spoločnosti Google, bez možnosti priradenia ku konkrétnej osobe.

Google Adwords - tieto súbory cookies nám pomáhajú spoznať vás pri návrate na stránku a umožňujú nám upraviť vám stránku na mieru a ponúknuť vám zacielené ponuky podľa vašich záujmov. Používajú sa aj na obmedzenie počtu zobrazení reklamy a ako pomoc pri meraní efektivity reklamných kampaní.

SCR Gate Way - tieto súbory cookies sú zavedené v rámci systému administrácie stránok spoločnosti. Tieto cookies ukladajú preferencie užívateľského rozhrania. Vďaka nim váš prehliadač dokáže rozpoznať, či máte funkčný Java Script, grafické preferencie, ako napríklad rozloženie a veľkosť. Využívanie týchto cookies vám pomáha komfortnejšie prehliadať naše webové stránky.  Spoločnosť Europa SC, a.s. tieto údaje nevyužíva v žiadnych interných štatistikách. SCR Gate Way cookies patria do kategórie funkčných.

Cookies nepoužívam na žiadne iné účely ako sú uvedené vyššie. Jednotlivé údaje sú sprístupnené len pre mňa, oprávneného správcu webových stránok.

Ako kontrolovať súbory cookie
Súbory cookie, ktoré používame na našich stránkach, sú trvalé a dočasné. Trvalé cookies ostávajú vo vašom zariadení aj po opustení našich stránok, dočasné sa vymažú po ukončení návštevy/zavretí prehliadača. Všetky cookies môžete kontrolovať a/alebo zmazať podľa uváženia. Môžete vymazať všetky súbory cookie uložené vo svojom počítači alebo inom zariadení a väčšinu prehliadačov môžete nastaviť tak, aby ste im znemožnili ich ukladanie. Návod na blokovanie a zmazanie cookies nájdete na domovských stránkach vašich prehliadačov. Podrobnosti o odstraňovaní a odmietaní súborov cookie a ďalšie informácie o týchto súboroch nájdete aj na webovej lokalite www.aboutcookies.org alebo www.allaboutcookies.org.

Informácie o používaní súborov cookie v prehľadávačoch v mobilných telefónoch a podrobnosti o odmietnutí a odstránení takýchto súborov cookie nájdete v príručke k vášmu telefónu alebo tabletu. Po blokovaní súborov cookie budete môcť aj naďalej navštevovať moje stránky, avšak niektoré funkcie nemusia fungovať správne. Zároveň sa nebudú ukladať vaše preferované nastavenia webovej lokality, nebudem môcť analyzovať návštevnosť mojich stránok a prispôsobovať ich nastavenia potrebám užívateľov.

 

https

 

 

 

 

Web Hosting