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 permite atribuir a palavras ou a imagens uma ligação (link) para outro local (na mesma pá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, o Paint.net, Adobe Photoshop, PhotoBrush…

Estes programas, dado o seu nível de sofisticação, permitem manipular imagens e fotografias obtendo bons resultados.

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, na colocação de todos os ficheiros que o constituem num servidor.

• FTP (File Transfer Protocol) - Protocolo utilizado para transferir ficheiros entre dois computadores através de uma rede.

Existem diversos programas que permitem implementar este protocolo, nomeadamente, o CuteFTP e o WSFTP.

Ferramentas e utilitários

• Segurança e integridade dos dados

Existem programas que permitem proteger os dados durante o processo de transferência. Ex.: CRT Secure.

Planeamento de um Website

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

Assim, há situações a ponderar e questões a responder antes de se iniciar o 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 sua construçã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 ele será apresentado e o tipo de navegação entre as páginas que pretendemos implementar.

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

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

Ergonomia e amigabilidade

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

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

– Número de elementos a salientar em cada pá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 escolhas por página.

–Utiliza títulos que permitam situar o visitante.

–Disponibiliza o mapa do site.