{"id":373,"date":"2026-05-19T12:59:05","date_gmt":"2026-05-19T12:59:05","guid":{"rendered":"https:\/\/edulab.ufzg.hr\/?page_id=373"},"modified":"2026-09-04T09:11:36","modified_gmt":"2026-09-04T09:11:36","slug":"kako-nastaje-digitalni-trag","status":"publish","type":"page","link":"https:\/\/edulab.ufzg.hr\/index.php\/kako-nastaje-digitalni-trag\/","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<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:40px 6%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:linear-gradient(135deg,#F1F8F1 0%,#DCEEDC 48%,#BFDDBF 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center\">\n<div style=\"position:absolute;top:-180px;left:-140px;width:430px;height:430px;border-radius:50%;background:#285943;opacity:.09\"><\/div>\n<div style=\"position:absolute;bottom:-190px;right:-120px;width:480px;height:480px;border-radius:50%;background:#39734A;opacity:.08\"><\/div>\n<div style=\"position:absolute;top:8%;right:10%;width:150px;height:105px;border:5px solid #39734A;border-radius:10px;opacity:.10\">\n<div style=\"position:absolute;left:18px;right:18px;top:18px;height:52px;border:3px solid #39734A\"><\/div>\n<div style=\"position:absolute;left:55px;bottom:-25px;width:35px;height:20px;background:#39734A\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:9%;left:5%;width:135px;height:95px;border:5px solid #39734A;border-radius:9px;opacity:.09\">\n<div style=\"position:absolute;left:16px;right:16px;top:15px;height:50px;border:3px solid #39734A\"><\/div>\n<div style=\"position:absolute;left:48px;bottom:-22px;width:35px;height:18px;background:#39734A\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:12%;right:30%;font-family:monospace;font-size:14px;line-height:1.8;color:#285943;opacity:.11\">\n01 01 10 01<br \/>\n10 01 01 10<br \/>\n01 10 10 01\n<\/div>\n<div style=\"position:absolute;top:5%;left:8%;width:150px;height:150px;opacity:.22\">\n<div style=\"position:absolute;top:5px;left:55px;width:30px;height:45px;background:#285943;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:38px;left:20px;width:30px;height:45px;background:#285943;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:25px;left:92px;width:30px;height:45px;background:#285943;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:65px;left:115px;width:30px;height:45px;background:#285943;border-radius:50%\"><\/div>\n<div style=\"position:absolute;bottom:5px;left:48px;width:65px;height:55px;background:#285943;border-radius:50% 50% 45% 45%\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:12%;right:18%;width:160px;height:160px;opacity:.20\">\n<div style=\"position:absolute;top:4px;left:58px;width:30px;height:45px;background:#285943;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:35px;left:20px;width:30px;height:45px;background:#285943;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:24px;left:95px;width:30px;height:45px;background:#285943;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:65px;left:120px;width:30px;height:45px;background:#285943;border-radius:50%\"><\/div>\n<div style=\"position:absolute;bottom:5px;left:50px;width:68px;height:56px;background:#285943;border-radius:50% 50% 45% 45%\"><\/div>\n<\/div>\n<div style=\"position:relative;width:100%;max-width:1150px;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center\">\n<div style=\"position:absolute;top:0;left:0;right:0;text-align:center;color:#285943;font-size:20px;font-weight:900;letter-spacing:3px\">\nSARA CRNKOVI\u0106, 2026.\n<\/div>\n<div style=\"max-width:1000px;padding:50px 35px\">\n<h1 style=\"font-size:clamp(52px,7.5vw,94px);line-height:.98;color:#214F32;margin:0;font-weight:900;letter-spacing:-2px\">\nKako nastaje<br \/>\n<span style=\"color:#39734A\">digitalni trag?<\/span><br \/>\n<\/h1>\n<div style=\"width:130px;height:6px;background:#285943;margin:35px auto 0;border-radius:6px\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:40px 6%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:linear-gradient(135deg,#F1F8F1 0%,#DCEEDC 50%,#C5E4C8 100%);position:relative;overflow:hidden\">\n<div style=\"position:absolute;top:-120px;left:-100px;width:350px;height:350px;border-radius:50%;background:#285943;opacity:.07\"><\/div>\n<div style=\"position:absolute;bottom:-140px;right:-100px;width:400px;height:400px;border-radius:50%;background:#39734A;opacity:.07\"><\/div>\n<p><!-- \u0160APICE --><\/p>\n<div style=\"position:absolute;top:7%;left:4%;width:85px;height:75px;opacity:.20;transform:rotate(-25deg)\">\n<div style=\"position:absolute;top:0;left:31px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:20px;left:5px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:15px;left:58px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:38px;left:67px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;bottom:0;left:25px;width:42px;height:35px;background:#39734A;border-radius:50% 50% 45% 45%\"><\/div>\n<\/div>\n<div style=\"position:absolute;top:8%;right:5%;width:85px;height:75px;opacity:.20;transform:rotate(25deg)\">\n<div style=\"position:absolute;top:0;left:31px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:20px;left:5px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:15px;left:58px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:38px;left:67px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;bottom:0;left:25px;width:42px;height:35px;background:#39734A;border-radius:50% 50% 45% 45%\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:8%;left:6%;width:85px;height:75px;opacity:.20;transform:rotate(20deg)\">\n<div style=\"position:absolute;top:0;left:31px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:20px;left:5px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:15px;left:58px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:38px;left:67px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;bottom:0;left:25px;width:42px;height:35px;background:#39734A;border-radius:50% 50% 45% 45%\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:7%;right:6%;width:85px;height:75px;opacity:.20;transform:rotate(-20deg)\">\n<div style=\"position:absolute;top:0;left:31px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:20px;left:5px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:15px;left:58px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;top:38px;left:67px;width:20px;height:30px;background:#39734A;border-radius:50%\"><\/div>\n<div style=\"position:absolute;bottom:0;left:25px;width:42px;height:35px;background:#39734A;border-radius:50% 50% 45% 45%\"><\/div>\n<\/div>\n<div style=\"position:relative;max-width:1150px;margin:0 auto;text-align:center\">\n<div style=\"font-size:13px;letter-spacing:4px;color:#39734A;font-weight:bold;margin-bottom:8px\">\nKAKO KORISTITI LEKCIJU?\n<\/div>\n<h1 style=\"font-size:clamp(40px,5.5vw,64px);line-height:1.05;color:#214F32;margin:0 0 8px;font-weight:900\">\nPrati tragove i istra\u017euj!<br \/>\n<\/h1>\n<p style=\"font-size:20px;line-height:1.4;color:#365B40;max-width:800px;margin:0 auto 25px\">\nKroz lekciju \u0107e\u0161 gledati, istra\u017eivati i rje\u0161avati kratke zadatke.\n<\/p>\n<div style=\"display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:left\">\n<div style=\"background:#EAF6EA;border:3px solid #6BAA75;padding:20px 22px;border-radius:16px\">\n<div style=\"display:flex;align-items:center;gap:15px\">\n<div style=\"width:58px;height:58px;border-radius:50%;background:#39734A;color:white;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:bold;flex-shrink:0\">\n\u2192\n<\/div>\n<div>\n<h2 style=\"font-size:22px;color:#214F32;margin:0 0 5px\">\nSLJEDE\u0106E<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.35;color:#365B40;margin:0\">\nZa prelazak na sljede\u0107u stranicu pritisni gumb <strong>SLJEDE\u0106E<\/strong>.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background:#D8EED8;border:3px solid #39734A;padding:20px 22px;border-radius:16px\">\n<div style=\"display:flex;align-items:center;gap:15px\">\n<div style=\"width:58px;height:58px;border-radius:50%;background:#285943;color:white;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:bold;flex-shrink:0\">\n\u2190\n<\/div>\n<div>\n<h2 style=\"font-size:22px;color:#214F32;margin:0 0 5px\">\nNATRAG<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.35;color:#365B40;margin:0\">\nZa povratak na prethodnu stranicu pritisni gumb <strong>NATRAG<\/strong>.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background:#EAF6EA;border:3px solid #6BAA75;padding:20px 22px;border-radius:16px\">\n<div style=\"display:flex;align-items:center;gap:15px\">\n<div style=\"width:58px;height:58px;border-radius:50%;background:#39734A;color:white;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0\">\n\u25b6\n<\/div>\n<div>\n<h2 style=\"font-size:22px;color:#214F32;margin:0 0 5px\">\nREPRODUKCIJA VIDEA<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.35;color:#365B40;margin:0\">\nZa pokretanje videozapisa pritisni gumb <strong>\u25b6<\/strong>.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background:#D8EED8;border:3px solid #39734A;padding:20px 22px;border-radius:16px\">\n<div style=\"display:flex;align-items:center;gap:15px\">\n<div style=\"width:58px;height:58px;border-radius:50%;background:#285943;color:white;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:bold;flex-shrink:0\">\n\u2161\n<\/div>\n<div>\n<h2 style=\"font-size:22px;color:#214F32;margin:0 0 5px\">\nPAUZA<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.35;color:#365B40;margin:0\">\nZa zaustavljanje videozapisa pritisni gumb <strong>\u2161<\/strong>.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background:#F3FAF3;border:3px solid #6BAA75;padding:20px 22px;border-radius:16px;grid-column:1 \/ -1\">\n<div style=\"display:flex;align-items:center;gap:15px\">\n<div style=\"width:58px;height:58px;border-radius:50%;background:#39734A;color:white;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:bold;flex-shrink:0\">\n\u2713\n<\/div>\n<div>\n<h2 style=\"font-size:22px;color:#214F32;margin:0 0 5px\">\nZADATCI I PITANJA<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.35;color:#365B40;margin:0\">\nKada se pojavi zadatak ili pitanje, pa\u017eljivo pro\u010ditaj upute i odaberi ili upi\u0161i svoj odgovor. Nakon rje\u0161avanja nastavi dalje pomo\u0107u gumba <strong>SLJEDE\u0106E<\/strong>.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top:18px;background:#285943;padding:15px 25px;border-radius:14px;text-align:center\">\n<p style=\"font-size:19px;line-height:1.4;color:white;margin:0;font-weight:bold\">\n\ud83d\udc63 Istra\u017euj korak po korak i ne \u017euri \u2014 svaki zadatak donosi novi trag!\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:45px 6%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:linear-gradient(135deg,#F1F8F1 0%,#DCEEDC 50%,#C5E4C8 100%);position:relative;overflow:hidden\">\n<div style=\"position:absolute;top:-120px;right:-100px;width:360px;height:360px;border-radius:50%;background:#285943;opacity:.07\"><\/div>\n<div style=\"position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;border-radius:50%;background:#39734A;opacity:.06\"><\/div>\n<div style=\"position:relative;max-width:1200px;margin:0 auto\">\n<div style=\"text-align:center;margin-bottom:35px\">\n<div style=\"font-size:13px;letter-spacing:4px;color:#39734A;font-weight:bold;margin-bottom:10px\">\nDIGITALNI TRAG\n<\/div>\n<h1 style=\"font-size:clamp(42px,5.5vw,68px);line-height:1.05;color:#214F32;margin:0;font-weight:900\">\nDanas \u0107emo nau\u010diti&#8230;<br \/>\n<\/h1>\n<\/div>\n<div style=\"display:grid;grid-template-columns:repeat(2,1fr);gap:20px\">\n<div style=\"background:#EAF6EA;border:3px solid #6BAA75;padding:25px;border-radius:14px\">\n<h2 style=\"font-size:25px;color:#214F32;margin:0 0 10px\">\n\u0160to je digitalni trag?<br \/>\n<\/h2>\n<p style=\"font-size:18px;line-height:1.45;color:#365B40;margin:0\">\nSaznat \u0107emo \u0161to je digitalni trag i \u0161to sve mo\u017eemo ostaviti iza sebe dok koristimo internet.\n<\/p>\n<\/div>\n<div style=\"background:#D8EED8;border:3px solid #39734A;padding:25px;border-radius:14px\">\n<h2 style=\"font-size:25px;color:#214F32;margin:0 0 10px\">\nKako digitalni trag nastaje?<br \/>\n<\/h2>\n<p style=\"font-size:18px;line-height:1.45;color:#365B40;margin:0\">\nOtkrit \u0107emo kako nastaju aktivni i pasivni digitalni tragovi te kako ra\u010dunala i internetske usluge pamte podatke.\n<\/p>\n<\/div>\n<div style=\"background:#EAF6EA;border:3px solid #6BAA75;padding:25px;border-radius:14px\">\n<h2 style=\"font-size:25px;color:#214F32;margin:0 0 10px\">\n\u0160to ostavljamo na internetu?<br \/>\n<\/h2>\n<p style=\"font-size:18px;line-height:1.45;color:#365B40;margin:0\">\nPrepoznat \u0107emo koje podatke i sadr\u017eaje ostavljamo iza sebe kada pretra\u017eujemo, klikamo, objavljujemo i koristimo aplikacije.\n<\/p>\n<\/div>\n<div style=\"background:#D8EED8;border:3px solid #39734A;padding:25px;border-radius:14px\">\n<h2 style=\"font-size:25px;color:#214F32;margin:0 0 10px\">\nKako za\u0161tititi svoj trag?<br \/>\n<\/h2>\n<p style=\"font-size:18px;line-height:1.45;color:#365B40;margin:0\">\nNau\u010dit \u0107emo kako \u010duvati svoje osobne podatke, paziti \u0161to objavljujemo i donositi sigurnije odluke na internetu.\n<\/p>\n<\/div>\n<\/div>\n<div style=\"margin-top:25px;background:#214F32;padding:22px 30px;border-radius:12px;text-align:center\">\n<p style=\"font-size:21px;line-height:1.45;color:white;margin:0;font-weight:bold\">\nNa kraju \u0107emo znati prepoznati digitalni trag, razlikovati njegove vrste i sigurnije koristiti internet.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:45px 5%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:linear-gradient(135deg,#EAF6EA,#D8EEDC,#C5E4C8);position:relative;overflow:hidden\">\n<div style=\"text-align:center;color:#285943;font-size:14px;font-weight:bold;letter-spacing:3px;margin-bottom:30px\">\nDIGITALNI TRAG\n<\/div>\n<div style=\"max-width:1400px;margin:0 auto;text-align:center\">\n<h1 style=\"font-size:clamp(42px,5.5vw,68px);line-height:1.05;color:#214F32;margin:0 0 14px;font-weight:900\">\nJUTARNJA RUTINA PSI\u0106A NJU\u0160KALA<br \/>\n<\/h1>\n<p style=\"font-size:21px;line-height:1.5;color:#365B40;max-width:780px;margin:0 auto 28px\">\nPa\u017eljivo pogledaj kako Nju\u0161kalo provodi svoje jutro.\n<\/p>\n<div style=\"width:100%;max-width:850px;margin:0 auto;background:#F3FAF3;border:3px solid #39734A;padding:14px\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-74\" class=\"h5p-iframe\" data-content-id=\"74\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Uvodna pri\u010da\"><\/iframe><\/div>\n<\/div>\n<div style=\"width:100%;margin:40px auto 0;padding:28px 35px;background:#285943;border-radius:14px\">\n<div style=\"color:white;font-size:24px;font-weight:900;margin-bottom:22px\">\nSADA ODGOVORI NA PITANJA\n<\/div>\n<div style=\"width:100%;background:white;padding:20px;border-radius:8px\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-79\" class=\"h5p-iframe\" data-content-id=\"79\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Odgovori na nekoliko pitanja.\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:50px 6%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:#F3FAF3;position:relative;overflow:hidden\">\n<div style=\"text-align:center;color:#285943;font-size:14px;font-weight:bold;letter-spacing:3px;margin-bottom:25px\">\nDIGITALNI TRAG\n<\/div>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-77\" class=\"h5p-iframe\" data-content-id=\"77\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"\u0160to je digitalni trag?\"><\/iframe><\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:#F3FAF3;position:relative;overflow:hidden\">\n<div style=\"text-align:center;padding-top:25px;color:#285943;font-size:14px;font-weight:bold;letter-spacing:3px\">\nDIGITALNI TRAG\n<\/div>\n<div class=\"h5p-content\" data-content-id=\"76\"><\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:30px 7% 45px;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:linear-gradient(135deg,#EAF6EA,#D8EED8);position:relative;overflow:hidden\">\n<div style=\"text-align:center;color:#285943;font-size:14px;font-weight:bold;letter-spacing:3px;margin-bottom:18px\">\nDIGITALNI TRAG\n<\/div>\n<div style=\"max-width:1150px;margin:0 auto;text-align:center\">\n<h1 style=\"font-size:clamp(38px,5vw,60px);line-height:1.05;color:#214F32;margin:0;font-weight:900\">\nKako ra\u010dunalo pamti digitalne tragove?<br \/>\n<\/h1>\n<p style=\"font-size:20px;line-height:1.4;color:#365B40;max-width:820px;margin:12px auto 0\">\nKada ne\u0161to napravimo na internetu, odre\u0111eni se podaci mogu zabilje\u017eiti i pohraniti.\n<\/p>\n<div style=\"display:flex;align-items:flex-start;justify-content:center;gap:22px;margin:25px auto 0;flex-wrap:wrap\">\n<div style=\"text-align:center;width:250px\">\n<div style=\"width:150px;height:105px;border:7px solid #39734A;background:#F3FAF3;margin:0 auto;position:relative;border-radius:8px\">\n<div style=\"position:absolute;left:18px;right:18px;top:15px;height:52px;border:3px solid #6BAA75\"><\/div>\n<div style=\"position:absolute;left:55px;right:55px;bottom:-25px;height:14px;background:#39734A;border-radius:4px\"><\/div>\n<\/div>\n<h2 style=\"font-size:24px;color:#214F32;margin:35px 0 8px\">\n1. Napravimo ne\u0161to<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.4;color:#52735A;margin:0\">\nPretra\u017eimo internet, kliknemo, napi\u0161emo komentar ili objavimo fotografiju.\n<\/p>\n<\/div>\n<div style=\"font-size:42px;color:#39734A;font-weight:bold;padding-top:70px\">\n\u2192\n<\/div>\n<div style=\"text-align:center;width:250px\">\n<div style=\"position:relative;width:145px;height:105px;margin:0 auto\">\n<div style=\"position:absolute;left:20px;top:5px;width:105px;height:90px;border:5px solid #6BAA75;background:#F3FAF3;border-radius:10px\"><\/div>\n<div style=\"position:absolute;left:45px;top:28px;width:55px;height:8px;background:#39734A\"><\/div>\n<div style=\"position:absolute;left:45px;top:47px;width:40px;height:8px;background:#39734A\"><\/div>\n<div style=\"position:absolute;left:45px;top:66px;width:48px;height:8px;background:#39734A\"><\/div>\n<\/div>\n<h2 style=\"font-size:24px;color:#214F32;margin:12px 0 8px\">\n2. Podatak se zabilje\u017ei<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.4;color:#52735A;margin:0\">\nInternetska usluga mo\u017ee zabilje\u017eiti odre\u0111ene podatke povezane s na\u0161om aktivno\u0161\u0107u.\n<\/p>\n<\/div>\n<div style=\"font-size:42px;color:#39734A;font-weight:bold;padding-top:70px\">\n\u2192\n<\/div>\n<div style=\"text-align:center;width:250px\">\n<div style=\"width:150px;margin:0 auto\">\n<div style=\"height:25px;border:4px solid #39734A;border-bottom:0;border-radius:50% 50% 0 0;background:#D8EED8\"><\/div>\n<div style=\"height:70px;border:4px solid #39734A;background:#E6F3E6;border-radius:0 0 8px 8px;position:relative\">\n<div style=\"position:absolute;left:25px;right:25px;top:17px;height:8px;background:#6BAA75\"><\/div>\n<div style=\"position:absolute;left:25px;right:45px;top:37px;height:8px;background:#6BAA75\"><\/div>\n<\/div>\n<\/div>\n<h2 style=\"font-size:24px;color:#214F32;margin:18px 0 8px\">\n3. Podatak se pohrani<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.4;color:#52735A;margin:0\">\nPodatak se mo\u017ee pohraniti na serveru \u2013 ra\u010dunalu koje \u010duva podatke.\n<\/p>\n<\/div>\n<\/div>\n<div style=\"margin:28px auto 0;text-align:center;max-width:850px\">\n<div style=\"width:100%;height:3px;background:#6BAA75;margin-bottom:18px\"><\/div>\n<p style=\"font-size:21px;line-height:1.4;color:#214F32;margin:0;font-weight:bold\">\nServer mo\u017eemo zamisliti kao vrlo mo\u0107no ra\u010dunalo koje mo\u017ee pohranjivati velike koli\u010dine podataka.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:45px 6%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:linear-gradient(135deg,#EAF6EA 0%,#D8EEDC 55%,#C5E4C8 100%);position:relative;overflow:hidden\">\n<div style=\"position:absolute;top:-120px;right:-100px;width:360px;height:360px;border-radius:50%;background:#285943;opacity:.07\"><\/div>\n<div style=\"position:absolute;bottom:-160px;left:-100px;width:420px;height:420px;border-radius:50%;background:#39734A;opacity:.06\"><\/div>\n<div style=\"position:relative;max-width:1250px;margin:0 auto;text-align:center\">\n<div style=\"font-size:14px;letter-spacing:4px;color:#39734A;font-weight:bold;margin-bottom:10px\">\nDIGITALNI TRAG\n<\/div>\n<h1 style=\"font-size:clamp(40px,5vw,64px);line-height:1.05;color:#214F32;margin:0 0 12px;font-weight:900\">\nPostoje dvije vrste traga<br \/>\n<\/h1>\n<p style=\"font-size:21px;line-height:1.45;color:#365B40;max-width:850px;margin:0 auto 30px\">\nDigitalni tragovi mogu nastati kada ne\u0161to svjesno napravimo na internetu, ali i dok internet koristimo bez da ne\u0161to objavimo.\n<\/p>\n<div style=\"display:flex;gap:25px;align-items:stretch;flex-wrap:wrap;text-align:left\">\n<div style=\"flex:1;min-width:330px;background:#D8EED8;color:#214F32;padding:30px;border:4px solid #6BAA75;border-radius:14px\">\n<h2 style=\"font-size:31px;margin:0 0 14px;color:#214F32\">\nAktivni digitalni trag<br \/>\n<\/h2>\n<p style=\"font-size:18px;line-height:1.5;margin:0 0 20px;color:#365B40\">\nNastaje kada <strong>svjesno napravimo ne\u0161to<\/strong> na internetu i ostavimo podatak ili sadr\u017eaj.\n<\/p>\n<div style=\"background:#EAF6EA;padding:18px;border-radius:10px;border-left:5px solid #39734A\">\n<div style=\"font-size:17px;font-weight:bold;color:#214F32;margin-bottom:10px\">\nPrimjeri\n<\/div>\n<div style=\"font-size:17px;line-height:1.7;color:#365B40\">\nObjavimo fotografiju<br \/>\nNapi\u0161emo komentar<br \/>\nPo\u0161aljemo poruku<br \/>\nLajkamo objavu<br \/>\nObjavimo video\n<\/div>\n<\/div>\n<\/div>\n<div style=\"flex:1;min-width:330px;background:#F3FAF3;padding:30px;border:4px solid #39734A;border-radius:14px\">\n<h2 style=\"font-size:31px;color:#214F32;margin:0 0 14px\">\nPasivni digitalni trag<br \/>\n<\/h2>\n<p style=\"font-size:18px;line-height:1.5;color:#365B40;margin:0 0 20px\">\nMo\u017ee nastati dok <strong>koristimo internet ili ure\u0111aj<\/strong>, \u010dak i kada ni\u0161ta posebno ne objavimo.\n<\/p>\n<div style=\"background:#D8EED8;padding:18px;border-radius:10px;border-left:5px solid #6BAA75\">\n<div style=\"font-size:17px;font-weight:bold;color:#214F32;margin-bottom:10px\">\nPrimjeri\n<\/div>\n<div style=\"font-size:17px;line-height:1.7;color:#365B40\">\nLokacija ure\u0111aja<br \/>\nVrijeme provedeno u aplikaciji<br \/>\nPodaci o posje\u0107enim stranicama<br \/>\nPretrage na internetu<br \/>\nPodaci o kori\u0161tenju aplikacije\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top:25px;background:#EAF6EA;border-left:8px solid #39734A;padding:20px 28px;text-align:left;border-radius:8px\">\n<div style=\"font-size:20px;color:#214F32;line-height:1.45\">\n<strong>Zapamti:<\/strong> aktivni trag ostavljamo kada ne\u0161to svjesno napravimo, dok pasivni trag mo\u017ee nastati dok samo koristimo internet i ure\u0111aje.\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:#F3FAF3;position:relative;overflow:hidden\">\n<div style=\"text-align:center;padding-top:25px;color:#285943;font-size:14px;font-weight:bold;letter-spacing:3px\">\nDIGITALNI TRAG\n<\/div>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-78\" class=\"h5p-iframe\" data-content-id=\"78\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Poku\u0161aj razvrstati tragove\"><\/iframe><\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:38px 5%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:linear-gradient(135deg,#F1F8F1 0%,#DCEEDC 50%,#C5E4C8 100%);position:relative;overflow:hidden\">\n<div style=\"position:absolute;top:-100px;left:-100px;width:300px;height:300px;border-radius:50%;background:#39734A;opacity:.08\"><\/div>\n<div style=\"position:absolute;bottom:-130px;right:-100px;width:380px;height:380px;border-radius:50%;background:#285943;opacity:.07\"><\/div>\n<div style=\"position:absolute;top:15%;left:3%;width:170px;height:90px;border:3px solid #6BAA75;border-radius:12px;opacity:.16\"><\/div>\n<div style=\"position:absolute;bottom:12%;right:3%;width:170px;height:90px;border:3px solid #6BAA75;border-radius:12px;opacity:.16\"><\/div>\n<div style=\"position:absolute;top:12%;right:8%;width:100px;height:100px;border:4px solid #39734A;border-radius:50%;opacity:.13\"><\/div>\n<div style=\"position:absolute;bottom:15%;left:8%;width:100px;height:100px;border:4px solid #39734A;border-radius:50%;opacity:.13\"><\/div>\n<div style=\"position:relative;max-width:1250px;margin:0 auto\">\n<div style=\"text-align:center;margin-bottom:25px\">\n<div style=\"font-size:13px;letter-spacing:4px;color:#39734A;font-weight:bold;margin-bottom:8px\">\nDIGITALNI TRAG\n<\/div>\n<h1 style=\"font-size:clamp(40px,5.5vw,64px);line-height:1.05;color:#214F32;margin:0;font-weight:900\">\nKakav trag ostaje?<br \/>\n<\/h1>\n<p style=\"font-size:20px;line-height:1.4;color:#365B40;max-width:780px;margin:10px auto 0\">\nSvaki put kada koristimo internet, ostavljamo ne\u0161to iza sebe.\n<\/p>\n<\/div>\n<div style=\"display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;align-items:stretch\">\n<div style=\"display:flex;flex-direction:column;gap:18px\">\n<div style=\"background:#EAF6EA;border:3px solid #6BAA75;padding:22px;border-radius:14px\">\n<h2 style=\"font-size:23px;color:#214F32;margin:0 0 9px\">\nFotografije i videozapisi<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.45;color:#365B40;margin:0\">\nObjavljeni sadr\u017eaj mo\u017ee ostati dostupan i nakon \u0161to ga prestanemo gledati.\n<\/p>\n<\/div>\n<div style=\"background:#D8EED8;border:3px solid #39734A;padding:22px;border-radius:14px\">\n<h2 style=\"font-size:23px;color:#214F32;margin:0 0 9px\">\nKomentari i poruke<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.45;color:#365B40;margin:0\">\nOno \u0161to napi\u0161emo online tako\u0111er mo\u017ee postati dio na\u0161eg digitalnog traga.\n<\/p>\n<\/div>\n<div style=\"background:#EAF6EA;border:3px solid #6BAA75;padding:22px;border-radius:14px\">\n<h2 style=\"font-size:23px;color:#214F32;margin:0 0 9px\">\nPretra\u017eivanja i klikovi<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.45;color:#365B40;margin:0\">\nNa\u0161a aktivnost na internetu mo\u017ee ostaviti podatke o tome \u0161to smo tra\u017eili i koristili.\n<\/p>\n<\/div>\n<\/div>\n<div style=\"background:#214F32;border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;justify-content:center;text-align:center\">\n<h2 style=\"font-size:31px;color:white;margin:0 0 18px\">\nDigitalni trag putuje s nama<br \/>\n<\/h2>\n<p style=\"font-size:20px;line-height:1.55;color:#F1F8F1;margin:0 0 25px\">\nKada ne\u0161to objavimo, napi\u0161emo, pretra\u017eimo ili kliknemo, mo\u017eemo ostaviti podatke koji postaju dio na\u0161eg digitalnog traga.\n<\/p>\n<div style=\"height:3px;background:#6BAA75;width:80%;margin:0 auto 25px\"><\/div>\n<p style=\"font-size:21px;line-height:1.5;color:white;margin:0;font-weight:bold\">\nZato zastani i razmisli prije nego \u0161to ne\u0161to napravi\u0161 na internetu.\n<\/p>\n<\/div>\n<div style=\"display:flex;flex-direction:column;gap:18px\">\n<div style=\"background:#D8EED8;border:3px solid #39734A;padding:22px;border-radius:14px\">\n<h2 style=\"font-size:23px;color:#214F32;margin:0 0 9px\">\nNetko ga mo\u017ee vidjeti<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.45;color:#365B40;margin:0\">\nSadr\u017eaj koji objavimo mogu vidjeti ljudi kojima smo ga namijenili, ali ponekad i drugi.\n<\/p>\n<\/div>\n<div style=\"background:#EAF6EA;border:3px solid #6BAA75;padding:22px;border-radius:14px\">\n<h2 style=\"font-size:23px;color:#214F32;margin:0 0 9px\">\nNetko ga mo\u017ee spremiti<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.45;color:#365B40;margin:0\">\nFotografiju ili objavu netko mo\u017ee spremiti na svoj ure\u0111aj.\n<\/p>\n<\/div>\n<div style=\"background:#D8EED8;border:3px solid #39734A;padding:22px;border-radius:14px\">\n<h2 style=\"font-size:23px;color:#214F32;margin:0 0 9px\">\nNetko ga mo\u017ee podijeliti<br \/>\n<\/h2>\n<p style=\"font-size:17px;line-height:1.45;color:#365B40;margin:0\">\nJednom objavljen sadr\u017eaj mo\u017ee se pro\u0161iriti dalje nego \u0161to smo o\u010dekivali.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px\">\n<div style=\"background:#F3FAF3;padding:18px;border-radius:10px;border-top:5px solid #39734A;text-align:center\">\n<div style=\"font-size:18px;font-weight:bold;color:#214F32;margin-bottom:6px\">\nRAZMISLI\n<\/div>\n<div style=\"font-size:16px;color:#52735A\">\nJe li ovo sigurno objaviti?\n<\/div>\n<\/div>\n<div style=\"background:#F3FAF3;padding:18px;border-radius:10px;border-top:5px solid #6BAA75;text-align:center\">\n<div style=\"font-size:18px;font-weight:bold;color:#214F32;margin-bottom:6px\">\nPROVJERI\n<\/div>\n<div style=\"font-size:16px;color:#52735A\">\nTko mo\u017ee vidjeti moj sadr\u017eaj?\n<\/div>\n<\/div>\n<div style=\"background:#F3FAF3;padding:18px;border-radius:10px;border-top:5px solid #39734A;text-align:center\">\n<div style=\"font-size:18px;font-weight:bold;color:#214F32;margin-bottom:6px\">\nZA\u0160TITI\n<\/div>\n<div style=\"font-size:16px;color:#52735A\">\n\u010cuvaj svoje osobne podatke.\n<\/div>\n<\/div>\n<div style=\"background:#F3FAF3;padding:18px;border-radius:10px;border-top:5px solid #6BAA75;text-align:center\">\n<div style=\"font-size:18px;font-weight:bold;color:#214F32;margin-bottom:6px\">\nZASTANI\n<\/div>\n<div style=\"font-size:16px;color:#52735A\">\nRazmisli prije klika na \u201eObjavi\u201d.\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:28px 6%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:linear-gradient(135deg,#EAF6EA 0%,#D8EED8 55%,#C5E4C8 100%);position:relative;overflow:hidden\">\n<div style=\"position:absolute;top:-120px;right:-100px;width:350px;height:350px;border-radius:50%;background:#285943;opacity:.07\"><\/div>\n<div style=\"position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;border-radius:50%;background:#39734A;opacity:.06\"><\/div>\n<div style=\"position:relative;width:100%;max-width:1250px;margin:0 auto;text-align:center\">\n<div style=\"font-size:12px;letter-spacing:4px;color:#285943;font-weight:bold;margin-bottom:5px\">\nDIGITALNI TRAG\n<\/div>\n<h1 style=\"font-size:clamp(36px,5vw,58px);line-height:1.05;color:#214F32;margin:0 0 7px;font-weight:900\">\nKako \u010duvati svoj digitalni trag?<br \/>\n<\/h1>\n<p style=\"font-size:18px;color:#365B40;margin:0 0 14px\">\nNekoliko jednostavnih pravila pomo\u0107i \u0107e ti da za\u0161titi\u0161 svoje podatke.\n<\/p>\n<div style=\"width:100%;background:#F3FAF3;border-top:4px solid #285943;border-bottom:4px solid #285943;text-align:left;margin-bottom:18px\">\n<div style=\"padding:11px 25px;font-size:18px;color:#214F32\">\n<strong>RAZMISLI<\/strong> \u2014 prije nego \u0161to ne\u0161to objavi\u0161 ili po\u0161alje\u0161.\n<\/div>\n<div style=\"height:1px;background:#B7D3B9\"><\/div>\n<div style=\"padding:11px 25px;font-size:18px;color:#214F32\">\n<strong>\u010cUVAJ PODATKE<\/strong> \u2014 ne dijeli osobne podatke s drugima.\n<\/div>\n<div style=\"height:1px;background:#B7D3B9\"><\/div>\n<div style=\"padding:11px 25px;font-size:18px;color:#214F32\">\n<strong>PROVJERI<\/strong> \u2014 razmisli kome \u0161alje\u0161 fotografije i informacije.\n<\/div>\n<div style=\"height:1px;background:#B7D3B9\"><\/div>\n<div style=\"padding:11px 25px;font-size:18px;color:#214F32\">\n<strong>ZA\u0160TITI SE<\/strong> \u2014 koristi sigurne lozinke i \u010duvaj ih za sebe.\n<\/div>\n<\/div>\n<div style=\"background:#285943;padding:16px 20px;border-radius:12px\">\n<div style=\"color:white;font-size:21px;font-weight:900;margin-bottom:10px\">\nPoka\u017ei \u0161to zna\u0161\n<\/div>\n<div style=\"background:white;border-radius:8px;padding:10px;width:100%\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-80\" class=\"h5p-iframe\" data-content-id=\"80\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Biranje\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;width:100%;padding:50px 7%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;background:linear-gradient(135deg,#EAF6EA,#D8EED8);position:relative;overflow:hidden\">\n<div style=\"text-align:center;color:#285943;font-size:14px;font-weight:bold;letter-spacing:3px;margin-bottom:30px\">\nDIGITALNI TRAG\n<\/div>\n<div style=\"max-width:1100px;margin:0 auto;text-align:center\">\n<h1 style=\"font-size:clamp(42px,6vw,68px);color:#214F32;margin:0 0 30px;font-weight:900\">\nNju\u0161kalo je nau\u010dio&#8230;<br \/>\n<\/h1>\n<div style=\"background:#F3FAF3;padding:38px 45px;border:3px solid #39734A;text-align:left\">\n<p style=\"font-size:23px;line-height:1.6;color:#365B40;margin:0 0 20px\">\nKad god koristi\u0161 internet, mo\u017ee\u0161 ostaviti digitalni trag.\n<\/p>\n<p style=\"font-size:23px;line-height:1.6;color:#365B40;margin:0 0 20px\">\nNeki tragovi nastaju svjesno \u2013 <strong>aktivni tragovi<\/strong>.\n<\/p>\n<p style=\"font-size:23px;line-height:1.6;color:#365B40;margin:0 0 20px\">\nNeki nastaju dok samo koristi\u0161 ure\u0111aje i stranice \u2013 <strong>pasivni tragovi<\/strong>.\n<\/p>\n<p style=\"font-size:23px;line-height:1.6;color:#214F32;font-weight:bold;margin:0\">\nZato prije nego \u0161to ne\u0161to napravi\u0161 na internetu, zastani i razmisli.\n<\/p>\n<\/div>\n<div style=\"margin-top:38px;font-size:25px;color:#39734A;font-weight:bold\">\nTvoj digitalni trag nastaje svaki dan.\n<\/div>\n<div style=\"margin-top:45px;font-size:18px;color:#52735A\">\nSARA CRNKOVI\u0106, 2026.\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\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":7,"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-373","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/373","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/comments?post=373"}],"version-history":[{"count":65,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/373\/revisions"}],"predecessor-version":[{"id":2482,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/373\/revisions\/2482"}],"wp:attachment":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/media?parent=373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}