{"id":2362,"date":"2019-05-12T23:47:55","date_gmt":"2019-05-12T22:47:55","guid":{"rendered":"https:\/\/www.webhostingsrbija.rs\/?p=1445"},"modified":"2019-05-12T23:47:55","modified_gmt":"2019-05-12T22:47:55","slug":"html-sajt-na-cpanel-hosting","status":"publish","type":"post","link":"https:\/\/www.webhostingsrbija.rs\/en\/html-sajt-na-cpanel-hosting\/","title":{"rendered":"HTML site on cPanel hosting"},"content":{"rendered":"<p class=\"wp-block-paragraph\">In this short guide, the complete procedure for setting up an HTML site from a computer to the hosting itself will be shown.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First of all, it is necessary to <strong><em>ZIP<\/em><\/strong>-uite files (.zip extension is necessary because .rar is not supported). The example image was made on Windows 10 and every Windows has this. If you do not have this option, then find a program through which you can ZIP files (such as winrar).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>IT IS VERY IMPORTANT:<\/em><\/strong><br>It is very important to go into the folder where all the html files and similar are, and not to zip the folder inside which the files are. Just like in the picture, go into the folder and select all the files from your site and only then zip it. If you zip the folder and when you unzip it later, it will not open the site.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2019\/05\/slika.png\" alt=\"html na cpanel\" class=\"wp-image-1446\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When we clicked on the &quot;Compressed folder&quot; option, the computer packed the desired files into one file. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The next step is to log in to cPanel (vasdomain\/cpanel). Then we click on &quot;File Manager&quot;, where we then open the folder &quot;public_html&quot; as shown in the picture.<br>(If you have a cgi-bin folder in public_html, don&#039;t worry, nothing bothers you and you can delete it.)<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2019\/05\/Capture-1024x566.png\" alt=\"html na cpanel\" class=\"wp-image-1447\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As you can see, public_html is marked on the left side, where on the right side it will appear empty or only the cgi-bin folder.<br>What is still marked is the &quot;Upload&quot; option, with which we upload the ZIP file that we did a little while ago.<br>When 100% turns green during upload, it means it&#039;s done and you can close that TAB.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this step, you will return to the previous tab where it says public_html and you need to click on &quot;Reload&quot; and your ZIP file will appear.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2019\/05\/Capture-1.png\" alt=\"html na cpanel\" class=\"wp-image-1448\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Right click and the options will appear as in the picture and click on &quot;Extract&quot;. And after that, in a small window, just confirm the option by clicking &quot;Extract file&quot;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That&#039;s all.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Most common mistakes<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>403 Forbidden<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If when you open the site and it says error 403 forbidden, it means that you have not followed the part that we indicated with &quot;very important&quot; at the beginning of the text. And that your files are not in public_html itself. <br><em>Note:<\/em> The first page of your site must be called index.html or home.html.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Doesn&#039;t open images<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And now the most common mistake is when the question &quot;so what is this on the computer is working fine now, but look at what it looks like, nothing works...&quot;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most often, the problem is the images because they are placed incorrectly and you get the following icon instead of the image:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2019\/06\/slikagreska-1.png\" alt=\"\" class=\"wp-image-1455\" width=\"56\" height=\"54\" title=\"\"><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This means that image links are not good.<br>One possibility is that you put the wrong path in your code<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=&quot;C:\/\/webroot\/mojsajt\/slike\/slika.jpg&quot;\/&gt; --- incorrect\n&lt;img src=&quot;\/slike\/slika.jpg&quot;\/&gt;                    --- correct<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Just text without style<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If instead of a website, you received only text without appearance and nicely arranged as in this example:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"698\" src=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2019\/06\/helloworld-no-css-1024x698.png\" alt=\"\" class=\"wp-image-1456\" title=\"\" srcset=\"https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2019\/06\/helloworld-no-css-1024x698.png 1024w, https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2019\/06\/helloworld-no-css-300x204.png 300w, https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2019\/06\/helloworld-no-css-768x523.png 768w, https:\/\/www.webhostingsrbija.rs\/wp-content\/uploads\/2019\/06\/helloworld-no-css.png 1264w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This means that the CSS file is not loaded correctly, ie the path to it is wrong and it is the same problem as with the images we mentioned above.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So files (css, js, images...) their path should go from your site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Check out the post on optimizing HTML sites:  <br><a href=\"https:\/\/www.webhostingsrbija.rs\/en\/seo-optimizacija-za-html-sajtove\/\">https:\/\/www.webhostingsrbija.rs\/seo-optimizacija-za-html-sajtove\/<\/a> <\/p>","protected":false},"excerpt":{"rendered":"<p>U ovom kratkom uputstvu bu\u0107e prikazana kompletna procedura kako se postavlja HTML sajt sa ra\u010dunara na sam hosting. Pre svega potrebno je da ZIP-ujete fajlove (.zip ekstenzija je neophodna jer .rar nije podr\u017eana). Primer slike je ura\u0111en na windows 10 i ovo svaki windows ima. Ukoliko nemate ovu opciju onda prona\u0111ite program preko kog mo\u017eete [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1449,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[20,18],"tags":[],"class_list":["post-2362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cpanel","category-kako"],"_links":{"self":[{"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/posts\/2362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/comments?post=2362"}],"version-history":[{"count":0,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/posts\/2362\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/media?parent=2362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/categories?post=2362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhostingsrbija.rs\/en\/wp-json\/wp\/v2\/tags?post=2362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}