O que é website?

Se você tem dúvida sobre o que é website ou sobre o que é site, sabia que os dois são exa­ta­mente a mesma coisa. O termo “website” é mais comumente falado em inglês, enquanto “site” é a palavra mais usada no Brasil. Seja como for, websites (ou sites) são o elemento mais básico da internet. Em um mundo cada vez mais di­gi­ta­li­zado, ter o próprio site é im­por­tante tanto para empresas, para con­quis­ta­rem e fi­de­li­za­rem clientes, quanto para pessoas que queiram se comunicar com um público. Aprenda o que é website, quem precisa ter um e quais são os jeitos possíveis de criá-lo.

Qual é a diferença entre site e página?

Muitas pessoas usam os termos “site” e “página” como se fossem sinônimos, mas a diferença entre eles é fun­da­men­tal. Uma página é um único documento HTML, exibido por um navegador (browser). Já um site quase sempre é um conjunto de várias páginas in­ter­li­ga­das, todas ar­ma­ze­na­das no mesmo servidor. Existe ainda o termo “página inicial” (homepage), que é a primeira página que um visitante encontra ao entrar em um site. A partir dela, é possível acessar as sub­pá­gi­nas do site.

Se for traduzida li­te­ral­mente, a palavra “website” significa “lugar na rede”. Assim como um lugar físico, o website também é um lugar, só que virtual. Ele tem um endereço (ele­trô­nico) e pode ser visitado. Ba­si­ca­mente, o site de uma empresa ou pessoa re­pre­senta sua presença na internet. Lá, vi­si­tan­tes podem buscar in­for­ma­ções, enviar mensagens ou realizar vários outros tipos de ati­vi­da­des re­la­ci­o­na­das ao conteúdo oferecido.

Quem precisa ter o próprio site?

Um site permite publicar todo tipo de conteúdo, como textos, imagens e vídeos. Empresas e pro­fis­si­o­nais autônomos precisam de uma presença digital forte, para oferecer seus produtos e serviços a possíveis clientes, bem como apre­sen­tar a ins­ti­tui­ção ou pessoa, facilitar o contato com os diversos de­par­ta­men­tos ou vender mer­ca­do­rias on-line.

Sites também servem para fins par­ti­cu­la­res e permitem que qualquer pessoa divulgue co­nhe­ci­mento, cultura e opiniões. Existem inúmeros sites pessoais que dis­po­ni­bi­li­zam, por exemplo, conteúdo in­for­ma­tivo ou de en­tre­te­ni­mento. Além disso, em com­bi­na­ção com perfis em redes sociais, um site próprio é um recurso adicional para alcançar possíveis em­pre­ga­do­res, com­pra­do­res ou apenas pessoas com in­te­res­ses em comum.

A estrutura de um site

Muitas empresas incluem um endereço de site nos cartões de visita e nas as­si­na­tu­ras de e-mail. Ao digitar esse endereço (também chamado de URL) na barra de endereço de um navegador, o visitante ge­ral­mente é levado à página inicial do site. A partir dessa página, de­pen­dendo de como o site é es­tru­tu­rado, o visitante tem acesso às sub­pá­gi­nas. Para in­ter­li­gar os do­cu­men­tos HTML in­di­vi­du­ais de um site, são uti­li­za­dos hy­per­links, hoje chamados apenas de links.

A maioria dos sites tem um menu de navegação, que reúne links para sub­pá­gi­nas im­por­tan­tes — por exemplo, para de­par­ta­men­tos da empresa, ca­te­go­rias de produtos ou in­for­ma­ções es­sen­ci­ais. Esse menu nor­mal­mente fica na parte superior (cabeçalho ou header) do site e é exibido não só na página inicial, mas também em todas as sub­pá­gi­nas. O menu de navegação ajuda o usuário a se orientar e fornece uma visão geral da estrutura do site. Links para outras páginas também podem ser inseridos nos textos e nas imagens do conteúdo de um site. Além disso, muitos sites oferecem, no rodapé (footer) de cada página, in­for­ma­ções sobre o operador do site, como de contato e legais.

Sites com páginas estáticas vs. sites com páginas dinâmicas

Se um site só precisa cumprir a função de cartão de visita digital, ele pode ser composto apenas de páginas estáticas. Nesse tipo de página, do­cu­men­tos HTML com as in­for­ma­ções desejadas são criados uma única vez e, então, ar­ma­ze­na­dos no servidor, sob uma URL própria. Quando um usuário acessa o endereço cor­res­pon­dente, seu navegador exibe o documento HTML estático, exa­ta­mente como foi ar­ma­ze­nado no servidor. Mas, se um site estático precisar ter o conteúdo atu­a­li­zado re­gu­lar­mente, todas as al­te­ra­ções têm que ser re­a­li­za­das ma­nu­al­mente no código HTML de cada página.

Usando páginas dinâmicas, não é preciso ter todo esse trabalho. Elas são geradas novamente pelo servidor cada vez que são acessadas. Em vez de mostrar sempre a mesma página HTML, o servidor muda au­to­ma­ti­ca­mente o conteúdo da página, conforme a atu­a­li­za­ção mais recente. Para que isso seja possível, páginas dinâmicas são baseadas em uma separação rigorosa entre conteúdo e layout. Esses dois elementos só são com­bi­na­dos quando a página é acessada de um navegador. Portanto, páginas dinâmicas exigem ser­vi­do­res muito mais potentes do que páginas estáticas, além de um sistema de banco de dados, como MySQL, para ad­mi­nis­trar os elementos da página no servidor. Páginas dinâmicas costumam usar modelos pre­de­fi­ni­dos de layout e design (templates), que são pre­en­chi­dos com o conteúdo cor­res­pon­dente quando alguém acessa a página. A tendência atual são sites dinâmicos, devido à maior fle­xi­bi­li­dade deles.

Aqui está uma com­pa­ra­ção entre páginas estáticas e dinâmicas:

Páginas estáticas: Vantagens e des­van­ta­gens

Páginas dinâmicas: Vantagens e des­van­ta­gens

Como ter o próprio site?

Agora que você já sabe o que é site e como as páginas de um site funcionam, é hora de aprender como criar um site. A depender do tipo e da com­ple­xi­dade do seu projeto, existem três opções básicas para criar um site. An­ti­ga­mente, era comum que o próprio criador do site es­cre­vesse seu código-fonte, usando um editor HTML. Hoje em dia, ope­ra­do­res de sites dispõem de soluções muito mais práticas, como cons­tru­to­res de sites (website builders) e sistemas de gestão de conteúdo. Além disso, quem não tem co­nhe­ci­men­tos em pro­gra­ma­ção ne­ces­sá­rios também pode contratar pro­ve­do­res es­pe­ci­a­li­za­dos, que oferecem criação e ma­nu­ten­ção pro­fis­si­o­nais de um site.

Cons­tru­tor de sites: A solução perfeita para prin­ci­pi­an­tes

Atu­al­mente, ninguém precisa mais ser es­pe­ci­a­lista em pro­gra­ma­ção para criar um website. Um cons­tru­tor de sites permite que você monte seu próprio site em poucos passos. Para tanto, você pode utilizar templates de design e com­po­nen­tes pré-con­fi­gu­ra­dos. Esses com­po­nen­tes podem ser ajustados, dentro das opções dis­po­ní­veis, com um editor do tipo What You See Is What You Get (WYSIWYG). Após a edição, a função de pré-vi­su­a­li­za­ção exibe todas as al­te­ra­ções na tela antes de serem con­fir­ma­das.

Após con­fi­gu­rar o layout, é só preencher cada página do site com conteúdo (textos, imagens, vídeos etc). Con­tra­tando um cons­tru­tor de sites e um serviço de hos­pe­da­gem, seu site pode ser publicado muito ra­pi­da­mente. Cons­tru­to­res de sites oferecem inúmeras vantagens, pois pos­si­bi­li­tam a criação de sites com rapidez e sem co­nhe­ci­men­tos em pro­gra­ma­ção. Atu­a­li­za­ções de conteúdo são feitas com pra­ti­ci­dade, por meio do editor. A des­van­ta­gem, porém, é a fle­xi­bi­li­dade limitada dessas fer­ra­men­tas, que costumam comportar apenas opções de design pre­de­fi­ni­das e páginas estáticas.

CMS para quem quer mais fle­xi­bi­li­dade

Quem está disposto a se aventurar nas com­ple­xi­da­des da criação de sites e não tem medo de lin­gua­gens de pro­gra­ma­ção, como HTML ou PHP, terá muito mais fle­xi­bi­li­dade ao usar um sistema de gestão de conteúdo (Content Ma­na­ge­ment System, ou CMS). Um CMS faz exa­ta­mente o que o nome diz: instalado em um servidor, ele gerencia conteúdos de páginas em um banco de dados separado da template e, a partir disso, gera uma página dinâmica a cada acesso de um usuário. Sistemas de gestão de conteúdo são populares tanto para sites pessoais quanto para sites co­mer­ci­ais, pois várias fer­ra­men­tas efi­ci­en­tes e gratuitas estão dis­po­ní­veis no mercado. Em nossa com­pa­ra­ção de CMS, apre­sen­ta­mos di­fe­ren­tes sistemas em detalhes.

Os CMS líderes do mercado são WordPress, Joomla, Drupal e Typo3, para os quais existem muitos plugins e templates que permitem per­so­na­li­zar os sites. Conteúdos como textos, imagens e vídeos podem ser fa­cil­mente inseridos pelo editor, de modo se­me­lhante ao cons­tru­tor de sites. É no front-end de um CMS que os conteúdos são inseridos. Por isso, é por lá que pessoas com poucos co­nhe­ci­men­tos de in­for­má­tica alimentam seus sites.

Porém a operação segura de um website exige mais do que apenas instalar o software. Um CMS deve ser mantido por um ad­mi­nis­tra­dor, que atualiza o software pe­ri­o­di­ca­mente, ga­ran­tindo que o sistema continue fun­ci­o­nando sem trans­tor­nos. A área de trabalho do ad­mi­nis­tra­dor é o back-end. Para cuidar das tarefas de ma­nu­ten­ção, co­nhe­ci­men­tos básicos de lin­gua­gens de pro­gra­ma­ção são in­dis­pen­sá­veis.

Programar as próprias páginas: A solução pro­fis­si­o­nal

Só é possível obter um site com­ple­ta­mente per­so­na­li­zado se o próprio operador programar, a partir do zero, o código-fonte dos do­cu­men­tos HTML ou as templates de um CMS. No entanto, essa opção só está dis­po­ní­vel para quem tem o co­nhe­ci­mento ne­ces­sá­rio ou está disposto a aprender. Empresas costumam ter­cei­ri­zar a pro­gra­ma­ção de sites per­so­na­li­za­dos a agências es­pe­ci­a­li­za­das, ao invés de acionar sua própria equipe de TI.

Páginas estáticas simples podem ser criadas apenas com co­nhe­ci­men­tos básicos em HTML e CSS (Cascading Style Sheets). Ini­ci­an­tes podem usar editores que seguem o princípio WYSIWYG para gerá-las. Esses editores permitem que o usuário visualize sempre o efeito final que o código-fonte escrito terá na estrutura, no layout e nos elementos de design da página. Além de aspectos fun­ci­o­nais e estéticos, um site pro­fis­si­o­nal também precisa cumprir certos padrões de segurança. Portanto, para sites co­mer­ci­ais, é re­co­men­dá­vel recorrer à ajuda de pro­fis­si­o­nais, como pro­gra­ma­do­res e web designers.

O que um site próprio deve conter?

Hoje em dia, publicar conteúdo na internet é muito fácil. Mas antes de colocar um site no ar, é preciso cer­ti­fi­car-se de que todas as suas páginas estão de acordo com a lei, para evitar problemas jurídicos, como processos e multas. Todo operador de site deve conhecer a le­gis­la­ção que re­gu­la­menta websites e atentar-se à pri­va­ci­dade de dados e aos direitos autoriais.

In­for­ma­ções im­por­tan­tes

Re­co­men­da­mos que sites forneçam aos vi­si­tan­tes algumas in­for­ma­ções im­por­tan­tes, mesmo que não exigidas por lei. Por exemplo, você pode usar o rodapé da página inicial para fornecer in­for­ma­ções sobre o res­pon­sá­vel pelo site, ou para es­cla­re­cer questões legais. O rodapé também é um bom lugar para apre­sen­tar in­for­ma­ções jurídicas re­la­ci­o­na­das ao conteúdo do site, como avisos, isenções de res­pon­sa­bi­li­dade e de­cla­ra­ções de direitos autorais.

Política de pri­va­ci­dade

No Brasil, todo site que coleta e processa dados pessoais de vi­si­tan­tes (mesmo que apenas por meio de cookies) tem a obrigação legal de adotar uma política de pri­va­ci­dade, que esclarece as condições de tra­ta­mento dos dados pessoais. Essa de­cla­ra­ção deve estar fa­cil­mente dis­po­ní­vel a qualquer visitante do site. A obri­ga­to­ri­e­dade da política de pri­va­ci­dade é uma das de­ter­mi­na­ções da LGPD, a Lei Geral de Proteção de Dados Pessoais.

Direitos autorais

Qualquer conteúdo (textos, imagens, vídeos e músicas) publicado na internet também está sujeito às leis de direitos autorais. Pessoas e empresas que publicam conteúdo não au­to­ri­zado em um site podem sofrer punições. De modo geral, só é permitido utilizar obras pro­te­gi­das com o con­sen­ti­mento do autor ou detentor dos direitos. E, já que os direitos autorais também se aplicam a softwares, até mesmo utilizar uma template pode gerar com­pli­ca­ções, se você não tiver obtido o programa da maneira oficial. Ainda, direitos autorais sobre imagens na internet também devem ser res­pei­ta­dos.