{"id":5737,"date":"2026-11-06T18:10:33","date_gmt":"2026-11-06T17:10:33","guid":{"rendered":"https:\/\/povijest.net\/hpp\/?p=5737"},"modified":"2026-11-06T18:10:35","modified_gmt":"2026-11-06T17:10:35","slug":"zasto-su-vremenske-crte-na-webu-uglavnom-okomite","status":"publish","type":"post","link":"https:\/\/povijest.net\/hpp\/2026\/zasto-su-vremenske-crte-na-webu-uglavnom-okomite\/","title":{"rendered":"Za\u0161to su vremenske crte na webu uglavnom okomite?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">U povijesnim atlasima, ud\u017ebenicima i na \u0161kolskim plakatima vremenske crte naj\u010de\u0161\u0107e se prote\u017eu vodoravno, slijeva nadesno. Na internetskim stranicama, me\u0111utim, \u010desto susre\u0107emo druk\u010diji prikaz: doga\u0111aji su poredani jedan ispod drugoga, a \u010ditatelj se kroz povijest kre\u0107e pomicanjem stranice prema dolje. Za\u0161to?<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Razlog je prvenstveno tehni\u010dke i prakti\u010dne prirode.<\/strong> Internetske stranice oblikovane su tako da se njihov sadr\u017eaj \u0161iri u visinu. Vertikalna vremenska crta omogu\u0107uje jednostavno dodavanje novih doga\u0111aja bez pove\u0107avanja \u0161irine stranice. Osobito je pogodna za pametne telefone, \u010diji su zasloni uski i koje naj\u010de\u0161\u0107e dr\u017eimo uspravno. Pomicanje sadr\u017eaja prema gore i dolje uobi\u010dajen je na\u010din pregledavanja interneta, dok vodoravno pomicanje mo\u017ee zahtijevati dodatne radnje i ote\u017eavati snala\u017eenje.<\/p>\n\n\n        <section class=\"hpp-timeline\" id=\"hpp-timeline-1\"\n            data-hpp-timeline-id=\"5734\"\n            data-hpp-token=\"997d069b4df046c52fb17c52d39dc53e994031c90a42edf5e8edec71915b9efb\"\n            data-hpp-track=\"1\"\n            aria-label=\"Kako je nastalo na\u0161e ra\u010dunanje vremena?\">\n            <div class=\"hpp-timeline__heading\">\n                <span class=\"hpp-timeline__eyebrow\">HPP \/ INTERAKTIVNA KRONOLOGIJA<\/span>\n                <h2 class=\"hpp-timeline__title\">Kako je nastalo na\u0161e ra\u010dunanje vremena?<\/h2>\n                <p class=\"hpp-timeline__hint\">Odaberi doga\u0111aj za prikaz pojedinosti. Ponovnim odabirom zatvori opis.<\/p>\n            <\/div>\n            <div class=\"hpp-timeline__events\" aria-label=\"Popis doga\u0111aja\">\n                                    <button type=\"button\"\n                        data-hpp-event-id=\"0eb2004a9c48b44a00b82a3fd453d656c8716383\"\n                        id=\"hpp-timeline-1-event-0\"\n                        class=\"hpp-timeline__event\"\n                        data-hpp-index=\"0\"\n                        aria-expanded=\"true\"\n                        aria-controls=\"hpp-timeline-1-panel-0\">\n                        <span class=\"hpp-timeline__dot\" aria-hidden=\"true\"><\/span>\n                        <span class=\"hpp-timeline__date\">525.<\/span>\n                        <span class=\"hpp-timeline__event-title\">Dionizije Mali i po\u010detak kr\u0161\u0107anske ere<\/span>\n                        <span class=\"hpp-timeline__toggle\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                                        <article class=\"hpp-timeline__panel\"\n                        id=\"hpp-timeline-1-panel-0\"\n                        role=\"region\"\n                        aria-labelledby=\"hpp-timeline-1-event-0\">\n                        <p class=\"hpp-timeline__panel-date\">525.<\/p>\n                        <h3 class=\"hpp-timeline__panel-title\">Dionizije Mali i po\u010detak kr\u0161\u0107anske ere<\/h3>\n                        <div class=\"hpp-timeline__content\">\n                            <div class=\"hpp-timeline__text\">\n                                                                    <div class=\"hpp-timeline__description\"><p>U tablicama za ra\u010dunanje Uskrsa Dionizije koristi godine brojene od Kristova utjelovljenja.<\/p>\n<\/div>\n                                                                                                                            <\/div>\n                                                    <\/div>\n                    <\/article>\n                                                        <button type=\"button\"\n                        data-hpp-event-id=\"0af27614fd4b481a93263a1d46a1284dc13b6389\"\n                        id=\"hpp-timeline-1-event-1\"\n                        class=\"hpp-timeline__event\"\n                        data-hpp-index=\"1\"\n                        aria-expanded=\"true\"\n                        aria-controls=\"hpp-timeline-1-panel-1\">\n                        <span class=\"hpp-timeline__dot\" aria-hidden=\"true\"><\/span>\n                        <span class=\"hpp-timeline__date\">731.<\/span>\n                        <span class=\"hpp-timeline__event-title\">Beda \u010casni popularizira novi na\u010din datiranja<\/span>\n                        <span class=\"hpp-timeline__toggle\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                                        <article class=\"hpp-timeline__panel\"\n                        id=\"hpp-timeline-1-panel-1\"\n                        role=\"region\"\n                        aria-labelledby=\"hpp-timeline-1-event-1\">\n                        <p class=\"hpp-timeline__panel-date\">731.<\/p>\n                        <h3 class=\"hpp-timeline__panel-title\">Beda \u010casni popularizira novi na\u010din datiranja<\/h3>\n                        <div class=\"hpp-timeline__content\">\n                            <div class=\"hpp-timeline__text\">\n                                                                    <div class=\"hpp-timeline__description\"><p>U Crkvenoj povijesti naroda Angla povijesne doga\u0111aje datira prema kr\u0161\u0107anskoj eri.<\/p>\n<\/div>\n                                                                                                                            <\/div>\n                                                    <\/div>\n                    <\/article>\n                                                        <button type=\"button\"\n                        data-hpp-event-id=\"c2c76f8ee075848f784bda97e862d6caa6d7a84c\"\n                        id=\"hpp-timeline-1-event-2\"\n                        class=\"hpp-timeline__event\"\n                        data-hpp-index=\"2\"\n                        aria-expanded=\"true\"\n                        aria-controls=\"hpp-timeline-1-panel-2\">\n                        <span class=\"hpp-timeline__dot\" aria-hidden=\"true\"><\/span>\n                        <span class=\"hpp-timeline__date\">1582.<\/span>\n                        <span class=\"hpp-timeline__event-title\">Uvo\u0111enje gregorijanskoga kalendara<\/span>\n                        <span class=\"hpp-timeline__toggle\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                                        <article class=\"hpp-timeline__panel\"\n                        id=\"hpp-timeline-1-panel-2\"\n                        role=\"region\"\n                        aria-labelledby=\"hpp-timeline-1-event-2\">\n                        <p class=\"hpp-timeline__panel-date\">1582.<\/p>\n                        <h3 class=\"hpp-timeline__panel-title\">Uvo\u0111enje gregorijanskoga kalendara<\/h3>\n                        <div class=\"hpp-timeline__content\">\n                            <div class=\"hpp-timeline__text\">\n                                                                    <div class=\"hpp-timeline__description\"><p>Reforma ispravlja kalendarski sustav, ali zadr\u017eava postoje\u0107e brojanje godina.<\/p>\n<\/div>\n                                                                                                                            <\/div>\n                                                    <\/div>\n                    <\/article>\n                                                        <button type=\"button\"\n                        data-hpp-event-id=\"a39c816a6b01182e132517915c9d356bf3583de7\"\n                        id=\"hpp-timeline-1-event-3\"\n                        class=\"hpp-timeline__event\"\n                        data-hpp-index=\"3\"\n                        aria-expanded=\"true\"\n                        aria-controls=\"hpp-timeline-1-panel-3\">\n                        <span class=\"hpp-timeline__dot\" aria-hidden=\"true\"><\/span>\n                        <span class=\"hpp-timeline__date\">1740.<\/span>\n                        <span class=\"hpp-timeline__event-title\">Nulta godina u astronomiji<\/span>\n                        <span class=\"hpp-timeline__toggle\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                                        <article class=\"hpp-timeline__panel\"\n                        id=\"hpp-timeline-1-panel-3\"\n                        role=\"region\"\n                        aria-labelledby=\"hpp-timeline-1-event-3\">\n                        <p class=\"hpp-timeline__panel-date\">1740.<\/p>\n                        <h3 class=\"hpp-timeline__panel-title\">Nulta godina u astronomiji<\/h3>\n                        <div class=\"hpp-timeline__content\">\n                            <div class=\"hpp-timeline__text\">\n                                                                    <div class=\"hpp-timeline__description\"><p>Jacques Cassini objavljuje astronomske tablice koje koriste godinu nula.<\/p>\n<\/div>\n                                                                                                                            <\/div>\n                                                    <\/div>\n                    <\/article>\n                                                        <button type=\"button\"\n                        data-hpp-event-id=\"692d35206c3315015b9f164b688bc07f503c07c9\"\n                        id=\"hpp-timeline-1-event-4\"\n                        class=\"hpp-timeline__event\"\n                        data-hpp-index=\"4\"\n                        aria-expanded=\"true\"\n                        aria-controls=\"hpp-timeline-1-panel-4\">\n                        <span class=\"hpp-timeline__dot\" aria-hidden=\"true\"><\/span>\n                        <span class=\"hpp-timeline__date\">2001.<\/span>\n                        <span class=\"hpp-timeline__event-title\">Po\u010detak 21. stolje\u0107a i tre\u0107eg tisu\u0107lje\u0107a<\/span>\n                        <span class=\"hpp-timeline__toggle\" aria-hidden=\"true\"><\/span>\n                    <\/button>\n                                        <article class=\"hpp-timeline__panel\"\n                        id=\"hpp-timeline-1-panel-4\"\n                        role=\"region\"\n                        aria-labelledby=\"hpp-timeline-1-event-4\">\n                        <p class=\"hpp-timeline__panel-date\">2001.<\/p>\n                        <h3 class=\"hpp-timeline__panel-title\">Po\u010detak 21. stolje\u0107a i tre\u0107eg tisu\u0107lje\u0107a<\/h3>\n                        <div class=\"hpp-timeline__content\">\n                            <div class=\"hpp-timeline__text\">\n                                                                    <div class=\"hpp-timeline__description\"><p>Bez nulte godine prvo tisu\u0107lje\u0107e zavr\u0161ava 1000., drugo 2000., a tre\u0107e zapo\u010dinje 2001.<\/p>\n<\/div>\n                                                                                                                            <\/div>\n                                                    <\/div>\n                    <\/article>\n                                                                <\/div>\n        <\/section>\n        \n\n\n\n<p class=\"wp-block-paragraph\">Me\u0111utim, <strong>ono \u0161to je prakti\u010dno za pregledavanje internetske stranice nije uvijek najbolje za povijesnu analizu.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">U zapadnoj tradiciji \u010ditanja i pisanja slijeva nadesno vodoravna vremenska crta omogu\u0107uje intuitivno povezivanje pro\u0161losti s lijevom, a budu\u0107nosti s desnom stranom prikaza. Takav raspored olak\u0161ava sagledavanje vremenskih odnosa, trajanja povijesnih procesa i uspore\u0111ivanje doga\u0111aja.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Posebno je koristan za <em>usporednu kronologiju<\/em>. Primjerice, na vodoravnoj vremenskoj crti s nekoliko usporednih redaka mo\u017eemo istodobno pratiti \u0161to se u razdoblju europske renesanse doga\u0111alo u Kini za dinastije Ming ili u mezoameri\u010dkim civilizacijama. U vertikalnom prikazu, u kojem se doga\u0111aji naj\u010de\u0161\u0107e ni\u017eu jedan za drugim, takve je usporedbe te\u017ee neposredno uo\u010diti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jo\u0161 je va\u017enije pitanje <strong>vremenskih razmjera<\/strong>. Na proporcionalno oblikovanoj vremenskoj crti razmak izme\u0111u 1400. i 1500. godine jednak je razmaku izme\u0111u 1500. i 1600. godine. Takav prikaz poma\u017ee nam razumjeti trajanje povijesnih razdoblja, kontinuitete, promjene i me\u0111usobne vremenske odnose.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mnoge internetske vremenske crte, osobito vertikalne, ne prikazuju vrijeme u matemati\u010dki proporcionalnim razmacima. Prostor koji neki doga\u0111aj zauzima ovisi o koli\u010dini pridru\u017eenoga sadr\u017eaja. Ako po\u010detku Prvoga svjetskog rata 1914. godine posvetimo dvadeset fotografija i nekoliko opse\u017enih tekstova, taj doga\u0111aj mo\u017ee zauzeti nekoliko zaslona. Nasuprot tome, cijelo desetlje\u0107e s manje opisanih doga\u0111aja mo\u017ee stati u nekoliko redaka. Takav raspored mo\u017ee stvoriti pogre\u0161an vizualni dojam o trajanju i va\u017enosti pojedinih razdoblja.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To nije neizbje\u017eno obilje\u017eje vertikalnih vremenskih crta: i vodoravni prikazi mogu imati neproporcionalne razmake. Klju\u010dna je razlika izme\u0111u <strong>kronolo\u0161kog nizanja doga\u0111aja<\/strong> i <strong>prikazivanja vremena u stvarnom razmjeru<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vertikalne vremenske crte stoga nisu povijesno neto\u010dne, ali imaju druk\u010diju funkciju. Posebno su prikladne za kronolo\u0161ko pripovijedanje, postupno otkrivanje doga\u0111aja i \u010ditanje na mobilnim ure\u0111ajima. Horizontalne crte \u010desto su pogodnije za uspore\u0111ivanje paralelnih procesa i analizu vremenskih razmaka.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>U povijesnim atlasima, ud\u017ebenicima i na \u0161kolskim plakatima vremenske crte naj\u010de\u0161\u0107e se prote\u017eu vodoravno, slijeva nadesno. Na internetskim stranicama, me\u0111utim, \u010desto susre\u0107emo druk\u010diji prikaz: doga\u0111aji su poredani jedan ispod drugoga, a \u010ditatelj se kroz povijest kre\u0107e pomicanjem stranice prema dolje. Za\u0161to?<\/p>\n","protected":false},"author":1,"featured_media":5738,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[170,1368],"class_list":["post-5737","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digitalno-i-ai","tag-digitalni-alati","tag-vremenske-crte"],"_links":{"self":[{"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/posts\/5737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/comments?post=5737"}],"version-history":[{"count":1,"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/posts\/5737\/revisions"}],"predecessor-version":[{"id":5739,"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/posts\/5737\/revisions\/5739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/media\/5738"}],"wp:attachment":[{"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/media?parent=5737"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/categories?post=5737"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/povijest.net\/hpp\/wp-json\/wp\/v2\/tags?post=5737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}