{"id":481,"date":"2021-10-16T18:05:54","date_gmt":"2021-10-16T21:05:54","guid":{"rendered":"https:\/\/inovarconecta.com.br\/site\/?p=481"},"modified":"2024-01-13T19:29:57","modified_gmt":"2024-01-13T22:29:57","slug":"o-que-sao-sites-dinamicos-e-estaticos","status":"publish","type":"post","link":"https:\/\/inovarconecta.com.br\/digital\/o-que-sao-sites-dinamicos-e-estaticos\/","title":{"rendered":"O que s\u00e3o sites din\u00e2micos e est\u00e1ticos?"},"content":{"rendered":"\r\n

Sites b\u00e1sicos<\/strong> ( baseados em HTML, CSS,\u00a0Flash e Javascript<\/strong>) podem ter designs surpreendentes, mas perdem, em geral, em funcionalidades. Eles s\u00e3o geralmente chamados de sites est\u00e1ticos<\/strong>. Algumas funcionalidades s\u00e3o muitas vezes acrescentadas com servi\u00e7os de terceiros, tais como formul\u00e1rios, murais e busca. Para atualizar o site, o respons\u00e1vel ou o webdesign precisa editar os arquivos html e css e, depois, envi\u00e1-los para o servidor. O webdesigner<\/strong> usa geralmente programas de edi\u00e7\u00e3o de HTML para trabalhar no design. Outro programa importante \u00e9 o FTP ( File Transfer Protocol),<\/strong> que transfere – faz o upload- dos arquivos HTML, Flash, CSS, Imagem e outros para o servidor.<\/p>\r\n\r\n\r\n\r\n

Muitas pessoas que gostariam de ter site se assustam com a ideia de trabalhar com os c\u00f3digos em html e o css. H\u00e1 duas op\u00e7\u00f5es comuns: escrever os c\u00f3digos ( o que pode ser feito em editores de textos) e criar o design\u00a0 com um editor WYSIWYG ( What You See Is What You Get – O que voc\u00ea v\u00ea \u00e9 o que voc\u00ea tem)<\/strong> . No segundo caso,\u00a0 com um editor WYSIWYG, o usu\u00e1rio cria o design arrastando, soltando e inserindo recursos, bot\u00f5es, tabelas, imagens, anima\u00e7\u00f5es. Enquanto, o usu\u00e1rio desenha o site na tela do computador, o editor gera c\u00f3digo<\/strong>. Conforme o site vai sendo desenhado,\u00a0ele deve ser testado em diferentes navegadores.\u00a0<\/p>\r\n

Em s\u00edntese,\u00a0voc\u00ea desenha, ele escreve o c\u00f3digo que permite que os navegadores<\/strong> reproduzam o seu desenho.\u00a0 Hoje \u00e9 mais comum uma maior compatibilidade entre navegadores diferentes. No entanto, mesmo assim \u00e9 comum que alguns sites recomendem alguns navegadores para maior compatibilidade e para evitar erros.\u00a0<\/p>\r\n\r\n\r\n\r\n

Embora uma forma melhor de acessibilidade seja o design em CSS (Cascading Styles Sheets – Folhas de estilo em cascata)<\/strong>, sem tabelas, muitas pessoas desenvolvem site com tabelas para a organiza\u00e7\u00e3o dos conte\u00fados. Com o CSS, \u00e9 poss\u00edvel “agrupar” informa\u00e7\u00f5es do design do site, inclusive cores, fontes, espa\u00e7amento… Neste caso, a atualiza\u00e7\u00e3o do css pode modificar a apar\u00eancia de todas as p\u00e1ginas do site.\u00a0<\/p>\r\n\r\n\r\n\r\n

Sites din\u00e2micos<\/strong>\u00a0possibilitam rica\u00a0intera\u00e7\u00e3o entre o site e seus visitantes<\/strong>, que incluem recursos como f\u00f3runs, enquetes, blogs,\u00a0acesso\u00a0a\u00a0\u00e1reas restritas por login<\/strong> e outros.\u00a0O administrador <\/strong>do site tem maior controle sobre o site e sobre como inserir e excluir funcionalidades<\/strong>. Sites din\u00e2micos\u00a0exigem linguagens din\u00e2micas de programa\u00e7\u00e3o<\/strong> ( PHP, ASP.net, ASP, Jsp, por exemplo) e a acesso a banco de dados <\/strong>(MySql, por exemplo).\u00a0<\/p>\r\n

S\u00e3o exemplos de sites din\u00e2micos: sites de bancos, lojas on-line, blogs, sites de escolas e universidades, portais. f\u00f3runs…<\/p>\r\n

Os sites din\u00e2micos tamb\u00e9m podem conter anima\u00e7\u00f5es e banners em flash, e\u00a0designs bonitos e sofisticados,<\/strong> como os est\u00e1ticos, mas est\u00e3o al\u00e9m disso.\u00a0 Com estas caracter\u00edsticas, sites din\u00e2micos parecem estar destinado apenas a programadores, geeks, empresas e pessoas dispostas a investir muito dinheiro em seus sites. No entanto, isso n\u00e3o \u00e9 verdade. A grande maioria dos sites hoje \u00e9 de sites din\u00e2micos, baseados em scripts como WordPress, Joomla, Drupal, Moodle, entre muitos outros.<\/p>\r\n

O mais popular \u00e9 o WordPress, originalmente desenvolvido para cria\u00e7\u00e3o de blogs. Hoje, no entanto, \u00e9 poss\u00edvel construir uma infinidade de sites diferentes com o WordPress, incluindo blogs, jornais on-line, lojas e ambientes virtuais. Sistemas como o WordPress podem ser utilizados por usu\u00e1rios com conhecimentos b\u00e1sicos de inform\u00e1tica.<\/p>\r\n

Em outras palavras,\u00a0 mesmo um usu\u00e1rio b\u00e1sico de inform\u00e1tica pode criar ou atualizar um site constru\u00eddo com o WordPress. In\u00fameras funcionalidades extras podem ser incorporadas ao WordPress por meio de plugins gratuitos ou pagos.<\/p>\r\n\r\n\r\n\r\n

Sites din\u00e2micos dependem tamb\u00e9m de design, como no caso dos est\u00e1ticos. As linguagens de programa\u00e7\u00e3o atuam principalmente na integra\u00e7\u00e3o do site com o banco de dados.<\/p>\r\n\r\n\r\n\r\n

\u00a0Na verdade, a realidade, felizmente pode ser diferente. Veremos em post futuro, no entanto, que h\u00e1 formas de simplificar a cria\u00e7\u00e3o de sites din\u00e2micos com sistemas\u00a0CMS ( Content Management System),<\/strong> sendo poss\u00edvel reduzir significativamente os custos e o tempo de desenvolvimento e atualiza\u00e7\u00e3o do site<\/strong>. N\u00e3o pense, portanto, que um site din\u00e2mico seja algo fora do seu alcance.\u00a0<\/p>\r\n\r\n\r\n\r\n

 <\/p>\r\n","protected":false},"excerpt":{"rendered":"

Sites b\u00e1sicos ( baseados em HTML, CSS,\u00a0Flash e Javascript) podem ter designs surpreendentes, mas perdem, em geral, em funcionalidades. Eles s\u00e3o geralmente chamados de sites est\u00e1ticos. Algumas funcionalidades s\u00e3o muitas … <\/p>\n","protected":false},"author":2,"featured_media":568,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,34,37],"tags":[91,88,90,67,69,89],"class_list":["post-481","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aplicativos","category-inovacao","category-tecnologia","tag-bancos-de-dados","tag-desenvolvimento-de-sites","tag-internet","tag-tecnologia","tag-web","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/posts\/481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/comments?post=481"}],"version-history":[{"count":2,"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/posts\/481\/revisions"}],"predecessor-version":[{"id":861,"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/posts\/481\/revisions\/861"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/media\/568"}],"wp:attachment":[{"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/media?parent=481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/categories?post=481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inovarconecta.com.br\/digital\/wp-json\/wp\/v2\/tags?post=481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}