{"id":388,"date":"2026-05-19T13:12:34","date_gmt":"2026-05-19T13:12:34","guid":{"rendered":"https:\/\/edulab.ufzg.hr\/?page_id=388"},"modified":"2026-09-09T07:19:17","modified_gmt":"2026-09-09T07:19:17","slug":"kako-nastaje-digitalni-trag-2","status":"publish","type":"page","link":"https:\/\/edulab.ufzg.hr\/index.php\/kako-nastaje-digitalni-trag-2\/","title":{"rendered":"Kako nastaje digitalni trag?"},"content":{"rendered":"\r\n    <div class=\"edulab-lesson\" data-exit-url=\"\/\">\r\n      <div class=\"edulab-track\">\r\n        <\/p>\n<p><!-- 1. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background-image: url(&apos;https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/08\/pozadina-dig-trag.png&apos;);background-size: cover;background-position: center;background-repeat: no-repeat;min-height: 560px;padding: 50px 30px;border-radius: 22px;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden\">\n<p><!-- BIJELI PROZOR --><\/p>\n<div style=\"background-color:#ffffff;max-width:620px;width:80%;padding:15px 35px;border-radius:24px;text-align:center;position:relative;z-index:2\">\n<div style=\"max-width: 760px;width: 100%;padding: 55px 40px;border-radius: 24px;text-align: center;position: relative;z-index: 2\">\n<p style=\"font-size: 15px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #7360b6;margin: 0 0 15px 0\">\nDigitalni svijet\n<\/p>\n<div style=\"font-size: 78px;line-height: 1;margin-bottom: 18px\">\n\ud83d\udc63\n<\/div>\n<h1 style=\"font-size: 48px;line-height: 1.15;color: #394a91;margin: 0 0 18px 0\">\nKako nastaje digitalni trag<br \/>\n<\/h1>\n<p style=\"font-size: 20px;color: #666b87;margin: 30\">\n\u0160to ostavljamo iza sebe na internetu?\n<\/p>\n<p style=\"font-size: 16px;color: #7360b6;margin: 30px 0 0 0;font-weight: 600\">\nMagdalena Varja\u010di\u0107\n<\/p>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 2. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #dfe7ff 0%, #e9def8 55%, #d7e5ff 100%);min-height: 560px;padding: 30px 35px 40px 35px;border-radius: 22px\">\n<h2 style=\"font-size: 42px;color: #394a91;text-align: center;margin: 5px 0 8px 0\">\nKako koristiti ovaj sadr\u017eaj?<br \/>\n<\/h2>\n<p style=\"font-size: 18px;color: #666b87;text-align: center;margin: 0 0 25px 0\">\nPogledaj kratke upute koje \u0107e ti pomo\u0107i tijekom aktivnosti.\n<\/p>\n<div style=\"max-width: 1150px;width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;gap: 25px\">\n<p><!-- LIJEVA STRANA --><\/p>\n<div style=\"width: 36%;display: flex;flex-direction: column;gap: 12px\">\n<p><!-- 1. UPUTA --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;padding: 14px 16px;border-radius: 16px;box-shadow: 0 5px 14px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 28px;width: 45px;text-align: center\">\n\u27a1\ufe0f\n<\/div>\n<div style=\"padding-left: 10px\">\n<p style=\"font-size: 15px;font-weight: 700;color: #6b5c93;margin: 0 0 3px 0\">\nKRENI DALJE\n<\/p>\n<p style=\"font-size: 14px;line-height: 1.4;color: #555b78;margin: 0\">\nZa novi ekran pritisni <strong>SLJEDE\u0106E \u2192<\/strong>\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- 2. UPUTA --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;padding: 14px 16px;border-radius: 16px;box-shadow: 0 5px 14px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 28px;width: 45px;text-align: center\">\n\ud83d\udc40\n<\/div>\n<div style=\"padding-left: 10px\">\n<p style=\"font-size: 15px;font-weight: 700;color: #6b5c93;margin: 0 0 3px 0\">\nPROMATRAJ\n<\/p>\n<p style=\"font-size: 14px;line-height: 1.4;color: #555b78;margin: 0\">\nPa\u017eljivo pro\u010ditaj sadr\u017eaj na svakom ekranu.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- 3. UPUTA --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;padding: 14px 16px;border-radius: 16px;box-shadow: 0 5px 14px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 28px;width: 45px;text-align: center\">\n\u25b6\ufe0f\n<\/div>\n<div style=\"padding-left: 10px\">\n<p style=\"font-size: 15px;font-weight: 700;color: #6b5c93;margin: 0 0 3px 0\">\nVIDEO\n<\/p>\n<p style=\"font-size: 14px;line-height: 1.4;color: #555b78;margin: 0\">\nPritisni \u25b6 za pokretanje, a \u23f8 za zaustavljanje.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- 4. UPUTA --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;padding: 14px 16px;border-radius: 16px;box-shadow: 0 5px 14px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 28px;width: 45px;text-align: center\">\n\u2b05\ufe0f\n<\/div>\n<div style=\"padding-left: 10px\">\n<p style=\"font-size: 15px;font-weight: 700;color: #6b5c93;margin: 0 0 3px 0\">\nVRATI SE\n<\/p>\n<p style=\"font-size: 14px;line-height: 1.4;color: #555b78;margin: 0\">\nAko ne\u0161to \u017eeli\u0161 ponovno pogledati, pritisni <strong>\u2190 NATRAG<\/strong>.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- TOMA --><\/p>\n<div style=\"width: 28%;text-align: center\">\n<p style=\"background-color: #ffffff;display: inline-block;padding: 8px 16px;border-radius: 18px;font-size: 14px;font-weight: 700;color: #394a91;margin: 0 0 8px 0\">\nSpreman\/na?\n<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/08\/Snimka-zaslona-2026-08-04-195238.png\" alt=\"Toma\" style=\"width: 100%;max-width: 270px;height: auto;display: block;margin: 0 auto\"><\/p>\n<\/div>\n<p><!-- DESNA STRANA --><\/p>\n<div style=\"width: 36%;display: flex;flex-direction: column;gap: 12px\">\n<p><!-- 5. UPUTA --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;padding: 14px 16px;border-radius: 16px;box-shadow: 0 5px 14px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 28px;width: 45px;text-align: center\">\n\ud83d\udcad\n<\/div>\n<div style=\"padding-left: 10px\">\n<p style=\"font-size: 15px;font-weight: 700;color: #6b5c93;margin: 0 0 3px 0\">\nRAZMISLI\n<\/p>\n<p style=\"font-size: 14px;line-height: 1.4;color: #555b78;margin: 0\">\nPro\u010ditaj pitanje i razmisli prije nego \u0161to odgovori\u0161.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- 6. UPUTA --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;padding: 14px 16px;border-radius: 16px;box-shadow: 0 5px 14px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 28px;width: 45px;text-align: center\">\n\ud83d\udd0e\n<\/div>\n<div style=\"padding-left: 10px\">\n<p style=\"font-size: 15px;font-weight: 700;color: #6b5c93;margin: 0 0 3px 0\">\nISTRA\u017dI\n<\/p>\n<p style=\"font-size: 14px;line-height: 1.4;color: #555b78;margin: 0\">\nKlikni na interaktivne dijelove i istra\u017ei sadr\u017eaj.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- 7. UPUTA --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;padding: 14px 16px;border-radius: 16px;box-shadow: 0 5px 14px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 28px;width: 45px;text-align: center\">\n\ud83d\udccb\n<\/div>\n<div style=\"padding-left: 10px\">\n<p style=\"font-size: 15px;font-weight: 700;color: #6b5c93;margin: 0 0 3px 0\">\nPRATI UPUTE\n<\/p>\n<p style=\"font-size: 14px;line-height: 1.4;color: #555b78;margin: 0\">\nSvaka aktivnost pokazat \u0107e ti \u0161to treba\u0161 napraviti.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- 8. UPUTA --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;padding: 14px 16px;border-radius: 16px;box-shadow: 0 5px 14px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 28px;width: 45px;text-align: center\">\n\u2705\n<\/div>\n<div style=\"padding-left: 10px\">\n<p style=\"font-size: 15px;font-weight: 700;color: #6b5c93;margin: 0 0 3px 0\">\nRIJE\u0160I\n<\/p>\n<p style=\"font-size: 14px;line-height: 1.4;color: #555b78;margin: 0\">\nOdgovori na pitanja i rije\u0161i interaktivne zadatke.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 3. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #dfe7ff 0%, #e9def8 55%, #d7e5ff 100%);min-height: 600px;padding: 45px 40px 60px 40px;border-radius: 22px\">\n<h2 style=\"font-size: 48px;color: #394a91;text-align: center;margin: 10px 0 12px 0\">\n\u0160to \u0107emo nau\u010diti?<br \/>\n<\/h2>\n<p style=\"font-size: 20px;color: #666b87;text-align: center;margin: 0 0 35px 0\">\nNakon ove lekcije u\u010denik \u0107e mo\u0107i&#8230;\n<\/p>\n<p><!-- 1. ISHOD --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;max-width: 900px;margin: 0 auto 20px auto;padding: 24px 30px;border-radius: 18px;box-shadow: 0 7px 18px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 40px;width: 70px;text-align: center\">\n\ud83d\udcbb\n<\/div>\n<p style=\"font-size: 20px;line-height: 1.6;color: #4f5575;margin: 0;padding-left: 15px;text-align: left\">\n<strong>objasniti \u0161to su digitalni tragovi<\/strong> i kako nastaju.\n<\/p>\n<\/div>\n<\/div>\n<p><!-- 2. ISHOD --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;max-width: 900px;margin: 0 auto 20px auto;padding: 24px 30px;border-radius: 18px;box-shadow: 0 7px 18px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 40px;width: 70px;text-align: center\">\n\u26a0\ufe0f\n<\/div>\n<p style=\"font-size: 20px;line-height: 1.6;color: #4f5575;margin: 0;padding-left: 15px;text-align: left\">\n<strong>prepoznati opasnosti neodgovornog kori\u0161tenja interneta.<\/strong>\n<\/p>\n<\/div>\n<\/div>\n<p><!-- 3. ISHOD --><\/p>\n<div style=\"background-color: #ffffff;border: 1px solid #d8d5f0;max-width: 900px;margin: 0 auto;padding: 24px 30px;border-radius: 18px;box-shadow: 0 7px 18px #c5c5df\">\n<div style=\"display: flex;align-items: center\">\n<div style=\"font-size: 40px;width: 70px;text-align: center\">\n\ud83d\udee1\ufe0f\n<\/div>\n<p style=\"font-size: 20px;line-height: 1.6;color: #4f5575;margin: 0;padding-left: 15px;text-align: left\">\n<strong>primijeniti pravila sigurnog i odgovornog pona\u0161anja na internetu<\/strong><br \/>\nkako bi za\u0161titio svoj digitalni trag.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 4. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #dfe7ff 0%, #e9def8 55%, #d7e5ff 100%);min-height: 700px;padding: 35px 30px 50px 30px;border-radius: 22px\">\n<h2 style=\"font-size: 48px;color: #394a91;text-align: center;margin: 10px 0 30px 0\">\nPogledaj kratki video i upoznaj Tomu.<br \/>\n<\/h2>\n<div style=\"width: 100%;display: flex;justify-content: center;align-items: center\">\n<div style=\"width: 1050px;max-width: 95%;margin: 0 auto\">\n<div style=\"width: 1050px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-388-1\" width=\"1050\" height=\"591\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/08\/digitalni-tragovi-uvod-1.mp4?_=1\" \/><a href=\"https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/08\/digitalni-tragovi-uvod-1.mp4\">https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/08\/digitalni-tragovi-uvod-1.mp4<\/a><\/video><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 5. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #dfe7ff 0%, #e9def8 55%, #d7e5ff 100%);min-height: 620px;padding: 45px 50px;border-radius: 22px;display: flex;align-items: center;justify-content: center\">\n<div style=\"max-width: 1150px;width: 100%;display: flex;align-items: center;justify-content: center;gap: 45px\">\n<p><!-- TOMA --><\/p>\n<div style=\"width: 38%;text-align: center\">\n<p><img decoding=\"async\" src=\"https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/08\/ovo-smo-vec-ucili-ekr4.png\" alt=\"Ponovimo nau\u010deno.\" style=\"width: 100%;max-width: 390px;height: auto;display: block;margin: 0 auto\"><\/p>\n<\/div>\n<p><!-- SVIJETLI PROZOR\u010cI\u0106 S TEKSTOM --><\/p>\n<div style=\"background-color: #ffffff;width: 62%;max-width: 650px;padding: 38px 42px;border-radius: 24px\">\n<h2 style=\"font-size: 40px;line-height: 1.3;color: #394a91;margin: 0 0 25px 0\">\nPrije nego \u0161to krenemo, prisjeti se \u0161to ve\u0107 zna\u0161 o internetu.<br \/>\n<\/h2>\n<div style=\"width: 65px;height: 4px;background-color: #a99bd9;border-radius: 10px;margin-bottom: 25px\">\n<\/div>\n<p style=\"font-size: 20px;line-height: 1.7;color: #555b78;margin: 0\">\nInternet je <strong>najve\u0107a svjetska ra\u010dunalna mre\u017ea<\/strong>. Ona povezuje ra\u010dunala u jednu mre\u017eu.\n<\/p>\n<p style=\"font-size: 20px;line-height: 1.7;color: #555b78;margin: 18px 0 0 0\">\nInternet nam pru\u017ea puno mogu\u0107nosti poput <strong>u\u010denja, igre, \u010ditanja knjige, slu\u0161anja glazbe, gledanja filmova<\/strong> i jo\u0161 mnogo toga.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 6. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #d9e6ff 0%, #ece3fb 55%, #d7e5ff 100%);min-height: 720px;padding: 45px;border-radius: 22px;position: relative\">\n<p><!-- GORNJI DIO --><\/p>\n<div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:35px\">\n<h1 style=\"font-size:52px;line-height:1.1;color:#33458d;margin:0\">\nPonovimo nau\u010deno!<br \/>\n<\/h1>\n<\/div>\n<p><!-- ZVJEZDICA GORE DESNO --><\/p>\n<div style=\"position:absolute;top:35px;right:45px;font-size:70px;line-height:1;z-index:5\">\n\u2728\n<\/div>\n<p><!-- UVODNI TEKST --><\/p>\n<div style=\"background:#ffffff;padding:26px 30px;border-radius:20px;margin-bottom:30px\">\n<p style=\"font-size:22px;line-height:1.6;color:#535978;margin:0\">\nPrije nego krenemo u novu avanturu, provjeri \u0161to ve\u0107 zna\u0161! Rije\u0161i kratak interaktivni zadatak.\n<\/p>\n<\/div>\n<p><!-- H5P --><\/p>\n<div style=\"background:#ffffff;padding:24px;border-radius:24px\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-55\" class=\"h5p-iframe\" data-content-id=\"55\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Povuci u Tominu torbu samo ono \u0161to \u0107e mu pomo\u0107i na sigurnom putovanju internetom.\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 7. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #d9e6ff 0%, #ece3fb 55%, #d7e5ff 100%);min-height: 720px;padding: 40px 45px;border-radius: 22px\">\n<p><!-- NASLOV --><\/p>\n<h1 style=\"font-size: 48px;line-height: 1.1;color: #33458d;margin: 0 0 30px 30px\">\nDigitalni tragovi<br \/>\n<\/h1>\n<p><!-- DVA STUPCA --><\/p>\n<div style=\"display: flex;align-items: flex-start;justify-content: space-between;gap: 30px;width: 100%\">\n<p><!-- LIJEVA STRANA - TEKST --><\/p>\n<div style=\"width: 60%;background-color: #ffffff;padding: 32px 36px;border-radius: 22px\">\n<p style=\"font-size: 20px;line-height: 1.65;color: #535978;margin: 0 0 20px 0\">\nSvako \u017eivo bi\u0107e, kre\u0107u\u0107i se po nekoj podlozi, ostavlja na njoj <strong>tragove<\/strong>. Promatraju\u0107i ih mo\u017eemo doznati informacije o onome tko ih je ostavio.\n<\/p>\n<p style=\"font-size: 20px;line-height: 1.65;color: #535978;margin: 0 0 20px 0\">\nAko je rije\u010d o \u017eivotinji, mo\u017eemo otkriti o kojoj se vrsti \u017eivotinje radi,<br \/>\nkoja je njezina dob i u kojem se smjeru kre\u0107e. S ljudima je sli\u010dna situacija.\n<\/p>\n<p><!-- PITANJA --><\/p>\n<div style=\"background-color: #f1effc;padding: 22px;border-radius: 18px;border-left: 5px solid #8170c7\">\n<p style=\"font-size: 20px;font-weight: 700;color: #4b4f80;margin: 0 0 18px 0\">\n\ud83d\udd0e Promotri tragove i razmisli:\n<\/p>\n<p><!-- PITANJE 1 --><\/p>\n<div style=\"background-color: #ffffff;padding: 16px 18px;border-radius: 14px;margin-bottom: 12px\">\n<p style=\"font-size: 18px;font-weight: 500;line-height: 1.5;color: #535978;margin: 0\">\nMo\u017eete li prema izgledu tragova sa slike otkriti o kojoj je \u017eivotinji rije\u010d?\n<\/p>\n<\/div>\n<p><!-- PITANJE 2 --><\/p>\n<div style=\"background-color: #ffffff;padding: 16px 18px;border-radius: 14px;margin-bottom: 12px\">\n<p style=\"font-size: 18px;font-weight: 500;line-height: 1.5;color: #535978;margin: 0\">\nJe li to mladun\u010de ili odrasla \u017eivotinja?\n<\/p>\n<\/div>\n<p><!-- PITANJE 3 --><\/p>\n<div style=\"background-color: #ffffff;padding: 16px 18px;border-radius: 14px\">\n<p style=\"font-size: 18px;font-weight: 500;line-height: 1.5;color: #535978;margin: 0\">\nSmatrate li mudrom idejom pratiti te tragove ili bi bilo pametnije vratiti se ku\u0107i?\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- DESNA STRANA - H5P --><\/p>\n<div style=\"width: 40%;background-color: #ffffff;padding: 18px;border-radius: 22px\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-56\" class=\"h5p-iframe\" data-content-id=\"56\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Otisci stopala\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 8. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #d9e6ff 0%, #ece3fb 55%, #d7e5ff 100%);min-height: 720px;padding: 45px;border-radius: 22px\">\n<div style=\"display: flex;align-items: center;justify-content: space-between;gap: 40px;max-width: 1250px;margin: 0 auto\">\n<p><!-- LIJEVI BIJELI PROZOR --><\/p>\n<div style=\"width: 52%;background-color: #ffffff;padding: 42px 46px;border-radius: 24px\">\n<h2 style=\"font-size: 46px;line-height: 1.15;color: #33458d;margin: 0 0 22px 0\">\nVa\u017enost digitalnih tragova<br \/>\n<\/h2>\n<div style=\"width: 70px;height: 4px;background-color: #a98be8;border-radius: 10px;margin-bottom: 28px\">\n<\/div>\n<p style=\"font-size: 20px;line-height: 1.75;color: #4f5575;margin: 0\">\nSvaki put kada pregledavamo neke mre\u017ene stranice na internetu ostavljamo digitalne tragove.<br \/>\nUglavnom to \u010dinimo nesvjesno, no katkad to radimo s namjerom.<br \/>\nJeste li ikad objavili svoju fotografiju ili napisali neki tekst na dru\u0161tvenoj mre\u017ei?<br \/>\nAko jeste, onda ste svjesno ostavili svoj digitalni trag.\n<\/p>\n<\/div>\n<p><!-- DESNA ILUSTRACIJA --><\/p>\n<div style=\"width: 48%;text-align: center;position: relative;left: -70px\">\n<p><img decoding=\"async\" src=\"https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/08\/digitalni-tragovi-ekr7.png\" alt=\"Ilustracija digitalnih tragova na internetu\" style=\"width: 115%;max-width: 650px;height: auto;display: block;margin: 0 auto\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 9. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #d9e6ff 0%, #ece3fb 55%, #d7e5ff 100%);min-height: 760px;padding: 40px 45px 55px 45px;border-radius: 22px\">\n<p><!-- NASLOV --><\/p>\n<h2 style=\"font-size: 42px;line-height: 1.2;color: #33458d;margin: 0 0 28px 0;max-width: 1100px\">\nPretra\u017ei ime jedne poznate osobe. Promotri koliko informacija mo\u017ee\u0161 prona\u0107i o njoj.<br \/>\n<\/h2>\n<p><!-- H5P PROZOR --><\/p>\n<div style=\"background-color: #ffffff;width: 100%;max-width: 1250px;margin: 0 auto;padding: 24px;border-radius: 24px\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-58\" class=\"h5p-iframe\" data-content-id=\"58\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Digitalni trag mog idola\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 10. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #d9e6ff 0%, #ece3fb 55%, #d7e5ff 100%);min-height: 680px;padding: 45px 50px;border-radius: 22px\">\n<div style=\"display: flex;align-items: center;justify-content: center;gap: 45px;max-width: 1200px;margin: 0 auto\">\n<p><!-- LIJEVI DIO - TEKST --><\/p>\n<div style=\"width: 58%;background-color: #ffffff;padding: 40px 45px;border-radius: 24px\">\n<h2 style=\"font-size: 42px;line-height: 1.2;color: #33458d;margin: 0 0 22px 0\">\nDigitalni tragovi<br \/>\n<\/h2>\n<div style=\"width: 65px;height: 4px;background-color: #a98be8;border-radius: 10px;margin-bottom: 25px\">\n<\/div>\n<p style=\"font-size: 20px;line-height: 1.7;color: #535978;margin: 0 0 20px 0\">\nKada tra\u017eimo digitalne tragove neke osobe ili svoje digitalne tragove, moramo razmisliti osje\u0107amo li <strong>ponos ili nelagodu<\/strong> zbog tragova na koje smo nai\u0161li.\n<\/p>\n<p style=\"font-size: 20px;line-height: 1.7;color: #535978;margin: 0\">\nUzmimo u obzir da ti podatci, \u010dak i ako ih izbri\u0161emo, <strong>zapravo zauvijek ostaju na mre\u017ei.<\/strong> Nikada ne znamo tko ih je preuzeo i pohranio i kada \u0107e ih netko ponovno izvu\u0107i  i podijeliti na mre\u017ei.\n<\/p>\n<\/div>\n<p><!-- DESNI DIO - TOMA --><\/p>\n<div style=\"width: 42%;text-align: center\">\n<p><img decoding=\"async\" src=\"https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/08\/zapamti-ekr9.png\" alt=\"Toma podsje\u0107a u\u010denike da digitalni tragovi mogu trajno ostati na internetu.\" style=\"width: 100%;max-width: 430px;height: auto;display: block;margin: 0 auto;border-radius: 22px\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 11. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background: linear-gradient(135deg, #d9e6ff 0%, #ece3fb 55%, #d7e5ff 100%);min-height: 800px;padding: 40px 45px 55px 45px;border-radius: 22px\">\n<p><!-- NASLOV --><\/p>\n<h1 style=\"font-size: 46px;line-height: 1.15;color: #33458d;margin: 0 0 25px 0\">\nKako nastaje digitalni trag<br \/>\n<\/h1>\n<p><!-- UVODNI TEKST --><\/p>\n<div style=\"background-color: #ffffff;width: 100%;padding: 24px 30px;border-radius: 20px;margin-bottom: 28px\">\n<p style=\"font-size: 20px;line-height: 1.65;color: #535978;margin: 0 0 12px 0\">\nDigitalni tragovi nastaju <strong>svaki put kada koristimo internet i digitalne ure\u0111aje<\/strong>.<br \/>\nNeke ostavljamo svjesno, a neki nastaju automatski dok koristimo mre\u017ene stranice i aplikacije.\n<\/p>\n<p style=\"font-size: 21px;line-height: 1.6;color: #4b4f80;font-weight: 600;margin: 0\">\n\ud83d\udd0e Promotri idu\u0107u fotografiju i uo\u010di kako sve mo\u017eemo ostaviti digitalni trag iza sebe.\n<\/p>\n<\/div>\n<p><!-- H5P AKTIVNOST --><\/p>\n<div style=\"width: 100%;margin: 0 auto\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-70\" class=\"h5p-iframe\" data-content-id=\"70\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"kako nastaju digitalni tragovi\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 12. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#d9e6ff 0%,#ece3fb 55%,#d7e5ff 100%);min-height:720px;padding:40px 45px;border-radius:22px\">\n<h1 style=\"font-size:46px;color:#33458d;margin:0 0 12px 30px\">\nVrste digitalnih tragova<br \/>\n<\/h1>\n<p style=\"font-size:25px;color:#666b87;margin:0 0 30px 30px\">\nDigitalne tragove dijelimo na pasivne i aktivne.\n<\/p>\n<p><!-- DVIJE KARTICE --><\/p>\n<div style=\"display:flex;gap:30px;align-items:stretch\">\n<p><!-- PASIVNI --><\/p>\n<div style=\"width:50%;background:#ffffff;padding:32px;border-radius:24px\">\n<div style=\"font-size:48px;margin-bottom:12px\">\n\ud83d\udc63\n<\/div>\n<h2 style=\"font-size:30px;color:#5969ad;margin:0 0 18px 0\">\nPasivni digitalni tragovi<br \/>\n<\/h2>\n<p style=\"font-size:18px;line-height:1.65;color:#535978;margin:0\">\nPasivni digitalni tragovi su oni koje <strong>bez namjere<\/strong> plasiramo na internet. Ako posjetimo neku mre\u017enu stranicu, server mo\u017ee o\u010ditati na\u0161u IP adresu, prona\u0107i na\u0161eg pru\u017eatelja mre\u017enih usluga i saznati na\u0161u okvirnu lokaciju.\n<\/p>\n<p style=\"font-size:18px;line-height:1.65;color:#535978;margin:18px 0 0 0\">\nPasivni digitalni otisak nastaje i ako netko drugi objavi podatke o nama, npr. \u0161kola objavi rang-listu s natjecanja pa se na toj rang-listi na\u0111e i na\u0161e ime.\n<\/p>\n<\/div>\n<p><!-- AKTIVNI --><\/p>\n<div style=\"width:50%;background:#ffffff;padding:32px;border-radius:24px\">\n<div style=\"font-size:48px;margin-bottom:12px\">\n\ud83d\udcf1\n<\/div>\n<h2 style=\"font-size:30px;color:#8060b5;margin:0 0 18px 0\">\nAktivni digitalni tragovi<br \/>\n<\/h2>\n<p style=\"font-size:18px;line-height:1.65;color:#535978;margin:0\">\nAktivni digitalni tragovi su oni koje <strong>namjerno<\/strong> ostavljamo na internetu. To su objave na dru\u0161tvenim mre\u017eama (pisane, slikovne, video), \u201elajkovi\u201d koje smo dodijelili, poslane poruke elektroni\u010dke po\u0161te, objave na forumima, prijave na raznim lokacijama i sli\u010dno.\n<\/p>\n<div style=\"background:#f1effc;padding:18px 20px;border-radius:16px;margin-top:22px;border-left:5px solid #8170c7\">\n<p style=\"font-size:19px;font-weight:700;line-height:1.5;color:#4b4f80;margin:0\">\n\ud83d\udca1 Sve \u0161to je jednom objavljeno, zauvijek ostaje na internetu.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 13. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#d9e6ff 0%,#ece3fb 55%,#d7e5ff 100%);min-height:760px;padding:40px 45px 55px 45px;border-radius:22px\">\n<p><!-- NASLOV --><\/p>\n<h1 style=\"font-size:46px;line-height:1.15;color:#33458d;margin:0 0 15px 0\">\nPonovimo nau\u010deno!<br \/>\n<\/h1>\n<p><!-- UVOD --><\/p>\n<div style=\"background:#ffffff;padding:22px 28px;border-radius:20px;margin:0 0 28px 0\">\n<p style=\"font-size:21px;line-height:1.6;color:#535978;margin:0\">\n\ud83d\udd0e Provjeri \u0161to si nau\u010dio\/la o <strong>digitalnim tragovima<\/strong>. Pa\u017eljivo pro\u010ditaj zadatak i razmisli prije nego \u0161to odgovori\u0161.\n<\/p>\n<\/div>\n<p><!-- H5P AKTIVNOST --><\/p>\n<div style=\"background:#ffffff;width:100%;padding:20px;border-radius:24px\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-72\" class=\"h5p-iframe\" data-content-id=\"72\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"ponavljanje nau\u010denog - digitalni tragovi\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p><!-- 14. EKRAN --><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#d9e6ff 0%,#ece3fb 55%,#d7e5ff 100%);min-height:620px;padding:50px 40px;border-radius:22px;display:flex;align-items:center;justify-content:center\">\n<div style=\"background:#ffffff;max-width:780px;width:85%;padding:40px 45px;border-radius:26px;text-align:center\">\n<div style=\"font-size:65px;line-height:1;margin-bottom:12px\">\n\ud83c\udf89\n<\/div>\n<h1 style=\"font-size:50px;line-height:1.1;color:#33458d;margin:0 0 12px 0\">\nBravo!<br \/>\n<\/h1>\n<h2 style=\"font-size:27px;font-weight:500;color:#7360b6;margin:0 0 25px 0\">\nUspje\u0161no si zavr\u0161io\/la lekciju o digitalnim tragovima.<br \/>\n<\/h2>\n<div style=\"background:#f1effc;padding:22px 28px;border-radius:18px;margin:0 auto 25px auto\">\n<p style=\"font-size:22px;line-height:1.55;color:#4f5575;margin:0\">\n\ud83d\udc63 Sve \u0161to radimo na internetu mo\u017ee ostaviti<br \/>\n<strong>digitalni trag<\/strong>.\n<\/p>\n<\/div>\n<p style=\"font-size:19px;line-height:1.6;color:#666b87;margin:0\">\nZato prije svakog klika, komentara ili objave<br \/>\n<strong>zastani, razmisli i ostavi trag na koji \u0107e\u0161 biti ponosan\/na.<\/strong>\n<\/p>\n<div style=\"font-size:38px;margin-top:22px\">\n\ud83d\udc63 &nbsp; \ud83d\udcbb &nbsp; \ud83d\udd12\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<p>\r\n      <\/div>\r\n\r\n      <div class=\"edulab-nav\">\r\n        <button type=\"button\" class=\"edulab-step-prev\">\u2190 Natrag<\/button>\r\n        <button type=\"button\" class=\"edulab-step-next\">Sljede\u0107e \u2192<\/button>\r\n        <button type=\"button\" class=\"edulab-step-exit\">Izlaz<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"edulab-counter\">1 \/ 1<\/div>\r\n    <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page_front-page.php","meta":{"footnotes":""},"class_list":["post-388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/comments?post=388"}],"version-history":[{"count":167,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/388\/revisions"}],"predecessor-version":[{"id":2718,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/388\/revisions\/2718"}],"wp:attachment":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/media?parent=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}