{"id":160,"date":"2025-07-13T18:25:18","date_gmt":"2025-07-13T18:25:18","guid":{"rendered":"https:\/\/codefornoobs.pt\/?p=160"},"modified":"2025-07-13T18:25:19","modified_gmt":"2025-07-13T18:25:19","slug":"publica-o-teu-primeiro-website-de-forma-simples","status":"publish","type":"post","link":"https:\/\/codefornoobs.pt\/?p=160","title":{"rendered":"Publica o teu primeiro website de forma simples"},"content":{"rendered":"\n<p>Existem muitas formas de publicar um website. Claro que em primeiro lugar depende se tem um backend e se \u00e9 apenas um website est\u00e1ticos. Publicar um site est\u00e1tico \u00e9 sempre mais f\u00e1cil e at\u00e9 conseguimos encontrar algumas solu\u00e7\u00f5es online gratuitas. Os proximos post v\u00e3o ser dedicados a publicar websites. Vamos come\u00e7ar com op\u00e7\u00f5es locais em que apenas funciona na pr\u00f3pria rede, mas iremos aprofundar at\u00e9 chegar a sistemas prontos para produ\u00e7\u00e3o. Neste primeiro post vou assumir, por a maioria das pessoas usar, que tens um sistema windows. O windows, nativamente, permite publicar websites no geral. A aplica\u00e7\u00e3o que vamos usar \u00e9 o <strong>Internet Information Services &#8211; IIS<\/strong>.<\/p>\n\n\n\n<p>O primeiro passo \u00e9 <strong>ativar o IIS<\/strong> no teu sistema. No Windows, clicas no <strong>Iniciar<\/strong>, procuras por <strong>Adicionar e Remover Programas<\/strong>. Depois, s\u00f3 precisas de encontrar e marcar \u201c<strong>Servi\u00e7os de Informa\u00e7\u00f5es da Internet (IIS)<\/strong>\u201d e confirmar. Depois de instalado, consegues abrir o Gerenciador do IIS nas Ferramentas Administrativas. Pode ser necess\u00e1rio <strong>reinicar o computador<\/strong>, antes do IIS aparecer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"608\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/iis-activation-1024x608.png\" alt=\"\" class=\"wp-image-161\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/iis-activation-1024x608.png 1024w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/iis-activation-300x178.png 300w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/iis-activation-768x456.png 768w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/iis-activation-850x505.png 850w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/iis-activation.png 1084w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Com o IIS ativo, falta garantir que ele est\u00e1 pronto para executar aplica\u00e7\u00f5es .NET. Para isso, tens de instalar o <strong>.NET Hosting Bundle<\/strong>, dispon\u00edvel no site oficial da Microsoft. Este pacote inclui o ASP.NET Core Module, que permite ao IIS comunicar corretamente com o runtime do .NET.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"611\" height=\"477\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/hosting-bundle.png\" alt=\"\" class=\"wp-image-162\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/hosting-bundle.png 611w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/hosting-bundle-300x234.png 300w\" sizes=\"auto, (max-width: 611px) 100vw, 611px\" \/><\/figure>\n\n\n\n<p>Depois, vais querer configurar o teu site dentro do IIS. <strong>No Gerenciador<\/strong>, clicas com o <strong>bot\u00e3o direito<\/strong> em \u201c<strong>Sites<\/strong>\u201d e escolhes \u201c<strong>Adicionar site<\/strong>\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"477\" height=\"364\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/add-new-website.png\" alt=\"\" class=\"wp-image-164\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/add-new-website.png 477w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/add-new-website-300x229.png 300w\" sizes=\"auto, (max-width: 477px) 100vw, 477px\" \/><\/figure>\n\n\n\n<p>Aqui defines o nome do site, o caminho da pasta onde vais publicar os teus ficheiros e a porta que queres usar (geralmente 80 para HTTP). Tamb\u00e9m podes definir um nome de host caso estejas a usar um dom\u00ednio ou subdom\u00ednio personalizado. Nesta caso eu escolhi a porta <strong>4563<\/strong>, mas tu podes optar por outra qualquer ou at\u00e9 manter a porta <strong>80<\/strong>. Ao abrir uma porta diferente da porta <strong>80<\/strong>, teremos que abrir a porta na firewall, mas isso \u00e9 um problema para daqui a pouco.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"583\" height=\"668\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/website-settings-1.png\" alt=\"\" class=\"wp-image-165\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/website-settings-1.png 583w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/website-settings-1-262x300.png 262w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/website-settings-1-300x344.png 300w\" sizes=\"auto, (max-width: 583px) 100vw, 583px\" \/><\/figure>\n\n\n\n<p>N\u00e3o te esque\u00e7as de configurar o <strong>Application Pool<\/strong>. Para aplica\u00e7\u00f5es <strong>.NET Core<\/strong> (ou superiores), escolhe a op\u00e7\u00e3o \u201c<strong>Sem c\u00f3digo gerenciado<\/strong>\u201d \u2014 isto porque o IIS n\u00e3o precisa de gerir diretamente o runtime .NET; essa parte \u00e9 feita pelo m\u00f3dulo que instalaste anteriormente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/no-managed-code-1024x778.png\" alt=\"\" class=\"wp-image-166\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/no-managed-code-1024x778.png 1024w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/no-managed-code-300x228.png 300w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/no-managed-code-768x584.png 768w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/no-managed-code-850x646.png 850w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/no-managed-code.png 1505w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Agora vem a parte divertida: publicar o projeto. <strong>No Visual Studio<\/strong>, clicas com o bot\u00e3o direito no teu projeto e escolhes \u201c<strong>Publicar<\/strong>\u201d. Selecionas a op\u00e7\u00e3o \u201c<strong>Pasta<\/strong>\u201d, escolhes o caminho que definiste no IIS e clicas em \u201c<strong>Publicar<\/strong>\u201d. O Visual Studio vai gerar os ficheiros necess\u00e1rios, incluindo o <code>web.config<\/code>, que \u00e9 essencial para o funcionamento no IIS.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"414\" data-id=\"169\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish.png\" alt=\"\" class=\"wp-image-169\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish.png 567w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish-300x219.png 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"822\" height=\"582\" data-id=\"167\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish-folder.png\" alt=\"\" class=\"wp-image-167\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish-folder.png 822w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish-folder-300x212.png 300w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish-folder-768x544.png 768w\" sizes=\"auto, (max-width: 822px) 100vw, 822px\" \/><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"570\" data-id=\"168\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish-path.png\" alt=\"\" class=\"wp-image-168\" style=\"width:840px;height:auto\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish-path.png 810w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish-path-300x211.png 300w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/publish-path-768x540.png 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Assim que terminares, abre o navegador e testa a aplica\u00e7\u00e3o com <strong><code>http:\/\/localhost<\/code>:4563<\/strong> (ou o dom\u00ednio que definiste). Se tudo estiver certo, a tua aplica\u00e7\u00e3o estar\u00e1 online e pronta a ser usada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"564\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/siterunning.png\" alt=\"\" class=\"wp-image-171\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/siterunning.png 968w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/siterunning-300x175.png 300w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/siterunning-768x447.png 768w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/siterunning-850x495.png 850w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><\/figure>\n\n\n\n<p>  Como disse anteriormente, se <strong>escolheste uma porta diferente da porta 80<\/strong>, vamos ter que abrir essa porta ao exterior. Isto que dizer que localmente, no teu pc o site est\u00e1 a funcionar, mas se quiseres aceder por outro equipamento diferentes (um telem\u00f3vel), vai dar erro por a porta n\u00e3o estar acessivel. Neste caso usei a porta 4563, portanto \u00e9 essa porta que temos de abrir. Para tal \u00e9 necess\u00e1rio criar uma regra na firewall. Esta passo \u00e9 super simples, basta aceder \u00e0 <strong>firewall<\/strong> e depois escolher <strong>Op\u00e7\u00f5es Avan\u00e7adas<\/strong> e seguir os passos abaixo. Depois \u00e9 so carregar seguinte algumas vezes, definir o nome da regra e o site passa a estar dispon\u00edvel para qualquer equipamento da rede. <\/p>\n\n\n\n<p><strong>Se usaste a porta 80<\/strong> n\u00e3o \u00e9 preciso fazer estes passos porque a porta est\u00e1 aberta por defeito na Firewall.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" data-id=\"173\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/firewall-1024x571.png\" alt=\"\" class=\"wp-image-173\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/firewall-1024x571.png 1024w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/firewall-300x167.png 300w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/firewall-768x428.png 768w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/firewall-850x474.png 850w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/firewall.png 1133w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"634\" data-id=\"175\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/new_port-1-1024x634.png\" alt=\"\" class=\"wp-image-175\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/new_port-1-1024x634.png 1024w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/new_port-1-300x186.png 300w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/new_port-1-768x475.png 768w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/new_port-1-850x526.png 850w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/new_port-1.png 1155w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"578\" src=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/newport.png\" alt=\"\" class=\"wp-image-176\" srcset=\"https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/newport.png 705w, https:\/\/codefornoobs.pt\/wp-content\/uploads\/2025\/07\/newport-300x246.png 300w\" sizes=\"auto, (max-width: 705px) 100vw, 705px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Existem muitas formas de publicar um website. Claro que em primeiro lugar depende se tem um backend e se \u00e9 apenas um website est\u00e1ticos. Publicar um site est\u00e1tico \u00e9 sempre mais f\u00e1cil e at\u00e9 conseguimos encontrar algumas solu\u00e7\u00f5es online gratuitas. Os proximos post v\u00e3o ser dedicados a publicar websites. Vamos come\u00e7ar com op\u00e7\u00f5es locais em&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-160","post","type-post","status-publish","format-standard","hentry","category-sem-categoria"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=\/wp\/v2\/posts\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=160"}],"version-history":[{"count":2,"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=\/wp\/v2\/posts\/160\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=\/wp\/v2\/posts\/160\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codefornoobs.pt\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}