Planeamento de um Website

• Aspetos a ter em conta:

–Objetivos do Website.

– Importância do aspeto visual (combinação

de cores e imagens).

– Importância da qualidade e atualidade da

informação.

–Fácil localização da informação pretendida.

Planeamento de um Website

• Utilizando a linguagem HTML podem criar-se

páginas em que certos itens (palavras e/ou

imagens) contêm uma ligação (link) a outra zona

da mesma página ou a outros documentos.

• Utilizando um editor WYSIWYG (What You See Is

What You Get – o que se vê é o que se obtém),

que permite inserir o conteúdo de forma gráfica,

ficando a escrita dos códigos a cargo do editor.

• Linguagens utilizadas:

Técnicas de implementação

• Hiperligação

Ligação de hipertexto que permiteatribuir a palavras ou a imagens umaligação (link) para outro local (na mesmapágina ou noutra página ou site).

Técnicas de implementação

Editores de páginas Web e programas de

animação gráfica

• Editores de páginas Web: Coffee Cup, HTML

Editor, SharePoint, Dreamweaver, Flash, …

• O SharePoint e Dreamweaver– Ferramentas simples de utilizar.

– Permitem implementar menus interativos, inserir animações,

elementos multimédia, ficheiros de Flash, …

• O Flash– Permite criar aplicações Web complexas.

Editores de imagens e efeitos especiais

• Existem vários editores de imagens,como, por exemplo, o CorelDraw, oPaint.net, Adobe Photoshop,PhotoBrush…

Estes programas, dado o seu nível desofisticação, permitem manipularimagens e fotografias obtendo bonsresultados.

Ferramentas e utilitários

• Depois de o site estar concluído é necessário colocá-lo na Internet para que possa ser acedido.

Esta operação consiste, essencialmente, nacolocação de todos os ficheiros que o constituemnum servidor.

• FTP (File Transfer Protocol) - Protocolo utilizado paratransferir ficheiros entre dois computadores atravésde uma rede.

Existem diversos programas que permitemimplementar este protocolo, nomeadamente, oCuteFTP e o WSFTP.

Ferramentas e utilitários

• Segurança e integridade dos dados

Existem programas que permitemproteger os dados durante o processo detransferência. Ex.: CRT Secure.

Planeamento de um Website

• Os websites têm objetivos específicosque determinam o seu aspeto.

Assim, há situações a ponderar equestões a responder antes de se iniciaro desenvolvimento do site.

Planeamento de um Website

• Definição do site:

–Quais os seus objetivos?

–A quem se destina (público-alvo)?

–Como será produzido?

–Que tecnologia será utilizada na suaconstrução?

–Onde será colocado?

–Qual o espaço máximo que poderá ocupar?

–Como será atualizado?

Planeamento de um Website

• Arquitetura do site: definição da forma como eleserá apresentado e o tipo de navegação entre aspáginas que pretendemos implementar.

• Desenho do site: Escolha do background, das cores,das formas, dos tipos de letra, das fotografias, dostextos e ilustrações, etc.

Depois do site estar construído e publicado, deves ter ocuidado de o atualizar periodicamente, quer emtermos de conteúdos, quer em termos de solicitaçõese/ou sugestões que, eventualmente, os seus visitantestenham colocado.

Ergonomia e amigabilidade

• Aspetos a ter em atenção antes de iniciar odesenvolvimento do Website:

– Organização da informação tendo em atenção asua importância.

– Número de elementos a salientar em cadapágina.

– Evitar redundâncias.

– Respeitar termos padronizados.

– Escolha das cores, símbolos e imagens a utilizar.

Ergonomia e amigabilidade

E ainda…

–Diminui ao máximo o número de escolhaspor página.

–Utiliza títulos que permitam situar ovisitante.

–Disponibiliza o mapa do site.