[{"@context":"https:\/\/schema.org\/","@type":"Article","@id":"https:\/\/www.byrope.cz\/vyvoj-webu-k-responzivnimu-formatu\/#Article","mainEntityOfPage":"https:\/\/www.byrope.cz\/vyvoj-webu-k-responzivnimu-formatu\/","headline":"V\u00fdvoj web\u016f k responzivn\u00edmu form\u00e1tu","name":"V\u00fdvoj web\u016f k responzivn\u00edmu form\u00e1tu","description":"Webov\u00fdm str\u00e1nk\u00e1m, kter\u00e9 jsou p\u0159izp\u016fsobiteln\u00e9 pro v\u0161echna za\u0159\u00edzen\u00ed, jako jsou po\u010d\u00edta\u010de, laptopy s r\u016fznou \u0161\u00ed\u0159kou obrazovky, smartphony nebo […]","datePublished":"2018-02-28","dateModified":"2018-02-28","author":{"@type":"Person","@id":"https:\/\/www.byrope.cz\/author\/#Person","name":"","url":"https:\/\/www.byrope.cz\/author\/","identifier":1,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/163f6c65c8acab43fa062eaf19866aeb6d6c2adc4d5c2462700a89e6feec77a0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/163f6c65c8acab43fa062eaf19866aeb6d6c2adc4d5c2462700a89e6feec77a0?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"byrope.cz","logo":{"@type":"ImageObject","@id":"\/logo.png","url":"\/logo.png","width":600,"height":60}},"image":{"@type":"ImageObject","@id":"https:\/\/www.byrope.cz\/wp-content\/uploads\/img_a314182_w2415_t1524983517.jpg","url":"https:\/\/www.byrope.cz\/wp-content\/uploads\/img_a314182_w2415_t1524983517.jpg","height":0,"width":0},"url":"https:\/\/www.byrope.cz\/vyvoj-webu-k-responzivnimu-formatu\/","wordCount":395,"articleBody":" Webov\u00fdm str\u00e1nk\u00e1m, kter\u00e9 jsou p\u0159izp\u016fsobiteln\u00e9 pro v\u0161echna za\u0159\u00edzen\u00ed, jako jsou po\u010d\u00edta\u010de, laptopy s r\u016fznou \u0161\u00ed\u0159kou obrazovky, smartphony nebo tablety, se \u0159\u00edk\u00e1 responzivn\u00ed weby. Struktura t\u011bchto str\u00e1nek je navr\u017eena tak, aby bylo jejich prohl\u00ed\u017een\u00ed snadn\u00e9 pro v\u0161echny u\u017eivatele.  P\u0159edch\u016fdci Je\u0161t\u011b ne\u017e byl tento form\u00e1t vyvinut, weby \u0161lo na men\u0161\u00edch za\u0159\u00edzen\u00edch prohl\u00ed\u017eet tak\u00e9, ale jejich \u010dten\u00ed bylo obt\u00ed\u017en\u011bj\u0161\u00ed. Jen si to p\u0159edstavte, velk\u00e1 str\u00e1nka, tis\u00edce p\u00edsmen a tohle v\u0161echno m\u00e1te p\u0159e\u010d\u00edst v mobiln\u00edm telefonu s \u00fahlop\u0159\u00ed\u010dkou 4 palce. U\u017eivatel\u00e9 se na t\u011bchto str\u00e1nk\u00e1ch snadno ztr\u00e1celi. Proto tak\u00e9 za\u010dali v\u00fdvoj\u00e1\u0159i uva\u017eovat nad t\u00edm, jak tento probl\u00e9m vy\u0159e\u0161it. Zhruba p\u0159ed deseti lety se za\u010dali objevovat prvn\u00ed webov\u00e9 str\u00e1nky, kter\u00e9 pou\u017e\u00edvali tzv. zjednodu\u0161en\u00e9ho prohl\u00ed\u017een\u00ed pro mobiln\u00ed telefony a tablety, kde byl up\u0159ednostn\u011bn text p\u0159ed obr\u00e1zky. Princip byl jednoduch\u00fd. V po\u010d\u00edta\u010di se zobrazil klasick\u00fd web se standardn\u00ed URL adresou, ale v mobiln\u00edm za\u0159\u00edzen\u00ed se adresa p\u0159esm\u011brovala na dom\u00e9nu druh\u00e9ho \u0159\u00e1du s p\u0159edponou ozna\u010denou p\u00edsmenem \u201em\u201c. Obsah byl identick\u00fd, jen druh\u00e1 varianta byla p\u0159\u00edv\u011btiv\u00e1 pro mal\u00e9 displeje. Na tyto str\u00e1nky m\u016f\u017eete narazit je\u0161t\u011b dnes, ale sp\u00ed\u0161e v\u00fdjime\u010dn\u011b.  HTML5 Roz\u0161\u00ed\u0159en\u00ed nejmodern\u011bj\u0161\u00edho jazyka pro tvorbu webov\u00fdch str\u00e1nek p\u0159ineslo v\u00fdvoj\u00e1\u0159\u016fm nov\u00e9 mo\u017enosti. Tou hlavn\u00ed byla pr\u00e1v\u011b responzibilita. V HTML5 mohou str\u00e1nky b\u011b\u017eet na jedn\u00e9 dom\u00e9n\u011b a u\u017eivatel\u016fm se jejich obsah p\u0159izp\u016fsob\u00ed dle pou\u017eit\u00e9ho za\u0159\u00edzen\u00ed. Str\u00e1nky se chovaj\u00ed podobn\u011b jako Tetris a p\u0159izp\u016fsobuj\u00ed se zobrazovan\u00e9 plo\u0161e.  SEO Weby optimalizovan\u00e9 pro mobiln\u00ed za\u0159\u00edzen\u00ed a b\u011b\u017e\u00edc\u00ed na protokolu HTML5 jsou up\u0159ednost\u0148ov\u00e1ny vyhled\u00e1va\u010di. Takov\u00e9 str\u00e1nky jsou p\u0159\u00edv\u011btiv\u00e9 pro v\u0161echny u\u017eivatele, a proto se setk\u00e1v\u00e1me pouze sporadicky se star\u0161\u00edmi form\u00e1ty. Nejmodern\u011bj\u0161\u00ed weby jsou rolovac\u00ed a jejich obsah je systematicky uspo\u0159\u00e1d\u00e1n od nejnov\u011bj\u0161\u00edho po star\u0161\u00ed. Web je tak dob\u0159e ovl\u00e1d\u00e1n i na men\u0161\u00edch smartphonech.                                                                                                                                                                                                                                                                                                                                                                                                 "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"V\u00fdvoj web\u016f k responzivn\u00edmu form\u00e1tu","item":"https:\/\/www.byrope.cz\/vyvoj-webu-k-responzivnimu-formatu\/#breadcrumbitem"}]}]