Módulo 3 – Páginas Web

MÓDULO 3 – PÁGINAS
WEB
Criação de Páginas Web
TÉCNICAS DE IMPLANTAÇÃO DE PÁGINAS
NA WEB
 Linguagens de Programação
 O HTML é a linguagem mais utilizada para criar páginas Web com
hipertexto.
 Utilizando a linguagem HTML podemos criar páginas em que certos itens
(palavras e/ou imagens) contêm uma ligação – link ou hiperligação – a
outra zona da mesma página ou a outros documentos.
 DHTML (Dynamic HTML) – Linguagem que torna os elementos da uma
página (texto, imagens, etc.) mais dinâmicos.
TÉCNICAS DE IMPLANTAÇÃO DE PÁGINAS
NA WEB
Depois, existem várias linguagens que são
interligadas/embutidas com o HTML e permitem incluir efeitos
dinâmicos e interativos, por exemplo, interação com bases de
dados.
Linguagens de Programação
 Java e Java Script
 Visual Basic Script
 JSP – Java Server Pages
 ASP – Active Server Pages
 PHP – Personal Home Page
 Este tipo de linguagens estão interligadas com o HTML e permitem incluir efeitos
dinâmicos e interativos (por exemplo, interação com bases de dados).
EDITORES DE PÁGINA WEB
Existem no mercado muitos IDEs para construção de web sites. Alguns
deles, muito populares, já foram descontinuados, outros surgiram
entretanto.






Microsoft FrontPage
Microsoft Expression Web
Dreamweaver
SharePoint
Net beans
Bluefish
EDITORES DE PÁGINA WEB
A forma mais fácil de criar páginas web é com um editor
WYSIWYG (What You See Is What You Get – o que se
vê é o que obtém), que permite inserir o conteúdo de
forma gráfica, ficando a escrita dos códigos a cargo do
editor.
Contudo também é possível criar páginas web com o
bloco de notas, neste caso estará perante uma tarefa
dantesca.
TÉCNICAS DE IMPLANTAÇÃO DE PÁGINAS
NA WEB
Editores de Imagens e efeitos especiais
O Corel Draw é um programa que
permite manipular imagens vetoriais.
O Paint Shop Pro é um programa que permite
fazer tratamento de imagem.
TÉCNICAS DE IMPLANTAÇÃO DE PÁGINAS
NA WEB
Editores e programas de animação gráfica
TÉCNICAS DE IMPLANTAÇÃO DE PÁGINAS
NA WEB
Ficha de trabalho nº 3
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Ergonomia – Permite estabelecer um conjunto de regras
de adaptação entre um utilizador e o software (cores,
disposição de elementos numa página web) facilitando a
sua visualização/utilização.
Amigabilidade – Trata-se de avaliar a facilidade de
apresentação ou interação da informação numa página
web, recorrendo a um conjunto de princípios
ergonómicos.
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Aspetos a ter em atenção antes de iniciar o
desenvolvimento de um Web site:
 Conteúdo
 Fatores de design
• Navegação
• Layout
 Apoio técnico e processo de atualização
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Conteúdo das páginas:
 Resumir os conteúdos ao fundamental.
 A informação deve estar organizada tendo em atenção a sua
importância.
 Textos com uma linguagem simples e com parágrafos curtos.
 A origem do conteúdo deve ser conhecida.
 Disponibilizar apenas a informação necessária, evitando redundâncias.
 A página principal do Web site será a mais visitada. Por isso nela deve
tentar resumir o que o visitante vai encontrar no Web site.
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Design - Navegação:
 A estrutura do site deve manter-se simples e de fácil navegação.
 Disponibilizar uma secção de “Contactos”.
 Possibilitar em qualquer altura o acesso à página inicial.
 Definir menus de acordo com os conteúdos principais e
secundários de forma a facilitar o acesso à informação.
 Disponibilizar um mapa do Web site para o utilizador se situar.
 O Web site deve conter um campo para pesquisa.
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Design - Layout:
 As cores a utilizar e os efeitos gráficos devem ser escolhidos com
cuidado.
 As imagens a incluir em cada página, bem como o seu formato, devem
ser escolhidas cuidadosamente.
 Utilizar títulos para que o utilizador saiba sempre onde está.
 Layout elaborado de forma clara e compreensiva.
 A apresentação da informação deve ser atrativa.
 As imagens, som ou vídeo devem estar de acordo com a informação
veiculada.
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Apoio técnico e processo de atualização
 O Web site deve incluir informação acerca da última
atualização.
 O conteúdo deve ser atualizado regularmente.
 Não deve haver problemas de funcionamento técnico.
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Página principal:
 Topo: poderá aparecer o logótipo, nome, endereço, número de telefone, etc.
 Rodapé: data da última atualização, contacto do responsável pela página.
Fontes:
 Devem escolher-se fontes como Arial e Verdana para visualizações, e Times New
Roman para impressões.
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Tamanho da letra:
 Texto: 2 (10 pontos);
 Subtítulos: 3 (12 pontos);
 Títulos: 4 (14 pontos).
Cores:
 Deve existir contraste entre o fundo e o texto.
 Não se deve usar um número excessivo de cores.
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Imagens:
 Apresentar as imagens com o mínimo tamanho possível.
 Otimizar a imagem de preferência, nos formatos JPG, GIF ou PNG.
 Não se deve abusar de GIF animados.
JPG ou PNG
GIF animado
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Vídeo e áudio:
 Deve incluir-se o tamanho dos ficheiros e indicar o plug-in
necessário para ver/ouvir/manipular o ficheiro e o endereço
da página onde se pode obter esse plug-in.
 Formatos de ficheiros que devem ser utilizados:
• Vídeo - MPEG, AVI
• Som - MP3 ou MIDI
ERGONOMIA E AMIGABILIDADE DE UMA
PÁGINA WEB:
Frames:
Devem ser evitadas. Existem alternativas modernas muito
melhores.
Tabelas:
São excelentes para misturar imagens e texto.
Ficha de trabalho nº 4