UFCD 793

Scripts CGI e Folhas de Estilo

Formador: João Valente

Objetivos

Desenvolver páginas para a web, através de scripts CGI e folhas de estilo.

Reflexão

Esta UFCD abordou quatro grandes áreas: os formulários, os scripts CGI, o html dinâmico e as folhas de estilo.

Os formulários HTML são um dos principais pontos de interação entre um utilizador e um web site. Eles permitem que os utilizadores enviem dados para o web site. Os formulários interativos permitem um diálogo com o utilizador da Internet, onde este preenche os campos ou clica em botões e posteriormente clica num botão de envio para enviar os seus dados. A tag form é usada para criar um formulário HTML para introdução de dados por parte dos utilizadores. Para criar a interface do formulário, inclui-se dentro do form, os atributos de interface, que permitem criar áreas de texto, menus de opções, área de entrada de passwords, botões de seleção, entre outros recursos.

Um script CGI é um programa que corre num servidor web, que define uma forma padrão em que a informação pode ser passada de e para o browser e o servidor. Os scripts tratam os pedidos dos clientes (browsers). Estes pedidos são processados e são gerados documentos que são enviados de volta aos clientes. Os browsers, por sua vez, interpretam-nos e apresentam-nos no écran. As duas formas mais comuns de execução de um script CGI são:

De um formulário HTML (o atributo action do formulário especifica o CGI a ser executado);

Referência direta ao URL (um script CGI, pode ser executado diretamente, dando explicitamente o URL em html).

O protocolo HTTP utiliza vários métodos de manipulação e organização dos dados. O método GET e o método POST são dois tipos diferentes de métodos de solicitação HTTP.

O DHTML ou o HTML dinâmico é uma nova tecnologia da web que torna os elementos de uma página muito mais dinâmicos. Um site dinâmico é construído a partir das tecnologias básicas da web: HTML, CSS e JavaScript adicionando outras tecnologias, que são chamadas de tecnologias de backend. O backend abrange tudo o que funciona no servidor, que é onde as tecnologias e os conceitos que permitem a criação de sites dinâmicos são tratados.

As folhas de estilo (CSS - cascading style sheets) são documentos com a extensão .css que guardam todas as características gráficas de um site. Podem estar separados ou no próprio código da página HTML. O CSS é uma linguagem para estilos que define o layout de documentos html. O CSS controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo, posicionamentos, … e é suportado por todos os navegadores atuais.

Para além dos temas abordados, realizámos um teste escrito para a avaliação e fomos avaliados também pelo web site, desenvolvido com a aplicação dos conteúdos adquiridos.