{"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":"2021-10-16T18:05:54","modified_gmt":"2021-10-16T21:05:54","slug":"o-que-sao-sites-dinamicos-e-estaticos","status":"publish","type":"post","link":"https:\/\/educardigitalinova.com.br\/digital\/o-que-sao-sites-dinamicos-e-estaticos\/","title":{"rendered":"O que s\u00e3o sites din\u00e2micos e est\u00e1ticos?"},"content":{"rendered":"\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>\n\n\n\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>\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>\n\n\n\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>\n\n\n\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>\n

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

 <\/p>\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 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…<\/p>\n","protected":false},"author":1,"featured_media":568,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17,31],"tags":[39,52,86,119,122,124],"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:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/posts\/481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/comments?post=481"}],"version-history":[{"count":0,"href":"https:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/posts\/481\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/media\/568"}],"wp:attachment":[{"href":"https:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/media?parent=481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/categories?post=481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/educardigitalinova.com.br\/digital\/wp-json\/wp\/v2\/tags?post=481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}