Vytvárame WWW stránky / 9. časť

Ako na to

15.6.2016

Späť na úvod >> Späť na seriál Tentoraz si povieme niečo o rámoch (frames), o ich výhodách i nevýhodách a základoch práce s nimi. Rámy prinášajú veľa výhod, na druhej strane však môžu spôsobovať problémy. Do jazyka HTML však rozhodne patria, a preto im je venovaná táto časť seriálu. Rámy umožňujú rozdeliť WWW stránku do niekoľkých navzájom nezávislých okien. V jednej časti tak môže byť napríklad navigačný panel, v druhej reklama a v tretej samotný obsah. Všetko si vysvetlíme na nasledujúcom príklade: Dokument s rámami <P>Váš prehliadač nepodporuje rámce. Ich obsah si však môžete prezrieť pomocou nasledujúcich odkazov: <UL> <LI><A href="prvy_ram.htm">Od ... <div class="box links text-center"> <i class="fas fa-lock fa-2x"></i> <br> <span class="t">Článok je uzamknutý</span> <br> <br> <div class="row"> <div class="col-lg-12"> <p> Pokračovanie článku patrí k prémiovému obsahu pre predplatiteľov. S digitálnym predplatným už od 10 € získate neobmedzený prístup k uzamknutému obsahu na celý rok. <a href="/produkty">Objednať si ho môžete TU</a>. Ak ho už máte <a href="/login">prihláste sa TU</a> </p> </div> </div> <br> <a href="/login" class="btn btn_red">Prihlásiť pomocou členstva NEXTECH</a> </div> </div> </article> <section class="author"> <div class="left">  <div class="text"> <p class="name">Igor Kulman</p>  </div> </div> <a href="/clanky/author/Igor+Kulman" class="button small">Všetky autorove články</a> </section> <section class="article-nav"> <a class="left arrow-wrap" rel="prev" href="/a/Orange--Hitparada-mobilov-za-jun-2016" title="Orange: Hitparáda mobilov za jún 2016"> <span class="icon"> <i class="fas fa-chevron-left"></i> </span> <span class="text"> <span class="arrow"> Previous post </span> <span class="name">Orange: Hitparáda mobilov za jún 2016</span> </span> </a> <a class="right arrow-wrap" rel="next" href="/a/Europski-ministri-zodpovedni-za-konkurencieschopnost-vyzyvaju-na-podporu-novej-generacie-vedcov" title="Európski ministri zodpovední za konkurencieschopnosť vyzývajú na podporu novej generácie vedcov "> <span class="text"> <span class="arrow"> Next post </span> <span class="name">Európski ministri zodpovední za konkurencieschopnosť vyzývajú na podporu novej generácie vedcov </span> </span> <span class="icon"> <i class="fas fa-chevron-right"></i> </span> </a> </section> <section class="tags"> <a href="/clanky/tag_search/www">www</a> <a href="/clanky/tag_search/serial">seriál</a> <a href="/clanky/tag_search/vytvarame">vytvarame</a> </section>  <div id="engerio-widget-horizontal-d0cd8182-ff1e-4945-a1ad-fff93abb6bdd" data-eWidget="d0cd8182-ff1e-4945-a1ad-fff93abb6bdd" data-eType="horizontal" data-eListener="true"></div> <div style="height:20px"></div> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Article", "mainEntityOfPage" : "True", "headline" : "Vytvárame WWW stránky / 9. časť", "image" : { "@type" : "ImageObject", "url" : "https://www.nextech.sk/files/photo/2016-07/17240/8f63a9/titulka.jpg" }, "url" : "https://www.nextech.sk/a/Vytvarame-WWW-stranky---9--cast", "discussionURL" : "https://www.nextech.sk/a/Vytvarame-WWW-stranky---9--cast#comments", "inLanguage" : "sk", "articleSection": "Ako na to", "datePublished" : "2016-06-15T00:00:00+0000", "dateModified" : "2024-04-23T06:26:11+0000", "author" : { "@type" : "Person", "name" : "Igor Kulman", "url" : "https://www.nextech.sk/clanky/author/Igor+Kulman" }, "publisher" : { "@type" : "Organization", "name" : "NEXTECH", "url" : "http://www.nextech.sk", "logo" : { "@type" : "ImageObject", "url" : "https://www.nextech.sk/assets/148378d9/theme/images/logo-nextech-background.png", "width" : "800px", "height": "150px" } } } </script> <section class="article-listing"> <h2 class="section-title hidden-xs-down">Mohlo by vás zaujímať</h2> <h2 class="responsive-section-title hidden-xs-up">Mohlo by vás zaujímať</h2> <div class="row"> <div class="col-lg-4 col-sm-6"> <article class=""> <a href="/a/AI-verzus-autorske-prava"> <img src="/files/photo/2024-04/114725/4a76a7/ethical-issues-ai-collage_190x200.jpg" alt="Photo AI verzus autorské práva" /> <div class="text"> <div class="meta"> <time datetime="2024-04-12">12.04.2024</time> <div class="comments"> <span>0</span> <i class="fas fa-comment-alt" aria-hidden="true"></i> </div> </div> <h2> <i class="fas fa-lock"></i> AI verzus autorské práva </h2> </div> </a> </article> </div> <div class="col-lg-4 col-sm-6"> <article class=""> <a href="/a/Vyhody-NAS-pre-male-firmy-a-freelancerov"> <img src="/files/photo/2024-04/114660/22035c/alone-2477758-1280_190x200.jpg" alt="Photo Výhody NAS pre malé firmy a freelancerov" /> <div class="text"> <div class="meta"> <time datetime="2024-04-11">11.04.2024</time> <div class="comments"> <span>0</span> <i class="fas fa-comment-alt" aria-hidden="true"></i> </div> </div> <h2> Výhody NAS pre malé firmy a freelancerov </h2> </div> </a> </article> </div> <div class="col-lg-4 col-sm-6"> <article class=""> <a href="/a/Ako-poslat-niekomu-darcek-na-platforme-Steam"> <img src="/files/photo/2024-04/114658/07b4d5/Steam2_190x200.png" alt="Photo Ako poslať niekomu darček na platforme Steam" /> <div class="text"> <div class="meta"> <time datetime="2024-04-11">11.04.2024</time> <div class="comments"> <span>0</span> <i class="fas fa-comment-alt" aria-hidden="true"></i> </div> </div> <h2> <i class="fas fa-lock"></i> Ako poslať niekomu darček na platforme Steam </h2> </div> </a> </article> </div> </div> </section> <script> $(function(){ $('#showGallery').on('click', function(e){ e.preventDefault(); $.fancybox([ ]); }); $('article.detail .content').on('click', 'img', function(e){ if(!$(this).parent().is('a')){ e.preventDefault(); $.fancybox($(this).attr('src')); } }); }); </script> </div> <div class="col-lg-3 hidden-md-down"> <aside> <form id="articleSearchForm" class="search" action="/clanky/uglyUrl/1" method="get"> <input type="hidden" name="communityCategory" id="communityCategory" /> <input placeholder="Hľadať v článkoch" id="search-articles" autocomplete="off" type="text" name="hladat" /> <button><i class="fas fa-search"></i></button> </form> <div class="box"> <h2>Najčítanejšie</h2> <ul class="nav nav-tabs" id="most-read-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="day-tab" data-toggle="tab" href="#default_articles-day" role="tab" aria-controls="articles-day" aria-selected="true">24 Hodín</a> </li> <li class="nav-item"> <a class="nav-link " id="week-tab" data-toggle="tab" href="#default_articles-week" role="tab" aria-controls="articles-week" aria-selected="false">Týždeň</a> </li> <li class="nav-item"> <a class="nav-link " id="month-tab" data-toggle="tab" href="#default_articles-month" role="tab" aria-controls="articles-month" aria-selected="false">Mesiac</a> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane active" id="default_articles-day" role="tabpanel" aria-labelledby="day-tab"> <ul class="most-read"> <li> <a href="/a/Hyperloop-v-Europe-startuje-uz-toto-leto"><span class="t">Hyperloop v Európe štartuje už toto leto</span></a> </li> <li> <a href="/a/Detektor-Resideo-L1-Wi-Fi---ventil-L5-Wi-Fi---Detektor-s-ventilom-na-zabranenie-uniku-vody"><span class="t">Detektor Resideo L1 Wi-Fi + ventil L5 Wi-Fi / Detektor s ventilom na zabránenie úniku vody</span></a> </li> <li> <a href="/a/Novy-humanoidny-robot-dokaze-varit-aj-upratovat-rychlejsie-ako-clovek"><span class="t">Nový humanoidný robot dokáže variť aj upratovať rýchlejšie ako človek</span></a> </li> <li> <a href="/a/Cenovo-dostupny-dom-bol-vytlaceny-3D-tlacou-len-za-18-hodin"><span class="t">Cenovo dostupný dom bol vytlačený 3D tlačou len za 18 hodín</span></a> </li> <li> <a href="/a/Philips-49B2U6900CH---Ultrasirokouhly-zakriveny-firemny-monitor-s-webovou-kamerou"><span class="t">Philips 49B2U6900CH / Ultraširokouhlý zakrivený firemný monitor s webovou kamerou</span></a> </li> <li> <a href="/a/Ziskajte-dozivotny-a-originalny-balik-Microsoft-Office-2021-a-Windows-1-v-akcii-Godeal24-Labor-Day"><span class="t">Získajte doživotný a originálny balík Microsoft Office 2021 a Windows 1 1 už od 10 € v akcii Godeal24 Labor Day</span></a> </li> <li> <a href="/a/Nove-NAND-cipy-umoznia-ze-zo-100-TB-SSD-diskov-by-sa-mohol-stat-mainstream"><span class="t">Nové NAND čipy umožnia že zo 100 TB SSD diskov by sa mohol stať mainstream</span></a> </li> <li> <a href="/a/Emisie-sklenikovych-plynov-uz-mozno-dosiahli-svoj-vrchol--teraz-musia-rychlo-klesnut"><span class="t">Emisie skleníkových plynov už možno dosiahli svoj vrchol, teraz musia rýchlo klesnúť</span></a> </li> </ul> </div> <div class="tab-pane " id="default_articles-week" role="tabpanel" aria-labelledby="week-tab"> <ul class="most-read"> <li> <a href="/a/Ruski-vojaci-prerabaju-obrnene-vozidla-na-styl-ako-z-filmu-Mad-Max"><span class="t">Ruskí vojaci prerábajú obrnené vozidlá na štýl ako z filmu Mad Max (21425)</span></a> </li> <li> <a href="/a/Aspirin-zrejme-chrani-pred-rakovinou-hrubeho-creva"><span class="t">Aspirín zrejme chráni pred rakovinou hrubého čreva (18472)</span></a> </li> <li> <a href="/a/Prva-pocitacova-simulacia-predpoveda--kedy-ludia-na-Zemi-vyhynu"><span class="t">Prvá počítačová simulácia predpovedá, kedy ľudia na Zemi vyhynú (15067)</span></a> </li> <li> <a href="/a/Sodikova-bateria-je-schopna-nabit-sa-uz-za-par-sekund"><span class="t">Sodíková batéria je schopná nabiť sa už za pár sekúnd (5213)</span></a> </li> <li> <a href="/a/Nasli-sposob-na-rychlu-vyrobu-diamantov"><span class="t">Našli spôsob na rýchlu výrobu diamantov (3587)</span></a> </li> <li> <a href="/a/Spusta-sa-masova-vyroba-autonomnych-lietajucich-taxikov"><span class="t">Spúšťa sa masová výroba autonómnych lietajúcich taxíkov (2767)</span></a> </li> <li> <a href="/a/Najvacsia-3D-tlaciaren-na-svete-dokaze-vyrabat-cele-sidliska"><span class="t">Najväčšia 3D tlačiareň na svete dokáže vyrábať celé sídliská (2027)</span></a> </li> <li> <a href="/a/Poco-X6-Pro---Vykonny-smartfon-za-dobru-cenu"><span class="t">Poco X6 Pro / Výkonný smartfón za dobrú cenu (1813)</span></a> </li> </ul> </div> <div class="tab-pane " id="default_articles-month" role="tabpanel" aria-labelledby="month-tab"> <ul class="most-read"> <li> <a href="/a/Toto-je-maximalny-pocet-rokov--ktoreho-sa-mozu-ludia-dozit"><span class="t">Toto je maximálny počet rokov, ktorého sa môžu ľudia dožiť (56363)</span></a> </li> <li> <a href="/a/Novy-dieselovy-motor-dosiahol-rekordnu-ucinnost-a-usporu-spotreby"><span class="t">Nový dieselový motor dosiahol rekordnú účinnosť a úsporu spotreby (42603)</span></a> </li> <li> <a href="/a/Poistovne-pouzivaju-drony--aby-nasli-dovody-na-zrusenie-poistky"><span class="t">Poisťovne používajú drony, aby našli dôvody na zrušenie poistky (26562)</span></a> </li> <li> <a href="/a/Unikatna-technologia-poskytne-ponorkam-nadzvukovu-rychlost-a-uplne-tichu-prevadzku"><span class="t">Unikátna technológia poskytne ponorkám nadzvukovú rýchlosť a úplne tichú prevádzku (25012)</span></a> </li> <li> <a href="/a/Ruski-vojaci-prerabaju-obrnene-vozidla-na-styl-ako-z-filmu-Mad-Max"><span class="t">Ruskí vojaci prerábajú obrnené vozidlá na štýl ako z filmu Mad Max (21425)</span></a> </li> <li> <a href="/a/Aspirin-zrejme-chrani-pred-rakovinou-hrubeho-creva"><span class="t">Aspirín zrejme chráni pred rakovinou hrubého čreva (18472)</span></a> </li> <li> <a href="/a/Vedci-objavili-skryte-struktury-na-odvratenej-strane-Mesiaca"><span class="t">Vedci objavili skryté štruktúry na odvrátenej strane Mesiaca (16259)</span></a> </li> <li> <a href="/a/Prva-pocitacova-simulacia-predpoveda--kedy-ludia-na-Zemi-vyhynu"><span class="t">Prvá počítačová simulácia predpovedá, kedy ľudia na Zemi vyhynú (15067)</span></a> </li> </ul> </div> </div> </div> <script> function storeClick601(){ $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER-CLICK/url/aHR0cHMlM0ElMkYlMkZ3d3cuYWxhbmF0YS5zayUyRmV2ZW50JTJGanVkZ21lbnQtZGF5LTIwMjQlMkYlM0Z1dG1fc291cmNlJTNEbmV4dGVjaCUyNnV0bV9tZWRpdW0lM0RiYW5uZXJjYW1wYWlnbiUyNnV0bV9jYW1wYWlnbiUzRGp1ZGdtZW50ZGF5MjQlMjZ1dG1faWQlM0RKRDI0/id/601/parameters/IiI%3D" ); }); } </script> <a href="https://www.alanata.sk/event/judgment-day-2024/?utm_source=nextech&utm_medium=bannercampaign&utm_campaign=judgmentday24&utm_id=JD24" title="ALANATA_2024" onclick="storeClick601(); return true;" target="_blank" class="promo-zone"> <img src="/files/photo/2024-04/115137/5778ad/Alanata-262x262-JD2024-banner-web2.png" alt="ALANATA_2024" class="img-responsive" /> </a> <script> $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER/url/aHR0cHM6Ly93d3cubmV4dGVjaC5zay9hL1Z5dHZhcmFtZS1XV1ctc3RyYW5reS0tLTktLWNhc3Q%3D/id/601/parameters/bnVsbA%3D%3D" ); }); </script> <div class="box"> <h2> Najnovšie videá </h2> <div class="video-sidebar-wrapper"> <div class="spinner-wrapper text-center"> <i class="fas fa-spinner fa-2x fa-spin"></i> </div> </div>  <div class="text-center"> <a href="/videa" class="button small">Všetky videá</a> </div> </div> <script> var key = "UC51n0kPREVzryruUQLUDyvQ"; function showVideos(videos) { var template = $('#video-template').html(); var max = 3; var chunks = []; var count = 0; while (count != 1) { chunks.push(videos.splice(0, max)); count++; } for (i in chunks) { var chunk = chunks[i]; var list = $('<div />'); for (var j = 0; j < chunk.length; j++) { var item = chunk[j]; var data = {}; data.html_class = ''; if (j == 0) data.html_class = 'first'; if (j == chunk.length - 1) data.html_class = 'last'; data.title = item.snippet.title; data.thumbnail = item.snippet.thumbnails.high.url; data.url = "https://www.youtube.com/watch?v=" + item.snippet.resourceId.videoId; var publishedAt = new Date(item.snippet.publishedAt); data.publishedAt = publishedAt.getDate() + "." + (publishedAt.getMonth() + 1) + "." + publishedAt.getFullYear() + " " + publishedAt.getHours() + ":" + publishedAt.getMinutes(); var rendered = Mustache.render(template, data); list.append(rendered); } $('.video-sidebar-wrapper .spinner-wrapper').remove(); $('.video-sidebar-wrapper').prepend(list); } } function onGoogleLoad2() { gapi.client.setApiKey('AIzaSyC7iBj_muwZQpthh-Rfaez0jjdVvWJyJeg'); gapi.client.load('youtube', 'v3', function () { var request = gapi.client.youtube.channels.list({ id: 'UC51n0kPREVzryruUQLUDyvQ', part: 'snippet,contentDetails', }); request.execute(function (response) { playlistId = response.result.items[0].contentDetails.relatedPlaylists.uploads; channelId = response.result.items[0].id; var requestOptions = { playlistId: playlistId, part: 'snippet,id', maxResults: 3 }; var request = gapi.client.youtube.playlistItems.list(requestOptions); request.execute(function (response) { if (response.items.length > 0) { var items = response.items; var videos = jQuery.extend(true, [], items); showVideos(videos); if (Modernizr.localstorage && JSON) { var to_store = {}; to_store.timestamp = new Date().getTime(); to_store.items = items; localStorage.setItem("itnews_videos_sidebar_new_nextech_" + key, JSON.stringify(to_store, null, ' ')) } } }); }); }); } $(function () { function loadDataApi() { $.getScript("https://apis.google.com/js/client.js?onload=onGoogleLoad2"); } if (Modernizr.localstorage) { var stored = localStorage.getItem('itnews_videos_sidebar_new_nextech_' + key); if (stored) { stored = $.parseJSON(stored); var diff = Math.round((new Date().getTime() - new Date(stored.timestamp).getTime()) / 1000); // in seconds var until = 60 * 60 * 12 * 1; // 0,5 day if (until > diff) {showVideos(stored.items); } else {loadDataApi();} } else {loadDataApi();} } else {loadDataApi();} }); </script> <script type="text/javascript" src="/assets/148378d9/frontend/js/mustache.js"></script> <script id="video-template" type="x-tmpl-mustache"> <article class="only-title {{ html_class }}"> <a href="{{ url }}"> <div class="image"> <img src="{{ thumbnail }}" alt="{{ title }}"> <div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div> </div> <h3>{{ title }}</h3> </a> </article> </script> <div class="box"> <h2>IT projekty pre freelancerov</h2> <ul class="most-read"> <li> <article> <a href="https://join.titans.eu/sk/ictit-mobile-banking-analytik-240502A" target="_blank"> <h4>ICT/IT [mobile banking] analytik</h4> <div><i class="fa fa-money"></i> 5 200 € - 6 000 €</div> <div><i class="fa fa-map-marker"></i> Bratislava</div> <div><i class="fa fa-clock-o"></i> 7-24 mesiacov s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/c-stl-programator-240501A" target="_blank"> <h4>C++ [STL] programátor</h4> <div><i class="fa fa-money"></i> 4 400 € - 5 200 €</div> <div><i class="fa fa-map-marker"></i> 100% Remote</div> <div><i class="fa fa-clock-o"></i> 6 - 12 mesiacov s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/test-manager-240429E" target="_blank"> <h4>Test Manager </h4> <div><i class="fa fa-money"></i> 5 000 € - 6 000 €</div> <div><i class="fa fa-map-marker"></i> Bratislava</div> <div><i class="fa fa-clock-o"></i> 6 mesiacov s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/sap-gts-business-process-designer-240429D" target="_blank"> <h4>SAP [GTS] Business Process Designer</h4> <div><i class="fa fa-money"></i> 7 400 € - 8 800 €</div> <div><i class="fa fa-map-marker"></i> 100% Remote</div> <div><i class="fa fa-clock-o"></i> 12-24 mesiacov s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/java-mobile-banking-programator-240429C" target="_blank"> <h4>JAVA [MOBILE BANKING] programátor</h4> <div><i class="fa fa-money"></i> 5 000 € - 6 000 €</div> <div><i class="fa fa-map-marker"></i> Bratislava</div> <div><i class="fa fa-clock-o"></i> 8 - 36 mesiacov s možnosťou predĺženia</div> </a> </article> </li> </ul> <div> <a href="https://www.titans.sk?utm_source=URL&utm_medium=rssfeed&utm_campaign=NEXTECH&utm_id=05022024&utm_term=homepage&utm_content=logo" target="_blank" class="text-center" style="display: block;"> <img src="/assets/148378d9/nextech/assets/img/titans.png" width="100px"> </a> </div> </div>  <script> function storeClick598(){ $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER-CLICK/url/aHR0cHMlM0ElMkYlMkZ3d3cuaXRhcGEuc2slMkZqYXJuYS1pdGFwYS0yMDI0JTJG/id/598/parameters/IiI%3D" ); }); } </script> <a href="https://www.itapa.sk/jarna-itapa-2024/" title="ITAPA jarna 2024" onclick="storeClick598(); return true;" target="_blank" class="promo-zone"> <img src="/files/photo/2024-05/115364/01fec4/itapa-jar-banner-300x300px-03052024.gif" alt="ITAPA jarna 2024" class="img-responsive" /> </a> <script> $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER/url/aHR0cHM6Ly93d3cubmV4dGVjaC5zay9hL1Z5dHZhcmFtZS1XV1ctc3RyYW5reS0tLTktLWNhc3Q%3D/id/598/parameters/bnVsbA%3D%3D" ); }); </script> <div class="box"> <h2> Recenzie </h2> <article class="small"> <a href="/a/Detektor-Resideo-L1-Wi-Fi---ventil-L5-Wi-Fi---Detektor-s-ventilom-na-zabranenie-uniku-vody"> <div class="image"> <img src="/files/photo/2024-04/114525/208f27/L5-Resideo-WaterProducts202245896-2037-by-1146px_64x80.jpg" alt="Photo Detektor Resideo L1 Wi-Fi + ventil L5 Wi-Fi / Detektor s ventilom na zabránenie úniku vody"/> </div> <div class="text"> <h3>Detektor Resideo L1 Wi-Fi + ventil L5 Wi-Fi / Detektor s ven ...</h3> </div> </a> </article> <article class="small"> <a href="/a/Philips-49B2U6900CH---Ultrasirokouhly-zakriveny-firemny-monitor-s-webovou-kamerou"> <div class="image"> <img src="/files/photo/2024-04/114529/1b9116/49B2U6900CH-KV_64x80.jpg" alt="Photo Philips 49B2U6900CH / Ultraširokouhlý zakrivený firemný monitor s webovou kamerou"/> </div> <div class="text"> <h3>Philips 49B2U6900CH / Ultraširokouhlý zakrivený firemný moni ...</h3> </div> </a> </article> <article class="small"> <a href="/a/ROG-Zephyrus-G16--GU605----Herny-notebook-pre-narocnych-pouzivatelov"> <div class="image"> <img src="/files/photo/2024-04/114511/0c741c/uvodny_64x80.jpg" alt="Photo ROG Zephyrus G16 (GU605) / Herný notebook pre náročných používateľov "/> </div> <div class="text"> <h3>ROG Zephyrus G16 (GU605) / Herný notebook pre náročných použ ...</h3> </div> </a> </article> <article class="small"> <a href="/a/Belkin-SoundForm-Motion----Sikovne-sluchadla-na-sportove-aktivity"> <div class="image"> <img src="/files/photo/2024-04/115187/12c548/belkin-slucha_64x80.jpg" alt="Photo Belkin SoundForm Motion / Šikovné slúchadlá na športové aktivity"/> </div> <div class="text"> <h3>Belkin SoundForm Motion / Šikovné slúchadlá na športové akti ...</h3> </div> </a> </article> <article class="small"> <a href="/a/Lenovo-LOQ-15IAX9I---Herny-notebook-za-prijemnu-cenu"> <div class="image"> <img src="/files/photo/2024-04/115113/f7b39c/Lenovo-LOQ0009_64x80.jpg" alt="Photo Lenovo LOQ 15IAX9I / Herný notebook za príjemnú cenu"/> </div> <div class="text"> <h3>Lenovo LOQ 15IAX9I / Herný notebook za príjemnú cenu</h3> </div> </a> </article>  </div>  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8821359823406627" data-ad-slot="9044275616" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="box"> <h2>Tlačové správy</h2> <ul class="print"> <li> <article> <a href="/a/Do-roku-2040-maju-poklesnut-emisie-CO2-nakladnych-vozidiel-o-90"> <time>3.5.2024</time> <h3>Do roku 2040 majú poklesnúť emisie CO2 nákladných vozidiel o 90 %</h3> </a> </article> </li> <li> <article> <a href="/a/Majstrovstva-sveta-IIHF-v-ladovom-hokeji-2024-bude-sledovat-takmer-80---Slovakov--Zaujem-o-hokej-je-extremny"> <time>3.5.2024</time> <h3>Majstrovstvá sveta IIHF v ľadovom hokeji 2024 bude sledovať takmer 80 % Slovákov. Záujem o hokej je extrémny</h3> </a> </article> </li> <li> <article> <a href="/a/CESCG-2024-predstavi-najnovsie-trendy--v-oblasti-Visual-Computing"> <time>3.5.2024</time> <h3>CESCG 2024 predstaví najnovšie trendy v oblasti Visual Computing</h3> </a> </article> </li> <li> <article> <a href="/a/Svetova-premiera-noveho-vrcholneho-modelu-Mercedes-AMG-GT-63-S-E-PERFORMANCE-v-Sanghaji"> <time>3.5.2024</time> <h3>Svetová premiéra nového vrcholného modelu Mercedes-AMG GT 63 S E PERFORMANCE v Šanghaji</h3> </a> </article> </li> <li> <article> <a href="/a/Novym-country-managerom-Microsoft-Ceska-republika-a-Slovensko-je-Michal-Stachnik"> <time>3.5.2024</time> <h3>Novým country managerom Microsoft Česká republika a Slovensko je Michal Stachník</h3> </a> </article> </li> <li> <article> <a href="/a/Pribehy-studentov-UNIZA-o-raste--vyzvach-a-medzinarodnej-spolupraci"> <time>3.5.2024</time> <h3>Príbehy študentov UNIZA o raste, výzvach a medzinárodnej spolupráci</h3> </a> </article> </li> <li> <article> <a href="/a/Europa-vo-vyvoji-umelej-inteligencie-nestiha--Tempo-diktuju-USA-a-Azia"> <time>3.5.2024</time> <h3>Európa vo vývoji umelej inteligencie nestíha. Tempo diktujú USA a Ázia</h3> </a> </article> </li> <li> <article> <a href="/a/Aj-Ty-v-IT-zviditelni-Zeny-v-IT-prostrednictvom-noveho-ocenenia--Nominovat-zenu--studentku-aj-IT-spojenca-mozete-do-konca-maja"> <time>3.5.2024</time> <h3>Aj Ty v IT zviditeľní Ženy v IT prostredníctvom nového ocenenia. Nominovať ženu, študentku aj IT spojenca môžete do konca mája</h3> </a> </article> </li> </ul>  </div>  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8821359823406627" data-ad-slot="4058323612" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8821359823406627" data-ad-slot="5535056813" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </aside> </div> </div> </div> </div> <nav class="image-nav hidden-lg-down"> <ul> <li> <a href="/Predplatne" style="background-image: url(/assets/148378d9/nextech/assets/img/footer/Predplatne.jpg);"> <span>Predplatné</span> </a> </li> <li> <a href="/itgala" style="background-image: url(/assets/148378d9/nextech/assets/img/footer/itgala.jpg);"> <span>IT GALA</span> </a> </li> <li> <a href="/elektromobilita" style="background-image: url(/assets/148378d9/nextech/assets/img/footer/elektromobilita.jpg);"> <span>Elektromobilita</span> </a> </li> <li> <a href="/PDF" style="background-image: url(/assets/148378d9/nextech/assets/img/footer/PDF.jpg);"> <span>PDF</span> </a> </li> <li> <a href="/ITR" style="background-image: url(/assets/148378d9/nextech/assets/img/footer/ITR.jpg);"> <span>ITR</span> </a> </li> <li> <a href="/Newsletter" style="background-image: url(/assets/148378d9/nextech/assets/img/footer/Newsletter.jpg);"> <span>Newsletter</span> </a> </li> </ul> </nav> <footer> <div class="container"> <div class="row"> <div class="col-lg-4 text-center"> <a href="https://www.pcrevue.sk/Archiv-NXT" class="footer-logo"> <img src="/library/nextech/logo-footer.png" alt="logo"> </a> </div> <div class="col-lg-6"> <button class="hidden-md-up js-footer-menu footer-button"><i class="fas fa-bars"></i></button> <div class="row footer-menu"> <div class="col-lg-4"> <h2>Nextech</h2> <ul> <li><a href="/Predplatne">Predplatné</a></li> <li><a href="/itgala">IT GALA</a></li> <li><a href="/elektromobilita">Elektromobilita</a></li> <li><a href="/PDF">PDF</a></li> <li><a href="/ITR">ITR</a></li> <li><a href="/Newsletter">Newsletter</a></li> </ul>  </div> <div class="col-lg-4"> <h2>Kategórie</h2> <ul> <li> <a href="/Magazin"> Magazín </a> </li> <li> <a href="/Tipy na darčeky"> Tipy na darčeky </a> </li> <li> <a href="/Recenzie"> Recenzie </a> </li> <li> <a href="/Archiv-NXT"> Archív NXT </a> </li> <li> <a href="/NXTplus"> NXTplus </a> </li> <li> <a href="/Sutaze"> Súťaže </a> </li> </ul> </div> <div class="col-lg-4"> <h2>Služby</h2> <ul> <li > <a href="/elektromobilita">Elektromobilita</a> </li> <li > <a href="/itgala">IT GALA</a> </li> <li > <a href="/it-rocenka">IT Ročenka</a> </li> <li > <a href="/NXTplus">NXTplus</a> </li> <li > <a href="/community/articles/communityCategory/Sutaze">Súťaže</a> </li> <li > <a href="/community/articles/communityCategory/Blogy">Blogy</a> </li> <li > <a href="/rss">RSS</a> </li> <li > <a href="/inzercia">Inzercia</a> </li> <li > <a href="/site/newsletter">Newsletter</a> </li> <li> <a href="/a/aktualne-predplatne">Predplatné</a> </li> <li> <a href="/kontakt">Kontakt</a> </li> </ul> </div> </div> </div> <div class="col-lg-2"> <div class="social"> <a href="https://www.instagram.com/nextech.magazin/" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://www.facebook.com/pg/pcrevue/posts/" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="https://www.youtube.com/channel/UC51n0kPREVzryruUQLUDyvQ/videos" target="_blank"><i class="fab fa-youtube"></i></a> </div> </div> </div> </div> </footer>  <div id="copyright" class="copyright" role="contentinfo"> <div class="container"> <div class="row"> <div class="col-sm-6 text-center"> <a href="http://www.forbestclients.com"> <img src="/assets/148378d9/theme/images/logo-foot-forbestclients.png" width="200px" alt="Logo For Best Clients" /> </a> <p><a href="http://www.forbestclients.com" style="color: white; text-decoration: none;">Vytvorené spoločnosťou For Best Clients, s.r.o.</a></p> </div> <div class="col-sm-6 text-center"> <a href="http://www.websupport.sk"> <img src="/assets/148378d9/theme/images/logo-foot-websupport.png" width="200px" alt="Logo WebSupport" /> </a> <p><a href="http://www.websupport.sk" style="color: white; text-decoration: none;">Hostingove služby poskytuje spoločnosť WebSupport, s.r.o.</a></p> </div> </div> <hr style="opacity: .1;" /> <p>© 2020 všetky práva vyhradené • Nextech: 2644-6804</p> </div> </div> </div> <script src="https://kit.fontawesome.com/19df75c90a.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.0/slick/slick.min.js"></script> <script type="text/javascript" src="/assets/148378d9/nextech/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script type="text/javascript" src="/assets/148378d9/nextech/custom/js/bootstrap.min.js"></script> <script src='https://www.google.com/recaptcha/api.js?hl=sk'></script> <script type="text/javascript" src="/assets/148378d9/nextech/custom/js/custom.js"></script> <script type="text/javascript" src="https://cdn.engerio.sk/js/widget.js"></script> <script type="text/javascript" src="/assets/148378d9/core/fancybox/jquery.fancybox.pack.js"></script> <script type="text/javascript" src="/assets/473e1e76/rateit/jquery.rateit.min.js"></script> <script type="text/javascript" src="/assets/473e1e76/js/voteStarsRate.js"></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(function($) { $.get("/community/article/canAddComment?id=15592", {}, function(result){ var formWrap = $("#comments .comments-form"); if(!result){ formWrap.remove(); } if(!result.canAddComment){ formWrap.remove(); } }, "json"); }); /*]]>*/ </script> </body> </html>