Professor: João Macedo

Transcrição

1

2 Programação Páginas Web O HTML (HyperText Markup Language) é 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) a outra zona da mesma página ou a outros documentos.

3 Programação Páginas Web Para além do HTML, existem outras linguagens, tais como: DHTML (Dynamic HTML) linguagem de HTML dinâmico, que inclui recursos interactivos para criar páginas Web. Utilizam-se cada vez mais scripts de programação, tais como o JavaScript. VRML (Virtual Reality Modeling Language) linguagem para a modelação de realidade virtual, que permite, através de elementos geométricos, apresentar ambientes tridimensionais ou virtuais.

4 Programação Páginas Web XML (EXtensible Markup Language) linguagem de marcação de dados que prevê um formato para descrever dados estruturados e facilita declarações mais precisas do conteúdo. Enquanto o HTML permite descrever a aparência dos dados, o XML permite definir o significado dos dados.

5 Programação Páginas Web Entretanto com o surgimento de novas necessidades de interacção com o utilizador, a que as simples e estáticas páginas HTML não conseguiam responder, surgiram linguagens que permitem a troca de informação entre o cliente e o servidor onde a informação original está alojada, como por exemplo, o ASP (Active Server Pages) e o PHP (Hypertext PreProcessor).

6 Editores Páginas Web Estas ferramentas permitem a criação de web sites com um aspecto profissional sem ser necessário dominar nenhuma linguagem de programação. Exemplos: Microsoft SharePoint Designer; Adobe Dreamweaver; Kompozer.

7 Editores de imagens e efeitos especiais São programas que tem como objectivo facilitar a alteração e criação de imagens digitais. Exemplos: GIMP; CorelDRAW; Photoshop.

8 Editores e programas de animação gráfica Flash Software que oferece recursos surpreendentes para criar web sites apelativos, abrangentes e interactivos. Esta ferramenta permite criar logótipos com animação e com controlos direccionáveis para navegação em web sites; Ulead GIF animator - É um programa de produção de imagens animadas (GIF s animados) desenvolvido pela ULEAD Systems; Ulead Cool 3D É um software também desenvolvido pela ULEAD Systems que permite gerar animações tridimensionais, permitindo incluir nas páginas web, de uma forma muito simples, títulos, logótipos e gráficos animados.

9 Ferramentas e utilitários Depois de concluído o web site, é necessário colocá-lo na Internet para que possa ser acedido por muitos utilizadores. Esta operação consiste na colocação de todos os ficheiros que o constituem num servidor. O FTP (File Transfer Protocol) é o protocolo utilizado para a transferência de ficheiros na Internet. Existem diversos programas que permitem implementar este protocolo, como o FileZilla e o CuteFTP.

10 Ferramentas e utilitários Para transferir um site para o servidor, é preciso a identificação de utilizador e a palavra-passe. O Explorador do Windows permite a execução de FTP directamente, sem necessidade de recorrer a outro software específico.

11 Criação de páginas web Princípios gerais a ter em conta quando se cria uma página para a Web: 1. A página de entrada: É frequente ser de apresentação institucional. 2. Fontes: Devem escolher-se fontes como o Arial e o Verdana para visualizações no ecrã e o Times New Roman para impressões. Relativamente ao tamanho, os mais adequados são: 2 (10 pontos) para texto, 3 (12 pontos) para subtítulos e 4 (14 pontos) para títulos. 3. Cores: Deve existir contraste entre o texto e o fundo. Não se deve usar um número excessivo de cores.

12 Criação de páginas web 4. Imagens: Apresentá-las com o mínimo tamanho (em bytes) possível. Optimizar a imagem, de preferência nos formatos JPG, GIF e PNG. Não se deve abusar de GIF s animados. 5. Vídeo e Áudio: Deve incluir-se sempre o tamanho dos ficheiros e indicar o plug-in necessário para ver / ouvir / manipular o ficheiro.

13 Criação de páginas web 6. Molduras: Usar no caso de haver conteúdos fixos e de controlo de navegação. 7. Tabelas: As tabelas com bordo 0 (zero) são excelentes para fixar larguras e/ou comprimentos, pelo que devem ser utilizadas para misturar imagens e texto.

14 Planeamento de um sítio web Antes de iniciar a criação de um site para a Web, é necessário planeá-lo. Qual o objectivo da página? A quem se dirige? Que informação deve conter? Que recursos gráficos são necessários? Que estilo de página é mais adequado?