{"id":34627,"date":"2023-03-14T17:00:05","date_gmt":"2023-03-14T17:00:05","guid":{"rendered":"http:\/\/veolay.com\/rozdil-mezi-webovou-strankou-a-webem\/"},"modified":"2023-03-14T17:00:05","modified_gmt":"2023-03-14T17:00:05","slug":"rozdil-mezi-webovou-strankou-a-webem","status":"publish","type":"post","link":"https:\/\/veolay.com\/cs\/rozdil-mezi-webovou-strankou-a-webem\/","title":{"rendered":"Rozd\u00edl mezi webovou str\u00e1nkou a webem"},"content":{"rendered":"<p><!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\"><br \/>\n<?xml encoding=\"utf-8\" ?><html><body><\/p>\n<div class=\"elementor-row\">\n<div class=\"elementor-element elementor-element-4de0e3a elementor-column elementor-col-100 elementor-top-column\" data-id=\"4de0e3a\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap  elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-146e6d3 elementor-widget elementor-widget-image\" data-id=\"146e6d3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-image\">                 <img decoding=\"async\" width=\"100\" height=\"100\" src=\"http:\/\/veolay.com\/wp-content\/uploads\/2020\/02\/videoimage1.png\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"http:\/\/veolay.com\/wp-content\/uploads\/2020\/02\/videoimage1.png?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 1872w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/02\/videoimage1-300x283.png?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 300w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/02\/videoimage1-1024x965.png?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 1024w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/02\/videoimage1-768x724.png?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 768w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/02\/videoimage1-1536x1447.png?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 1536w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/02\/videoimage1-155x146.png?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 155w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/02\/videoimage1-50x47.png?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 50w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/02\/videoimage1-80x75.png?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 80w\" sizes=\"(max-width: 1872px) 100vw, 1872px\"><\/div><\/div><\/div>\n<div class=\"elementor-element elementor-element-f74898b elementor-widget elementor-widget-spacer\" data-id=\"f74898b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-spacer\">\n<div class=\"elementor-spacer-inner\"><\/div><\/div><\/div><\/div>\n<div class=\"elementor-element elementor-element-3857282d elementor-widget elementor-widget-text-editor\" data-id=\"3857282d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Jeremy a Samantha byli p&#345;ipraveni spustit sv&#367;j startup. <\/font><font style=\"vertical-align: inherit;\">M&#283;li p&#345;ipraven&yacute; produkt a um&iacute;st&#283;n&iacute; kancel&aacute;&#345;e bylo dokon&#269;eno.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Tehdy se jich Jeremyho p&#345;&iacute;tel zeptal, zda maj&iacute; sv&eacute; webov&eacute; str&aacute;nky aktivn&iacute; nebo ne. <\/font><font style=\"vertical-align: inherit;\">A tady se to pro duo stalo matouc&iacute;m. <\/font><font style=\"vertical-align: inherit;\">Pot&#345;ebovali webovou str&aacute;nku nebo web? <\/font><font style=\"vertical-align: inherit;\">A jak&yacute; p&#345;esn&#283; byl rozd&iacute;l mezi webovou str&aacute;nkou a webem?<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Net&#345;eba dod&aacute;vat, &#382;e museli posunout datum uveden&iacute; na trh. <\/font><font style=\"vertical-align: inherit;\">A pokud byste byli v jejich k&#367;&#382;i, zarazila by v&aacute;s tak&eacute; diskuse o webov&eacute; str&aacute;nce vs. <\/font><font style=\"vertical-align: inherit;\">To je jedna z ot&aacute;zek, kter&eacute; v&#283;t&scaron;ina lid&iacute; jen t&#283;&#382;ko porozum&iacute;, nato&#382; odpov&#283;d&#283;t.<\/font><\/font><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2590 size-full\" src=\"http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/settings-265131_640.jpg\" alt=\"\" width=\"640\" height=\"426\" srcset=\"http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/settings-265131_640.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 640w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/settings-265131_640-300x200.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 300w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/settings-265131_640-219x146.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 219w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/settings-265131_640-50x33.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 50w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/settings-265131_640-113x75.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 113w\" sizes=\"(max-width: 640px) 100vw, 640px\"><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Ale nebojte se, dnes jsme tu, abychom odstranili v&scaron;echny va&scaron;e pochybnosti! <\/font><font style=\"vertical-align: inherit;\">Pot&eacute;, co si projdete n&aacute;sleduj&iacute;c&iacute;, nebudete m&iacute;t absolutn&#283; &#382;&aacute;dn&yacute; probl&eacute;m s rozli&scaron;en&iacute;m mezi webovou str&aacute;nkou a webem. <\/font><font style=\"vertical-align: inherit;\">A co v&iacute;c, budete m&iacute;t tak&eacute; znalosti o webov&yacute;ch aplikac&iacute;ch.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Tak u&#382; nezdr&#382;ujme a pono&#345;me se rovnou dovnit&#345;.<\/font><\/font><\/p>\n<h4><span class=\"ez-toc-section\" id=\"What_A_Web_Page_Is\"><\/span><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Co je webov&aacute; str&aacute;nka<\/font><\/font><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Debata webov&aacute; str&aacute;nka vs. web je jist&#283; star&aacute;, ale ne ta, kterou nelze rychle vy&#345;e&scaron;it. <\/font><font style=\"vertical-align: inherit;\">Ve skute&#269;nosti prim&aacute;rn&iacute; rozd&iacute;l mezi t&#283;mito dv&#283;ma spo&#269;&iacute;v&aacute; v jejich definic&iacute;ch.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Webov&aacute; str&aacute;nka je digit&aacute;ln&iacute; dokument, kter&yacute; se nach&aacute;z&iacute; na celosv&#283;tov&eacute; s&iacute;ti. <\/font><font style=\"vertical-align: inherit;\">Webov&eacute; str&aacute;nky jsou z&aacute;kladn&iacute;mi stavebn&iacute;mi kameny internetu, kter&yacute; nen&iacute; ni&#269;&iacute;m jin&yacute;m ne&#382; souborem vz&aacute;jemn&#283; propojen&yacute;ch webov&yacute;ch str&aacute;nek. <\/font><font style=\"vertical-align: inherit;\">Tyto webov&eacute; str&aacute;nky jsou vz&aacute;jemn&#283; propojeny pomoc&iacute; hypertextov&yacute;ch odkaz&#367;, tj. textu, kter&yacute; m&#367;&#382;e interaktivn&#283; reagovat na akce u&#382;ivatele, jako je kliknut&iacute; my&scaron;&iacute;.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Webov&eacute; str&aacute;nky lze vytv&aacute;&#345;et pomoc&iacute; jazyka HTML (HyperText Markup Language) spolu s &#345;adou p&#345;idru&#382;en&yacute;ch technologi&iacute;, jako jsou CSS a Javascript. <\/font><font style=\"vertical-align: inherit;\">Zat&iacute;mco CSS upravuje vzhled webov&eacute; str&aacute;nky, Javascript d&aacute;v&aacute; str&aacute;nce trochu dynamiky (v&iacute;ce o tom pozd&#283;ji). <\/font><font style=\"vertical-align: inherit;\">Ka&#382;d&aacute; webov&aacute; str&aacute;nka je obvykle um&iacute;st&#283;na na webov&eacute;m serveru a lze k n&iacute; p&#345;istupovat pomoc&iacute; softwaru webov&eacute;ho prohl&iacute;&#382;e&#269;e.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Ka&#382;d&aacute; webov&aacute; str&aacute;nka se obvykle zam&#283;&#345;uje na jedno t&eacute;ma a m&#367;&#382;e obsahovat text, obr&aacute;zky a tak&eacute; audio a video klipy. <\/font><font style=\"vertical-align: inherit;\">Je to program prohl&iacute;&#382;e&#269;e, kter&yacute; je zodpov&#283;dn&yacute; za &#269;ten&iacute; a vykreslov&aacute;n&iacute; webov&eacute; str&aacute;nky na obrazovce po&#269;&iacute;ta&#269;e a d&aacute;v&aacute; j&iacute; formu srozumitelnou pro n&aacute;s lidi.<\/font><\/font><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2591 size-large\" src=\"http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/code-1689066_1920-1024x683.jpg\" alt=\"\" width=\"1024\" height=\"683\" srcset=\"http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/code-1689066_1920-1024x683.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 1024w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/code-1689066_1920-300x200.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 300w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/code-1689066_1920-768x512.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 768w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/code-1689066_1920-1536x1024.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 1536w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/code-1689066_1920-219x146.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 219w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/code-1689066_1920-50x33.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 50w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/code-1689066_1920-113x75.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 113w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/code-1689066_1920.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Ale pokud je toto v&scaron;e mo&#382;n&eacute; na webov&eacute; str&aacute;nce, k &#269;emu je potom pot&#345;eba web? <\/font><font style=\"vertical-align: inherit;\">To je p&#345;esn&#283; to, co budeme d&aacute;le zkoumat.<\/font><\/font><\/p>\n<h4><span class=\"ez-toc-section\" id=\"What_Is_A_Website\"><\/span><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Co Je Webov&aacute; str&aacute;nka<\/font><\/font><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Pokud je webov&aacute; str&aacute;nka nejmen&scaron;&iacute; samostatnou jednotkou, kterou lze na web um&iacute;stit, pak webov&eacute; str&aacute;nky nejsou ni&#269;&iacute;m jin&yacute;m ne&#382; sb&iacute;rkou vz&aacute;jemn&#283; propojen&yacute;ch webov&yacute;ch str&aacute;nek, na kter&eacute; lze odkazovat jedn&iacute;m jm&eacute;nem. <\/font><font style=\"vertical-align: inherit;\">Tento n&aacute;zev, ozna&#269;ovan&yacute; jako n&aacute;zev dom&eacute;ny, je online adresa webov&eacute; str&aacute;nky, kterou nav&scaron;t&#283;vujete, nap&#345;&iacute;klad www.example.com.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Nyn&iacute; je t&#345;eba ch&aacute;pat, &#382;e mnoho stejn&yacute;ch technologi&iacute;, kter&eacute; se pou&#382;&iacute;vaj&iacute; k vytv&aacute;&#345;en&iacute; webov&yacute;ch str&aacute;nek, se tak&eacute; pou&#382;&iacute;v&aacute; k vytv&aacute;&#345;en&iacute; webov&yacute;ch str&aacute;nek. <\/font><font style=\"vertical-align: inherit;\">Jde v&scaron;ak o to, &#382;e vytvo&#345;en&iacute; jedn&eacute; nebo dokonce n&#283;kolika str&aacute;nek m&#367;&#382;e snadno prov&eacute;st ka&#382;d&yacute; jednotlivec, ale vytvo&#345;it web je &uacute;pln&#283; jin&aacute; v&yacute;zva.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Vytvo&#345;en&iacute; webu vy&#382;aduje koordinovan&eacute; &uacute;sil&iacute;, kter&eacute; m&#367;&#382;e vz&iacute;t v &uacute;vahu slo&#382;itou architekturu webu. <\/font><font style=\"vertical-align: inherit;\">Pokud tedy pot&#345;ebujete webovou str&aacute;nku, zavolejte profesion&aacute;ln&iacute; webov&eacute; v&yacute;voj&aacute;&#345;e, kte&#345;&iacute; se o tento &uacute;kol postaraj&iacute; za v&aacute;s. <\/font><font style=\"vertical-align: inherit;\">Pak ale vyvst&aacute;v&aacute; ot&aacute;zka, jak porozum&#283;t tomu, kdy je webov&aacute; str&aacute;nka pot&#345;eba a kdy webov&aacute; str&aacute;nka posta&#269;&iacute;? <\/font><font style=\"vertical-align: inherit;\">To je to, co budeme d&aacute;le zkoumat.<\/font><\/font><\/p>\n<h4><span class=\"ez-toc-section\" id=\"When_To_Use_Which\"><\/span><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Kdy pou&#382;&iacute;t kter&yacute;<\/font><\/font><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Tradi&#269;n&#283; se p&#345;edpokl&aacute;d&aacute;, &#382;e ka&#382;d&aacute; webov&aacute; str&aacute;nka obsahuje informace pouze o jednom t&eacute;matu. <\/font><font style=\"vertical-align: inherit;\">Nacp&aacute;n&iacute; p&#345;&iacute;li&scaron; velk&eacute;ho mno&#382;stv&iacute; informac&iacute; na stejnou str&aacute;nku m&#367;&#382;e po&scaron;kodit jej&iacute; pou&#382;itelnost a u&#269;init ji ne&uacute;&#269;innou.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Z toho plyne pot&#345;eba webov&yacute;ch str&aacute;nek, kter&eacute; rozd&#283;luj&iacute; informace, kter&eacute; maj&iacute; b&yacute;t prezentov&aacute;ny, a dr&#382;&iacute; je pohromad&#283; jako soubor webov&yacute;ch str&aacute;nek. <\/font><font style=\"vertical-align: inherit;\">Webov&eacute; str&aacute;nky jsou velk&eacute; konglomer&aacute;ty jednotliv&yacute;ch webov&yacute;ch str&aacute;nek, kter&eacute; jsou sv&aacute;z&aacute;ny pomoc&iacute; spole&#269;n&eacute;ho vl&aacute;kna, tj. n&aacute;zvu dom&eacute;ny. <\/font><font style=\"vertical-align: inherit;\">D&iacute;ky tomu je reprezentace informac&iacute; koherentn&#283;j&scaron;&iacute; a strukturovan&#283;j&scaron;&iacute;.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Abychom uvedli v&#283;ci na pravou m&iacute;ru, zva&#382;te p&#345;&iacute;klad Amazonu. <\/font><font style=\"vertical-align: inherit;\">Nyn&iacute;, se &scaron;irokou &scaron;k&aacute;lou produkt&#367;, je web Amazon rozd&#283;len na samostatn&eacute; produktov&eacute; str&aacute;nky pro ka&#382;dou polo&#382;ku, kterou nab&iacute;z&iacute;. <\/font><font style=\"vertical-align: inherit;\">Ale co kdy&#382; se spole&#269;nost jednoho dne rozhodla shrnout v&scaron;echny sv&eacute; nab&iacute;dky na jedinou webovou str&aacute;nku?<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">M&aacute;&scaron; pravdu! <\/font><font style=\"vertical-align: inherit;\">To by prost&#283; nebylo mo&#382;n&eacute;. <\/font><font style=\"vertical-align: inherit;\">A v tom se skr&yacute;v&aacute; odpov&#283;&#271; na ot&aacute;zku, kdy pou&#382;&iacute;t webovou str&aacute;nku a kdy webovou str&aacute;nku. <\/font><font style=\"vertical-align: inherit;\">Pokud je mno&#382;stv&iacute; informac&iacute;, kter&eacute; pot&#345;ebujete reprezentovat, mal&eacute;, jako je v&aacute;&scaron; profil, posta&#269;&iacute; jedna webov&aacute; str&aacute;nka. <\/font><font style=\"vertical-align: inherit;\">Pokud v&scaron;ak existuje zna&#269;n&eacute; mno&#382;stv&iacute; informac&iacute;, o kter&eacute; je t&#345;eba se postarat, nejlep&scaron;&iacute;m zp&#367;sobem by byla &uacute;pln&aacute; webov&aacute; str&aacute;nka.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Mo&#382;n&aacute; si te&#271; mysl&iacute;te, &#382;e rozd&iacute;l mezi webovou str&aacute;nkou a webem je vy&#345;e&scaron;en&hellip;ale po&#269;kejte, u&#382; jste sly&scaron;eli o debat&#283; o webov&eacute; aplikaci vs. <\/font><font style=\"vertical-align: inherit;\">Jak&yacute; je rozd&iacute;l mezi t&#283;mito dv&#283;ma?<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Nebojte se, to je p&#345;esn&#283; to, co budeme d&aacute;le &#345;e&scaron;it.<\/font><\/font><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Web_Application_Vs_Website\"><\/span><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Webov&aacute; aplikace vs. <\/font><font style=\"vertical-align: inherit;\">webov&aacute; str&aacute;nka<\/font><\/font><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Rozd&iacute;l mezi webovou str&aacute;nkou a webem ji&#382; zn&aacute;me. <\/font><font style=\"vertical-align: inherit;\">V&#283;d&#283;li jste ale, &#382;e samotn&eacute; webov&eacute; str&aacute;nky mohou b&yacute;t dvoj&iacute;ho druhu? <\/font><font style=\"vertical-align: inherit;\">Webov&eacute; str&aacute;nky lze obvykle klasifikovat jako statick&eacute; nebo dynamick&eacute;.<\/font><\/font><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2589 size-full\" src=\"http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/cyber-security-2776600_640.jpg\" alt=\"\" width=\"640\" height=\"360\" srcset=\"http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/cyber-security-2776600_640.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 640w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/cyber-security-2776600_640-300x169.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 300w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/cyber-security-2776600_640-260x146.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 260w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/cyber-security-2776600_640-50x28.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 50w,http:\/\/veolay.com\/wp-content\/uploads\/2020\/06\/cyber-security-2776600_640-133x75.jpg?_x_tr_sl=en&amp;_x_tr_tl=cs&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp 133w\" sizes=\"(max-width: 640px) 100vw, 640px\"><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Statick&yacute; web je web vytvo&#345;en&yacute; pomoc&iacute; technologi&iacute; jako HTML, CSS a JavaScript. <\/font><font style=\"vertical-align: inherit;\">Na t&#283;chto webov&yacute;ch str&aacute;nk&aacute;ch je obsah statick&yacute;, co&#382; znamen&aacute;, &#382;e se obsah s &#269;asem nem&#283;n&iacute;. <\/font><font style=\"vertical-align: inherit;\">U statick&yacute;ch str&aacute;nek jsou soubory HTML nahr&aacute;ny p&#345;&iacute;mo na server, kde z&#367;st&aacute;vaj&iacute; pro p&#345;&iacute;m&yacute; p&#345;&iacute;stup u&#382;ivatel&#367; prost&#345;ednictv&iacute;m webov&yacute;ch prohl&iacute;&#382;e&#269;&#367;.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Naproti tomu dynamick&yacute; web m&#283;n&iacute; sv&#367;j v&yacute;stup s &#269;asem, obvykle na z&aacute;klad&#283; interakce u&#382;ivatele. <\/font><font style=\"vertical-align: inherit;\">Dynamick&eacute; webov&eacute; str&aacute;nky jsou vytv&aacute;&#345;eny pomoc&iacute; skriptovac&iacute;ch technologi&iacute;, jako jsou PHP, ASP a JSP (abychom jmenovali alespo&#328; n&#283;kter&eacute;). <\/font><font style=\"vertical-align: inherit;\">Zde se webov&eacute; str&aacute;nky neukl&aacute;daj&iacute; staticky, ale generuj&iacute; je software na z&aacute;klad&#283; po&#382;adavk&#367; u&#382;ivatele.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">A webov&eacute; aplikace jsou nejlep&scaron;&iacute;mi p&#345;&iacute;klady dynamick&yacute;ch webov&yacute;ch str&aacute;nek. <\/font><font style=\"vertical-align: inherit;\">Na rozd&iacute;l od webov&yacute;ch str&aacute;nek, kter&eacute; slou&#382;&iacute; k zobrazen&iacute; n&#283;kter&yacute;ch informac&iacute;, jsou webov&eacute; aplikace v podstat&#283; software, ke kter&eacute;mu m&#367;&#382;ete snadno p&#345;istupovat prost&#345;ednictv&iacute;m prohl&iacute;&#382;e&#269;e. <\/font><font style=\"vertical-align: inherit;\">Nejv&yacute;razn&#283;j&scaron;&iacute; v&yacute;hodou pou&#382;&iacute;v&aacute;n&iacute; webov&eacute; aplikace je, &#382;e nemus&iacute;te nic instalovat p&#345;&iacute;mo na &#382;&aacute;dn&eacute; za&#345;&iacute;zen&iacute;.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">V&scaron;echny funkce a utility webov&eacute; aplikace jsou u&#382;ivateli dostupn&eacute; p&#345;&iacute;mo prost&#345;ednictv&iacute;m libovoln&eacute;ho webov&eacute;ho prohl&iacute;&#382;e&#269;e. <\/font><font style=\"vertical-align: inherit;\">To usnad&#328;uje pou&#382;&iacute;v&aacute;n&iacute; a poskytuje u&#382;ivateli v&#283;t&scaron;&iacute; flexibilitu. <\/font><font style=\"vertical-align: inherit;\">D&aacute;le jsou webov&eacute; aplikace nez&aacute;visl&eacute; na za&#345;&iacute;zen&iacute;, tj. m&#367;&#382;ete k nim p&#345;istupovat z libovoln&eacute;ho webov&eacute;ho prohl&iacute;&#382;e&#269;e na jak&eacute;mkoli za&#345;&iacute;zen&iacute;. <\/font><font style=\"vertical-align: inherit;\">Vynikaj&iacute;c&iacute;m p&#345;&iacute;kladem webov&eacute; aplikace jsou Dokumenty Google.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Rozost&#345;en&iacute; &#269;ar<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">I kdy&#382; jsme si jisti, &#382;e v&yacute;&scaron;e uveden&aacute; &#269;&aacute;st utlumila va&scaron;e dotazy t&yacute;kaj&iacute;c&iacute; se diskuse o webov&eacute; aplikaci vs. web, v posledn&iacute; dob&#283; se hranice mezi nimi st&aacute;le v&iacute;ce st&iacute;raj&iacute;. <\/font><font style=\"vertical-align: inherit;\">Blogovac&iacute; platformy, jako je WordPress, a giganti elektronick&eacute;ho obchodu, jako je Amazon, st&aacute;le v&iacute;ce kombinuj&iacute; schopnosti obou a vytv&aacute;&#345;ej&iacute; slu&#382;by, kter&eacute; l&eacute;pe uspokoj&iacute; pot&#345;eby spot&#345;ebitel&#367;.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Pot&#345;ebuji webovou aplikaci?<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">No, to z&aacute;le&#382;&iacute; na n&#283;kolika v&#283;cech. <\/font><font style=\"vertical-align: inherit;\">Pokud jste jednotlivec, kter&yacute; si chce vytvo&#345;it webovou str&aacute;nku s &#382;ivotopisem, pak nen&iacute; t&#345;eba hledat plnohodnotnou webovou aplikaci. <\/font><font style=\"vertical-align: inherit;\">Pro offline firmy m&#367;&#382;e b&yacute;t na za&#269;&aacute;tku cesta, kterou byste m&#283;li m&iacute;t na webov&yacute;ch str&aacute;nk&aacute;ch. <\/font><font style=\"vertical-align: inherit;\">Nezapome&#328;te si v&scaron;ak promluvit se sv&yacute;m v&yacute;voj&aacute;&#345;em, abyste se ujistili, &#382;e bude mo&#382;n&eacute; jej v budoucnu &scaron;k&aacute;lovat na webovou aplikaci.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Pro online obchody, jako jsou e-commerce obchody, by byla webov&aacute; aplikace vy&#382;adov&aacute;na hned od za&#269;&aacute;tku. <\/font><font style=\"vertical-align: inherit;\">Webov&eacute; aplikace dnes mohou spojovat funkce webov&yacute;ch str&aacute;nek a webov&yacute;ch aplikac&iacute; a vytv&aacute;&#345;et produktivn&#283;j&scaron;&iacute; u&#382;ivatelsk&eacute; zku&scaron;enosti, kter&eacute; zaji&scaron;&#357;uj&iacute; spokojenost spot&#345;ebitel&#367;.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Mohu to ud&#283;lat s&aacute;m?<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">To samoz&#345;ejm&#283; z&aacute;vis&iacute; na &uacute;rovni va&scaron;ich technick&yacute;ch znalost&iacute;. <\/font><font style=\"vertical-align: inherit;\">Webov&eacute; str&aacute;nky jsou jednoduch&eacute; v&#283;ci a po tro&scaron;e praxe s HTML a souvisej&iacute;c&iacute;mi technologiemi je m&#367;&#382;e rychle vytvo&#345;it ka&#382;d&yacute;.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Webov&eacute; str&aacute;nky, i kdy&#382; jsou slo&#382;it&#283;j&scaron;&iacute;, lze p&#345;esto zvl&aacute;dnout, pokud jste ost&#345;&iacute;len&yacute; program&aacute;tor s ur&#269;it&yacute;mi zku&scaron;enostmi. <\/font><font style=\"vertical-align: inherit;\">Webov&eacute; aplikace jsou je&scaron;t&#283; komplikovan&#283;j&scaron;&iacute; a vy&#382;aduj&iacute; znalost velk&eacute;ho mno&#382;stv&iacute; technologi&iacute; pro v&yacute;voj webu.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Krom&#283; toho webov&eacute; aplikace a v&#283;t&scaron;&iacute; webov&eacute; str&aacute;nky obvykle vy&#382;aduj&iacute; t&yacute;mov&eacute; &uacute;sil&iacute;, aby zvl&aacute;dly n&aacute;vrh front-endu a back-end k&oacute;dov&aacute;n&iacute;. <\/font><font style=\"vertical-align: inherit;\">Proto je nutn&eacute; najmout profesion&aacute;ly, aby byla pr&aacute;ce provedena spr&aacute;vn&#283; a v optim&aacute;ln&iacute;m &#269;asov&eacute;m r&aacute;mci.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Z&aacute;v&#283;r<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Douf&aacute;me, &#382;e se n&aacute;m poda&#345;ilo vy&#345;e&scaron;it v&scaron;echny va&scaron;e dotazy t&yacute;kaj&iacute;c&iacute; se webov&yacute;ch str&aacute;nek, web&#367; a webov&yacute;ch aplikac&iacute;. <\/font><font style=\"vertical-align: inherit;\">Stru&#269;n&#283; &#345;e&#269;eno, rozd&iacute;l mezi t&#283;mito t&#345;emi je o &uacute;rovni slo&#382;itosti a rozsahu pokryt&iacute;.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Z technologick&eacute;ho hlediska je webov&aacute; str&aacute;nka jednodu&scaron;e sou&#269;&aacute;st&iacute; webov&eacute; str&aacute;nky, co&#382; je v&yacute;znamn&#283;j&scaron;&iacute; soubor webov&yacute;ch str&aacute;nek. <\/font><font style=\"vertical-align: inherit;\">Webov&aacute; aplikace nen&iacute; nic jin&eacute;ho ne&#382; software, ke kter&eacute;mu lze p&#345;istupovat prost&#345;ednictv&iacute;m webov&eacute;ho prohl&iacute;&#382;e&#269;e.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Nicm&eacute;n&#283;, jak technologie postupuje, je st&aacute;le t&#283;&#382;&scaron;&iacute; pochopit rozd&iacute;l mezi t&#283;mito t&#345;emi. <\/font><font style=\"vertical-align: inherit;\">&#268;asem se mo&#382;n&aacute; stanou samotn&eacute; rozd&iacute;ly nadbyte&#269;n&yacute;mi.<\/font><\/font><\/p>\n<p><font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">Do t&eacute; doby bu&#271;te v kontaktu a proch&aacute;zejte web podle sv&yacute;ch p&#345;edstav!<\/font><\/font><\/p>\n<div>                 &nbsp;                <\/div><\/div><\/div><\/div>\n<div class=\"elementor-element elementor-element-2d2e00c2 elementor-widget elementor-widget-text-editor\" data-id=\"2d2e00c2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n<p><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jeremy a Samantha byli p&#345;ipraveni spustit sv&#367;j startup. M&#283;li p&#345;ipraven&yacute; produkt a um&iacute;st&#283;n&iacute; kancel&aacute;&#345;e bylo dokon&#269;eno. Tehdy se jich Jeremyho p&#345;&iacute;tel zeptal, zda maj&iacute; sv&eacute; webov&eacute;<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":28161,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[116],"tags":[],"yst_prominent_words":[],"class_list":["post-34627","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-www"],"_links":{"self":[{"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/posts\/34627"}],"collection":[{"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/comments?post=34627"}],"version-history":[{"count":0,"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/posts\/34627\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/media\/28161"}],"wp:attachment":[{"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/media?parent=34627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/categories?post=34627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/tags?post=34627"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/veolay.com\/cs\/wp-json\/wp\/v2\/yst_prominent_words?post=34627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}