{"id":11984,"date":"2021-01-17T15:17:18","date_gmt":"2021-01-17T15:17:18","guid":{"rendered":"https:\/\/www.insertioweb.com\/?p=11984"},"modified":"2026-01-07T21:52:30","modified_gmt":"2026-01-07T19:52:30","slug":"web-dizajn","status":"publish","type":"post","link":"https:\/\/www.insertioweb.com\/en\/web-dizajn\/","title":{"rendered":"Web design"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-294ee5fa gb-headline-text\">What is web design?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A term that is very similar <a class=\"rank-math-link\" href=\"https:\/\/hr.wikipedia.org\/wiki\/Grafi%C4%8Dki_dizajn\" rel=\"noopener\">graphic design<\/a>. Unlike graphic design, web design encompasses various skills used when creating websites. Therefore, the difference is that graphic design is primarily based on the design itself, while for the other, besides the design itself, it is necessary to know other elements that build a website such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/techterms.com\/definition\/markup_language\" class=\"rank-math-link\" rel=\"noopener\">markup languages<\/a> (HTML, XHTML and XML)<\/li>\n\n\n\n<li><a href=\"https:\/\/medium.com\/seek-blog\/a-unified-styling-language-d0c208de2660\" class=\"rank-math-link\" rel=\"noopener\">Languages for styling <\/a>(CSS and XLS)<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\" class=\"rank-math-link\" rel=\"noopener\">scripting on computers themselves<\/a> (JavaScript and VBScript)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.php.net\/\" class=\"rank-math-link\" rel=\"noopener\">server-side scripting<\/a> (PHP and ASP)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.britannica.com\/technology\/database\" class=\"rank-math-link\" rel=\"noopener\">databases<\/a> (MySQL, MSSQL)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.adobe.com\/products\/flashplayer\/end-of-life.html\" class=\"rank-math-link\" rel=\"noopener\">multimedia technologies<\/a> (Flash, Silverlight)<\/li>\n\n\n\n<li><a class=\"rank-math-link\" href=\"https:\/\/en.wikipedia.org\/wiki\/Digital_marketing\" rel=\"noopener\">Web marketing<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developers.google.com\/search\/docs\/beginner\/seo-starter-guide\" class=\"rank-math-link\" rel=\"noopener\">Optimization for search engines<\/a> (SEO)<\/li>\n\n\n\n<li><a href=\"https:\/\/aws.amazon.com\/caching\/\" class=\"rank-math-link\" rel=\"noopener\">Site Acceleration Techniques<\/a>, etc.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"gb-headline gb-headline-fb62630a gb-headline-text\">Concept of responsive web design<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you say web design, then most people think it's making a website. This is partly true, the design of the website is included, but the basic term is a much broader term than the appearance of the site itself. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, it is necessary to know how to make a website, how to have a good user interface, how to optimize it for search engines, and how to make the site functional for the need for which it was made. Therefore, the design itself is only part of the website in terms of beauty of appearance.<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-6a288bf5 gb-headline-text\">History<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1960. \u2013 that year<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hypertext \u2013 Hypertext was invented in 1969 and is the computer structure of the related units of information. The difference between normal text and hypertext is that hypertext is not read in a row, but is generated dynamically. Also, hypertext is modular, which means that parts can always be added or subtracted. Hypertext as such does not have to form a connected whole.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"497\" height=\"327\" src=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/Hypertext-insertioweb.jpg\" alt=\"Hypertext-insertioweb\" class=\"wp-image-11999\" srcset=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/Hypertext-insertioweb.jpg 497w, https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/Hypertext-insertioweb-300x197.jpg 300w\" sizes=\"(max-width: 497px) 100vw, 497px\"><figcaption class=\"wp-element-caption\">Schema of Hypertext<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">1980. \u2013 and<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Internet development \u2013 although the idea of the internet was practically created by the invention of hypertext, the real development of the internet has followed since 1983, when <a href=\"https:\/\/www.history.com\/news\/who-invented-the-internet\" class=\"rank-math-link\" rel=\"noopener\">ARPANET<\/a> presented by TCP\/IP. It took several years, namely until 1990, when Tim Berners-Lee introduced the World Wide Web.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"480\" height=\"312\" src=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/INternet-razvoj.jpg\" alt=\"INternet Development\" class=\"wp-image-12002\" srcset=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/INternet-razvoj.jpg 480w, https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/INternet-razvoj-300x195.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\"><figcaption class=\"wp-element-caption\">Scheme of the Internet<\/figcaption><\/figure>\n\n\n\n<h3 class=\"gb-headline gb-headline-a3ed3eda gb-headline-text\">Around 1992<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Text design \u2013 With the development of the internet in the 1990s, the first websites were made using classic coding, and web brawls were designed using simple text elements with images. The pages were not responsive because mobile technology was only in its infancy.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"498\" height=\"244\" src=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/text-insertioweb.png\" alt=\"text-insertioweb\" class=\"wp-image-12004\" srcset=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/text-insertioweb.png 498w, https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/text-insertioweb-300x147.png 300w\" sizes=\"(max-width: 498px) 100vw, 498px\"><figcaption class=\"wp-element-caption\">Text design<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Around 1996<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Web design 1.0 \u2013 The first websites were made exclusively as static pages obtained by coding. With this generation of designs, the pages were made according to a system of rows, the pages were non-responsive, and the design was such that the pages were stuffed with a lot of information. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"400\" height=\"232\" src=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-1.0.-Insertioweb-izrada-web-stranica.jpg\" alt=\"web design-1.0.-Insertioweb-design-website\" class=\"wp-image-12006\" srcset=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-1.0.-Insertioweb-izrada-web-stranica.jpg 400w, https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-1.0.-Insertioweb-izrada-web-stranica-300x174.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\"><figcaption class=\"wp-element-caption\">Web Design 1.0.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"gb-headline gb-headline-def67342 gb-headline-text\">Around 2000<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tabulated design \u2013 the design did not differ much from the initial design, but the pages started to work on a table-based basis, i.e. they had a clearer structure of rows and tables, primarily to better organise the content of the website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"480\" height=\"311\" src=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/2000.jpg\" alt=\"2000\" class=\"wp-image-12011\" srcset=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/2000.jpg 480w, https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/2000-300x194.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\"><figcaption class=\"wp-element-caption\">Table stacking<\/figcaption><\/figure>\n\n\n\n<h3 class=\"gb-headline gb-headline-317234b7 gb-headline-text\">Around 2006<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Blog design \u2013 The growing development of information, the need for blog pages, and the emergence of pages whose primary purpose was the constant addition of information in the form of blogs. Everything was modified so that the blog came to the fore.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"400\" height=\"306\" src=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/Blog-web-dizajn.jpg\" alt=\"Blog-web-design\" class=\"wp-image-12013\" srcset=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/Blog-web-dizajn.jpg 400w, https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/Blog-web-dizajn-300x230.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\"><\/figure>\n\n\n\n<h3 class=\"gb-headline gb-headline-42f57674 gb-headline-text\">Around 2010<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Web design 2.0. was a big turnaround in web design because the pages became responsive, and the design became cleaner, oriented to site visitors and what is characteristic here, the design began to include links to social networks, links, etc. Also included are google folders, video animations and podcasting. The pages became user-friendly and discussions could be done in real time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"500\" height=\"310\" src=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-2.0..jpeg\" alt=\"Web design-2.0.\" class=\"wp-image-12009\" srcset=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-2.0..jpeg 500w, https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-2.0.-300x186.jpeg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\"><figcaption class=\"wp-element-caption\">Web Design 2.0.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"gb-headline gb-headline-0c72daed gb-headline-text\">2015<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bootstrap \u2013 is<a rel=\"noreferrer noopener\" href=\"http:\/\/getbootstrap.com\/components\/\">\u00a0Toolkit (created in CSS and JavaScript)<\/a>\u00a0which enables high-quality, fast and consistent frontend design of the website. Boostrap is actually a set of tools that allow very quick creation of a wide range of various elements of the website. Some of these elements are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>keys, input fields, tables,<\/li>\n\n\n\n<li>menus, drop-down elements (dropping menus),<\/li>\n\n\n\n<li>modal windows, scroll animations,<\/li>\n\n\n\n<li>tooltips (animated information boxes to further clarify a particular element of the website), icons (<a href=\"http:\/\/getbootstrap.com\/components\/#glyphicons\" rel=\"noreferrer noopener\">Glyphicons<\/a>)<\/li>\n\n\n\n<li>various content exchangers (sliders),<\/li>\n\n\n\n<li>Bootstrap\u2019s most important element:\u00a0<a href=\"http:\/\/getbootstrap.com\/css\/#grid\" rel=\"noreferrer noopener\">Grid - responsive grid<\/a>, etc.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"480\" height=\"336\" src=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/bootstrap-insertioweb.jpg\" alt=\"bootstrap-insertioweb\" class=\"wp-image-12014\" srcset=\"https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/bootstrap-insertioweb.jpg 480w, https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/bootstrap-insertioweb-300x210.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\"><figcaption class=\"wp-element-caption\">Bootstrap<\/figcaption><\/figure>\n\n\n\n<h2 class=\"gb-headline gb-headline-3c920321 gb-headline-text\">2018<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Web Design 3.0. \u2013 the idea started in 2016 when 83 Oranges published design trends, but a new type of design occurred one to two years later. Web design 3.0 introduces some new element, the so-called Overlaping, then moves away from the Bottstrap design, the design is \u201cclean\u201d, and large likes are used in the header but also in other parts of the site.<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-1d44c204 gb-headline-text\">Present and future<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">At the moment, the appearance of the website is such that the pages are responsive, have large images, and the design is clean with a lot of space around the text and images. However, as an introduction to web design, the appearance of the site itself is not a basic element in the creation of the website, but it is also necessary to make a good SEO, it is necessary to know how to choose <a class=\"rank-math-link\" href=\"https:\/\/www.insertioweb.com\/en\/boje-na-web-stranicama\/\">colours<\/a> on the site depending on the topic of the site, but also <a class=\"rank-math-link\" href=\"https:\/\/www.insertioweb.com\/en\/tipografija-na-webu\/\">typography<\/a> It will fit well on the page. Also today, pages are made so that loading the page is very important for the experience but also automatically for SEO.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">How to learn web design what to expect in the future in design is difficult to predict, but what is now known is that content will be increasingly important for the site, but also an experience regardless of which device the site opens from. Whether you are doing your web design business as a freelancer, or you are a web design agency, you will definitely have to constantly monitor design trends to be up to date for potential customers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>What is web design? A term that is very similar to graphic design. Unlike graphic design, web design encompasses various skills used when creating websites. So the difference \u2026 <\/p>\n<p class=\"read-more-container\"><a title=\"Web design\" class=\"read-more button\" href=\"https:\/\/www.insertioweb.com\/en\/web-dizajn\/#more-11984\" aria-label=\"Read more about Web design\">READ MORE<\/a><\/p>","protected":false},"author":1,"featured_media":11986,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"tpgb_global_settings":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-11984","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","infinite-scroll-item","resize-featured-image"],"tpgb_featured_images":{"full":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn.jpg",1280,805,false],"tp-image-grid":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn.jpg",700,440,false],"thumbnail":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-150x150.jpg",150,150,true],"medium":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-300x189.jpg",300,189,true],"medium_large":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-768x483.jpg",768,483,true],"large":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2021\/01\/web-dizajn-1024x644.jpg",1024,644,true],"default":"https:\/\/www.insertioweb.com\/wp-content\/plugins\/the-plus-addons-for-block-editor\/assets\/images\/tpgb-placeholder.jpg"},"tpgb_post_meta_info":{"get_date":"January 17, 2021","get_modified_date":"January 7, 2026","category_list":{"category":[{"term_id":1,"name":"Zanimljivosti","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":39,"filter":"raw"}],"post_tag":false,"post_format":false},"author_name":"insertio","author_url":"https:\/\/www.insertioweb.com\/en\/author\/insertio\/","author_email":"insertioweb@gmail.com","author_website":"https:\/\/www.insertioweb.com","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"insertio","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/00193c03147a29b56101ea2b24b996a323f330ba78cd3f9e84b29d7df878638a?s=200&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/00193c03147a29b56101ea2b24b996a323f330ba78cd3f9e84b29d7df878638a?s=400&#038;d=mm&#038;r=g 2x' class='avatar avatar-200 photo' height='200' width='200' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/00193c03147a29b56101ea2b24b996a323f330ba78cd3f9e84b29d7df878638a?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":{"category":"<a href=\"https:\/\/www.insertioweb.com\/en\/category\/uncategorized\/\" alt=\"Zanimljivosti\"  class=\"category-uncategorized\">Zanimljivosti<\/a> "},"_links":{"self":[{"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/posts\/11984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/comments?post=11984"}],"version-history":[{"count":7,"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/posts\/11984\/revisions"}],"predecessor-version":[{"id":22016,"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/posts\/11984\/revisions\/22016"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/media\/11986"}],"wp:attachment":[{"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/media?parent=11984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/categories?post=11984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.insertioweb.com\/en\/wp-json\/wp\/v2\/tags?post=11984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}